/* ====== AutoWash Style ====== */
:root{
  --blue-50:#eff6ff;
  --blue-100:#dbeafe;
  --blue-400:#60a5fa;
  --blue-600:#2563eb; /* hover intense */
  --blue-800:#1e3a8a;
  --text:#0f172a;
  --muted:#475569;
  --white:#ffffff;
  --radius:14px;
  --shadow:0 10px 25px rgba(30,58,138,.12);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff;}

.container{width:min(1100px, 92%);margin:0 auto}

/* Header */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--blue-100);
}
.site-header .nav{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 0;}
.logo-big{flex:1;text-align:center}
.logo-big img{max-height:90px;display:inline-block}
.menu a{color:var(--text);text-decoration:none;margin:0 10px;font-weight:500}
.menu a:hover{color:var(--blue-600)}

.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:12px 20px;text-decoration:none;font-weight:600;transition:.2s transform ease, .2s opacity ease, .2s background-color ease, .2s filter ease;}
.btn.small{padding:10px 16px;font-size:.9rem}

/* CTA gradient red-blue */
.btn-cta{
  background:linear-gradient(135deg,#ff3b3b 0%, #2563eb 100%);
  color:#fff;box-shadow:var(--shadow);
}
.btn-cta:hover{filter:saturate(115%);transform:translateY(-1px)}

.btn-call{background:var(--blue-600);color:#fff}
.btn-call:hover{background:#1d4ed8}

/* Hero */
.hero{padding:160px 0 70px;background:linear-gradient(180deg,var(--blue-50),#fff);}
.hero-inner{max-width:820px;text-align:center;margin:auto}
.hero h1{font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.15;margin:0 0 12px;color:#0b1b4a}
.hero p{margin:0 0 24px;color:var(--muted)}

/* Section */
.section{padding:56px 0}
.section-title{text-align:center;font-size:1.6rem;margin:0 0 28px;color:#0b1b4a}

/* Services grid */
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media (max-width: 820px){.services-grid{grid-template-columns:1fr}}

.card{
  border:1px solid var(--blue-100);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden;
}

/* Accordion */
.accordion{
  width:100%;display:flex;align-items:center;gap:12px;justify-content:space-between;
  background:#fff;border:0;cursor:pointer;padding:18px 18px;text-align:left;font-weight:700;color:#0b1b4a;
}
.accordion .icon{color:var(--blue-600);display:inline-flex}
.accordion .title{flex:1}
.accordion .chev{width:10px;height:10px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(-45deg);transition:.2s}
.accordion[aria-expanded="true"] .chev{transform:rotate(45deg)}
.accordion:hover{background:var(--blue-50)}

.panel{display:none;padding:0 18px 18px 18px}
.panel.open{display:block;animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:.6;transform:translateY(-2px)}to{opacity:1;transform:none}}

.service-img{width:100%;height:260px;object-fit:cover;border-radius:12px;margin:12px 0}

/* Footer */
.footer{background:var(--blue-800);color:#fff;padding:26px 0;margin-top:30px}
.footer a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4)}
.footer-inner{text-align:center;display:grid;gap:8px;font-size:.95rem}