/* United Power Wash — minimal, modern, responsive */
:root {
  --bg: #0b1320;
  --ink: #0d1726;
  --ink-2: #334155;
  --brand: #1e90ff;
  --brand-ink: #0c4280;
  --paper: #ffffff;
  --paper-2: #f6f8fb;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: var(--ink); background: var(--paper); }
a { color: var(--brand); text-decoration: none; }
.container { width: min(1120px, 92%); margin: 0 auto; }

.site-header { position: sticky; top:0; z-index: 50; background: rgba(255,255,255,.9); backdrop-filter: blur(8px); border-bottom: 1px solid #eef2f7; }
.nav { display:flex; align-items:center; justify-content: space-between; padding: 14px 0; }
.logo { font-weight: 800; font-size: 20px; color: var(--ink); }
.logo span { color: var(--brand); }
.menu { display:flex; gap:18px; align-items:center; }
.menu a { padding: 8px 10px; border-radius: 10px; }
.menu .cta-link { background: var(--brand); color: white; box-shadow: var(--shadow); }
.hamburger { display:none; background:transparent; border:0; font-size: 26px; }

.hero { background: linear-gradient(180deg, #0b1320 0%, #0f1b34 70%, #101826 100%); color: white; padding: 72px 0 54px; }
.hero-grid { display:grid; grid-template-columns: 1.2fr 1fr; gap: 28px; align-items: stretch; }
.hero-copy h1 { font-size: clamp(28px, 4vw, 44px); margin: 0 0 12px; }
.hero-copy p { color: #c7d2e4; font-size: 16px; line-height: 1.6; }
.hero-cta { display:flex; gap:12px; margin-top:16px; }
.badges { list-style: none; padding:0; margin: 16px 0 0; display:flex; gap:18px; flex-wrap: wrap; color:#b7c7de; }

.hero-card { background: white; color: var(--ink); border-radius: var(--radius); padding: 18px; box-shadow: var(--shadow); }
.hero-card h3 { margin:8px 6px 10px; }
.hero-card form { display:grid; gap:10px; }
.hero-card input, .hero-card select, .hero-card textarea {
  width:100%; padding:12px 12px; border-radius: 10px; border:1px solid #e6ebf3; outline: none;
}
.hero-card input:focus, .hero-card select:focus, .hero-card textarea:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(30,144,255,.15); }
.privacy { display:block; margin-top:8px; color:#8aa0b9; }

.section { padding: 60px 0; }
.section.alt { background: var(--paper-2); }
.section h2 { font-size: 28px; margin:0 0 22px; }

.cards { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.card { background:white; border:1px solid #eef2f7; border-radius: var(--radius); padding:16px; box-shadow: var(--shadow); }
.features { display:grid; gap:12px; padding-left: 16px; }

.gallery { display:grid; grid-template-columns: repeat(4, 1fr); gap:10px; }
.gallery .ph { height: 160px; border-radius: 12px; background: linear-gradient(135deg, #e8eef6, #f7fbff); display:flex; align-items:center; justify-content:center; border: 1px dashed #b9c8dc; color:#6b7f96; font-weight:600; }

.contact { display:grid; grid-template-columns: 1.2fr .8fr; gap:26px; align-items:center; }
.contact-list { list-style:none; padding:0; margin:12px 0 0; display:grid; gap:8px; }
.muted { color:#64748b; margin-top: 8px; }

.btn { display:inline-block; padding:12px 18px; border-radius: 12px; border:1px solid transparent; font-weight: 700; }
.btn.primary { background: var(--brand); color: white; }
.btn.ghost { background: white; border-color: #dfe7f2; color: var(--ink-2); }
.btn.large { padding: 14px 22px; }

.site-footer { background:#0b1320; color:#c7d2e4; padding: 18px 0; text-align:center; }

/* Responsive */
@media (max-width: 960px) {
  .hero-grid { grid-template-columns: 1fr; }
  .cards { grid-template-columns: 1fr 1fr; }
  .gallery { grid-template-columns: 1fr 1fr; }
  .contact { grid-template-columns: 1fr; }
  .menu { display:none; position: absolute; right: 4%; top: 58px; background: white; padding: 12px; border-radius: 12px; box-shadow: var(--shadow); flex-direction: column; }
  .hamburger { display:block; color: var(--ink); }
  .menu.open { display:flex; }
}
@media (max-width: 560px) {
  .cards { grid-template-columns: 1fr; }
}