/* Core Reset */
* { box-sizing: border-box; }
body { margin:0; font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen; color:#111; background:#fff; line-height:1.5; }
h1,h2,h3,h4 { line-height:1.15; font-weight:700; margin:0 0 .6em; }
p { margin:0 0 1em; }
img { max-width:100%; display:block; }
a { color:#0d47a1; text-decoration:none; }
a:hover { text-decoration:underline; }

/* Layout */
.container { width: min(1200px, 92%); margin:0 auto; }
.flex { display:flex; }
.between { justify-content:space-between; }
.center { text-align:center; }
.center-v { align-items:center; }
.grid { display:grid; gap:2.2rem; }
.hero-grid { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); align-items:center; min-height:74vh; }

/* Header */
.site-header { position:sticky; top:0; background:rgba(255,255,255,.9); backdrop-filter:blur(14px); border-bottom:1px solid #e6ecf3; z-index:90; box-shadow:0 4px 14px -6px rgba(0,0,0,.12); }
.site-header.scrolled { box-shadow:0 6px 22px -10px rgba(0,0,0,.25); }
.site-header .logo { font-weight:800; font-size:1.25rem; letter-spacing:.5px; display:inline-block; }
.logo span { color:#0b61ff; }
.main-nav ul { list-style:none; display:flex; gap:1.4rem; margin:0; padding:0; align-items:center; }
.main-nav a { font-weight:500; color:#1e242b; position:relative; padding:.35rem .1rem; }
.main-nav a:after { content:""; position:absolute; left:0; bottom:2px; width:0; height:2px; background:linear-gradient(90deg,#0b61ff,#ff6a3d); transition:.35s cubic-bezier(.4,.7,.2,1); border-radius:2px; }
.main-nav a:hover:after, .main-nav a.active:after { width:100%; }
.main-nav a.active { color:#0b61ff; }
.nav-toggle { display:none; background:none; border:none; padding:.5rem .4rem; border-radius:10px; cursor:pointer; position:relative; width:48px; height:44px; }
.nav-toggle .bar { position:absolute; left:14px; right:14px; height:3px; background:#0b61ff; border-radius:3px; transition:.5s; }
.nav-toggle .bar:nth-child(1){ top:14px; }
.nav-toggle .bar:nth-child(2){ top:21px; }
.nav-toggle .bar:nth-child(3){ top:28px; }
.nav-toggle.open .bar:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-toggle.open .bar:nth-child(2){ opacity:0; }
.nav-toggle.open .bar:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.nav-overlay { position:fixed; inset:0; background:rgba(8,16,29,.55); backdrop-filter:blur(3px); opacity:0; pointer-events:none; transition:.4s; z-index:80; }
.nav-overlay.show { opacity:1; pointer-events:auto; }

/* Hero */
.hero { padding:5rem 0 3rem; background:linear-gradient(135deg,#f5f9ff,#fff); position:relative; }
.hero:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 70% 30%, rgba(11,97,255,.15), transparent 60%); pointer-events:none; }
.hero h1 { font-size:clamp(2.2rem,5vw,3.4rem); background:linear-gradient(90deg,#0b61ff,#111); -webkit-background-clip:text; background-clip:text; color:transparent; }
.grad { background:linear-gradient(90deg,#ff6a3d,#ff008c); -webkit-background-clip:text; background-clip:text; color:transparent; }
.lead { font-size:1.1rem; max-width:640px; }
.trust-points { list-style:none; margin:1.2rem 0 1.6rem; padding:0; display:grid; gap:.4rem; }
.trust-points li { padding-left:1.3rem; position:relative; }
.trust-points li:before { content:"✔"; position:absolute; left:0; color:#0b61ff; font-weight:600; }
.cta-group { display:flex; gap:1rem; flex-wrap:wrap; margin-top:1rem; }
.mini-metrics { display:flex; gap:2.5rem; margin-top:2.2rem; flex-wrap:wrap; }
.mini-metrics div { min-width:120px; }
.mini-metrics strong { font-size:1.4rem; display:block; }

/* Buttons */
.btn { --btn-bg:#0b61ff; --btn-color:#fff; --btn-border:transparent; display:inline-block; background:var(--btn-bg); color:var(--btn-color); padding:.85rem 1.4rem; border-radius:12px; font-weight:600; letter-spacing:.4px; border:2px solid var(--btn-border); transition:.3s; text-decoration:none; }
.btn:hover { filter:brightness(1.05); text-decoration:none; }
.btn.ghost { --btn-bg:rgba(11,97,255,.08); --btn-color:#0b61ff; --btn-border:rgba(11,97,255,.25); }
.btn.small { padding:.55rem 1rem; font-size:.85rem; }
.btn.primary { background:linear-gradient(90deg,#0b61ff,#0950d3); }

/* Sections */
.section { padding:4.5rem 0; }
.section.alt { background:#f8faff; }
.section h2 { font-size:clamp(1.9rem,4.5vw,2.5rem); }

/* Cards */
.cards { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.card { background:#fff; border:1px solid #e5ecf5; padding:1.4rem 1.3rem 1.5rem; border-radius:18px; box-shadow:0 4px 10px -4px rgba(0,0,0,.06); position:relative; overflow:hidden; }
.card:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 80% 15%,rgba(11,97,255,.12),transparent 70%); pointer-events:none; }
.card h3 { font-size:1.1rem; margin-top:0; }
.service-card .icon { width:52px; height:52px; object-fit:cover; border-radius:14px; margin-bottom:.65rem; box-shadow:0 4px 10px -4px rgba(0,0,0,.25); }
/* Enhanced Services Showcase */
.services-enhanced { padding-top:5rem; position:relative; }
.services-enhanced .section-head { max-width:980px; margin:0 auto 2.8rem; text-align:center; }
.services-enhanced .section-head .eyebrow { display:inline-block; background:linear-gradient(90deg,#0b61ff,#ff6a3d); color:#fff; font-size:.7rem; letter-spacing:.12em; font-weight:600; padding:.45rem .9rem; border-radius:100px; text-transform:uppercase; box-shadow:0 2px 6px -2px rgba(0,0,0,.25); margin-bottom:1rem; }
.services-enhanced .section-head .section-title { font-size:clamp(2.1rem,4.2vw,3.2rem); line-height:1.05; margin:0 0 .9rem; }
.services-enhanced .section-head .section-sub { font-size:1rem; color:#4a5671; max-width:720px; margin:0 auto; }
.dark .services-enhanced .section-head .section-sub { color:#b7c4d9; }
.services-enhanced.simple .services-showcase { display:block; }
.services-enhanced.simple .svc-head, .services-enhanced.simple .svc-img-wrap, .services-enhanced.simple .services-visual { display:none; }
.overlay-grad { position:absolute; inset:0; background:linear-gradient(200deg,rgba(5,15,30,.15),rgba(5,15,30,.65)); backdrop-filter:blur(2px); }
.svc-head { position:absolute; left:0; bottom:0; padding:2.2rem 2.2rem 2.6rem; color:#fff; max-width:90%; }
.svc-head h2 { margin:0 0 .6rem; font-size:clamp(1.9rem,3.8vw,2.6rem); color:#fff; }
.svc-head p { margin:0; font-size:1rem; font-weight:500; opacity:.95; }

.services-carousel { position:relative; overflow:hidden; }
.svc-controls { position:absolute; top:-64px; right:0; display:flex; gap:.6rem; }
.svc-nav { width:42px; height:42px; border-radius:14px; border:1px solid #d5deeb; background:#fff; box-shadow:0 4px 14px -6px rgba(0,0,0,.12); cursor:pointer; font-size:1.3rem; font-weight:600; color:#0b61ff; display:flex; align-items:center; justify-content:center; transition:.3s; }
.svc-nav:hover { background:#0b61ff; color:#fff; }

.services-track { position:relative; height:auto; }
.services-track.slider-mode { width:100%; }
.services-track.slider-mode .svc-card { flex:0 0 calc((100% - 3.2rem)/3); max-width:none; }
.svc-card { width:260px; flex:0 0 auto; position:relative; }
.svc-card .inner { display:flex; flex-direction:column; gap:.55rem; }
.svc-card .icon { width:72px; height:72px; border-radius:18px; box-shadow:0 4px 14px -4px rgba(0,0,0,.25); object-fit:cover; margin-bottom:.4rem; }
.svc-card h3 { font-size:1rem; margin:0; }
.svc-card p { font-size:.78rem; line-height:1.35; margin:0; }
.svc-hint { font-size:.6rem; letter-spacing:1px; text-transform:uppercase; opacity:.55; margin-top:.6rem; }

@keyframes svcMarquee { from { transform:translateX(0);} to { transform:translateX(-50%);} }

/* Reveal animation */
.reveal { opacity:0; transform:translateY(24px) scale(.96); transition: .85s cubic-bezier(.4,.7,.2,1); }
.reveal.in { opacity:1; transform:translateY(0) scale(1); }

@media (max-width:1180px){
  /* simple variant keeps default block flow */
  .services-enhanced .section-head { margin-bottom:2rem; }
  .svc-controls { top:-58px; }
}
@media (max-width:680px){
  .services-track.slider-mode .svc-card { flex:0 0 calc((100% - 1.6rem)/2); }
  .svc-card { width:220px; }
  .svc-card .icon { width:64px; height:64px; }
  .svc-head p { font-size:.9rem; }
}
@media (max-width:520px){
  @media (max-width:600px){
    .services-track.slider-mode .svc-card { flex:0 0 100%; }
  }
  .svc-head { padding:1.6rem 1.5rem 2.1rem; }
  .svc-head h2 { font-size:2rem; }
}
.extended-grid { margin-top:2.2rem; }
.es-card { padding-bottom:2.6rem; }
.es-card .tag { position:absolute; bottom:1rem; left:1rem; background:#0b61ff; color:#fff; padding:.35rem .65rem; font-size:.6rem; letter-spacing:.7px; text-transform:uppercase; border-radius:6px; font-weight:600; }

/* Pricing */
.pricing { grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); margin-top:2.4rem; }
/* Enhanced Packages */
.packages-enhanced .pricing-grid { display:grid; gap:2rem; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); align-items:stretch; }
.packages-head .sub { font-size:1.05rem; color:#4a5671; max-width:760px; margin:.6rem auto 0; }
.pkg { position:relative; border:1px solid #e2e8f4; border-radius:28px; padding:1.6rem 1.4rem 1.9rem; display:flex; flex-direction:column; gap:1rem; transition:.35s box-shadow,.35s transform, .35s border-color; background:#fff; }
.pkg:hover { box-shadow:0 18px 38px -18px rgba(15,38,70,.25),0 8px 18px -8px rgba(15,38,70,.15); transform:translateY(-6px); border-color:#c9d6e8; }
.pkg.highlight { background:linear-gradient(145deg,#0b61ff 0%,#ff6a3d 110%); color:#fff; }
.pkg.highlight .feat li span, .pkg.highlight .hint, .pkg.highlight .price span { color:rgba(255,255,255,.8); }
.pkg .badge { position:absolute; top:-12px; right:18px; background:#ff008c; color:#fff; font-size:.65rem; padding:.45rem .7rem; border-radius:40px; font-weight:600; letter-spacing:.06em; box-shadow:0 4px 12px -4px rgba(255,0,140,.5); }
.pkg .badge.pulse { animation:pulse 2.4s infinite; }
@keyframes pulse { 0%,100%{ transform:scale(1);} 50%{ transform:scale(1.08);} }
.pkg-top h3 { margin:0 0 .3rem; font-size:1.4rem; }
.pkg-top .price { font-size:1.9rem; font-weight:700; margin:0; }
.pkg-top .price span { font-size:.8rem; font-weight:500; color:#5a6478; }
.pkg-top .hint { margin:0; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; font-weight:600; color:#6a7386; }
.pkg.highlight .hint { color:#fff; }
.feat { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.55rem; font-size:.85rem; }
.feat li { display:flex; justify-content:space-between; gap:.75rem; padding:.45rem .75rem; background:#f5f8fc; border-radius:10px; }
.pkg.highlight .feat li { background:rgba(255,255,255,.15); }
.feat li span { color:#4a5671; font-weight:500; }
.cta { margin-top:auto; }
.value-ribbon { margin-top:2.8rem; display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; }
.value-ribbon .vr-item { background:#fff; border:1px solid #e1e8f2; padding:.65rem 1rem; border-radius:40px; font-size:.7rem; letter-spacing:.05em; font-weight:600; text-transform:uppercase; display:flex; gap:.45rem; }
.packages-enhanced .pkg.highlight .price { color:#fff; }

/* Lead Scope Form */
.lead-scope { background:linear-gradient(180deg,#f5f9ff 0%,#ffffff 70%); }
.scope-grid { display:grid; gap:3rem; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); align-items:start; }
.scope-copy h2 { margin-top:0; font-size:clamp(1.9rem,4vw,2.6rem); }
.scope-copy .lead { font-size:1.05rem; color:#4a5671; max-width:560px; }
.scope-copy .bullets { list-style:none; padding:0; margin:1.2rem 0 1.6rem; display:grid; gap:.65rem; }
.scope-copy .bullets li { background:#fff; border:1px solid #e2e9f3; padding:.55rem .85rem; border-radius:12px; font-size:.85rem; box-shadow:0 4px 12px -6px rgba(15,38,70,.12); }
.social-proof.mini { display:flex; gap:1.2rem; flex-wrap:wrap; }
.social-proof.mini .kpi { display:block; font-size:1.2rem; font-weight:700; background:linear-gradient(90deg,#0b61ff,#ff6a3d); -webkit-background-clip:text; background-clip:text; color:transparent; }
.scope-form { background:#fff; border:1px solid #dde6f2; padding:1.8rem 1.5rem 2rem; border-radius:24px; box-shadow:0 12px 32px -12px rgba(15,38,70,.15); display:flex; flex-direction:column; gap:1.2rem; }
.scope-form .row { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }
.scope-form label { display:flex; flex-direction:column; font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; font-weight:600; color:#566070; gap:.4rem; }
.scope-form input, .scope-form select, .scope-form textarea { font:inherit; padding:.7rem .9rem; border:1px solid #cad5e4; border-radius:10px; background:#f9fbfe; transition:.25s border, .25s background; }
.scope-form input:focus, .scope-form select:focus, .scope-form textarea:focus { outline:none; border-color:#0b61ff; background:#fff; }
.scope-form textarea { resize:vertical; }
.services-field.inline { border:0; padding:0; }
.services-field.inline legend { font-size:.7rem; letter-spacing:.12em; font-weight:700; text-transform:uppercase; margin-bottom:.6rem; }
.chips { display:flex; flex-wrap:wrap; gap:.6rem; }
.chips label { position:relative; cursor:pointer; }
.chips input { position:absolute; opacity:0; inset:0; }
.chips span { display:inline-block; padding:.55rem .85rem; background:#f0f5fb; font-size:.75rem; font-weight:600; border-radius:40px; letter-spacing:.05em; border:1px solid #d5e2f1; transition:.25s background,.25s color,.25s border; }
.chips input:checked + span { background:linear-gradient(90deg,#0b61ff,#ff6a3d); color:#fff; border-color:#0b61ff; }
.scope-form .form-footer { display:flex; gap:1rem; align-items:center; }
.scope-form .privacy { margin:0; }
@media (max-width:760px){
  .value-ribbon { flex-direction:column; align-items:stretch; }
  .value-ribbon .vr-item { justify-content:center; }
}
.price-card { background:#fff; border:1px solid #e4e9f1; padding:2rem 1.6rem 2.4rem; border-radius:22px; position:relative; display:flex; flex-direction:column; gap:1rem; box-shadow:0 6px 16px -4px rgba(25,60,120,.08),0 2px 8px -2px rgba(25,60,120,.04); }
.price-card.highlight { border:2px solid #0b61ff; transform:translateY(-6px); }
.price-card .badge { position:absolute; top:-14px; right:14px; background:#ff6a3d; color:#fff; padding:.4rem .7rem; font-size:.7rem; text-transform:uppercase; letter-spacing:.8px; border-radius:6px; }
.price { font-size:2.4rem; font-weight:700; margin:0; background:linear-gradient(90deg,#0b61ff,#091f60); -webkit-background-clip:text; background-clip:text; color:transparent; }
.price span { font-size:.9rem; font-weight:500; color:#333; background:unset; -webkit-background-clip:unset; background-clip:unset; }
.features { list-style:none; margin:0; padding:0; flex-grow:1; }
.features li { padding:.45rem 0 .45rem 1.2rem; position:relative; font-size:.9rem; border-bottom:1px dashed #e4e9f1; }
.features li:before { content:"✔"; position:absolute; left:0; color:#0b61ff; }
.note { font-size:.8rem; color:#555; margin-top:2rem; }

/* Client Logo Slider */
.clients-section { padding-top:3rem; padding-bottom:3rem; }
.logo-strip { position:relative; overflow:hidden; width:100%; mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); -webkit-mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); }
.logo-track { display:flex; align-items:center; gap:3.5rem; animation:logoScroll 28s linear infinite; width:max-content; }
.logo-item { flex:0 0 auto; display:flex; align-items:center; justify-content:center; opacity:.9; transition:.35s; }
.logo-item img { max-height:60px; width:auto; height:auto; object-fit:contain; aspect-ratio:5/2; filter:drop-shadow(0 2px 4px rgba(0,0,0,.08)); }
.logo-item:hover { transform:translateY(-4px); opacity:1; }
@media (max-width:780px){
  .logo-track { gap:2.2rem; animation-duration:22s; }
  .logo-item img { max-height:48px; }
}
@media (max-width:520px){
  .logo-track { gap:1.8rem; animation-duration:18s; }
  .logo-item img { max-height:42px; }
}
@keyframes logoScroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .logo-track { animation-play-state:paused; } }

/* Vertical Curved Timeline */
.timeline-vertical { position:relative; margin-top:3.2rem; padding:0 0 0 0; max-width:880px; margin-left:auto; margin-right:auto; }
.timeline-svg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.55; filter:drop-shadow(0 6px 20px rgba(11,97,255,.25)); }
.v-step { position:relative; min-height:160px; display:flex; align-items:center; gap:1.4rem; }
.v-step:nth-child(even) { flex-direction:row-reverse; }
.v-step .node { width:72px; flex-shrink:0; display:flex; align-items:center; justify-content:center; position:relative; }
.v-step .node span { width:48px; height:48px; background:linear-gradient(135deg,#0b61ff,#091f60); color:#fff; font-weight:600; display:flex; align-items:center; justify-content:center; border-radius:16px; font-size:1rem; box-shadow:0 6px 16px -4px rgba(0,0,0,.25); }
.v-step .panel { background:#fff; border:1px solid #dbe3ef; padding:1rem 1.1rem 1.1rem; border-radius:18px; box-shadow:0 6px 18px -6px rgba(0,0,0,.12); width:100%; position:relative; }
.v-step .panel:before { content:""; position:absolute; top:50%; width:18px; height:18px; background:#fff; border:1px solid #dbe3ef; transform:translateY(-50%) rotate(45deg); }
.v-step:nth-child(odd) .panel:before { left:-9px; }
.v-step:nth-child(even) .panel:before { right:-9px; }
.v-step h3 { margin:.1rem 0 .35rem; font-size:1.05rem; }
.v-step p { margin:0; font-size:.85rem; line-height:1.35; }
@media (max-width:820px){
  .v-step { flex-direction:row !important; }
  .v-step .panel:before { left:38px; right:auto; }
  .v-step:nth-child(even) .panel:before { left:38px; }
  .v-step { min-height:140px; }
}
@media (max-width:580px){
  .v-step .panel { font-size:.9rem; }
  .v-step p { font-size:.78rem; }
  .v-step .node span { width:42px; height:42px; font-size:.85rem; }
}

/* Why */
.why-grid { grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); margin-top:2.2rem; }
.why-item { background:#fff; border:1px solid #e5ecf5; padding:1.2rem 1.2rem 1.3rem; border-radius:18px; box-shadow:0 3px 8px -2px rgba(0,0,0,.05); }
.why-item h3 { font-size:1rem; margin:.2rem 0 .6rem; }

/* Form */
.form-section { --bg:linear-gradient(135deg,#ffffff,#f0f6ff); background:var(--bg); }
form { background:#fff; padding:2rem 2rem 2.4rem; border-radius:24px; border:1px solid #e4e9f1; box-shadow:0 6px 18px -6px rgba(0,0,0,.08),0 2px 8px -4px rgba(0,0,0,.04); }
.narrow { max-width:820px; }
form label, form fieldset { font-size:.8rem; font-weight:600; text-transform:uppercase; letter-spacing:.8px; color:#2c3036; display:flex; flex-direction:column; gap:.35rem; }
form input, form select, form textarea { font:inherit; padding:.75rem .9rem; border:1px solid #d0d8e5; border-radius:12px; background:#f9fbfe; font-weight:500; transition:.25s; }
form input:focus, form select:focus, form textarea:focus { outline:2px solid #0b61ff33; background:#fff; }
.form-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap:1.2rem 1rem; }
label.full { grid-column:1/-1; }
.services-field { grid-column:1/-1; border:1px dashed #d0d8e5; padding:1rem 1rem 1.2rem; border-radius:16px; }
.checkbox-group { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:.6rem .8rem; font-size:.75rem; }
.checkbox-group label { flex-direction:row; font-weight:500; text-transform:none; letter-spacing:0; gap:.45rem; align-items:center; }
.form-footer { margin-top:1.6rem; display:flex; gap:1.2rem; align-items:center; flex-wrap:wrap; }
#formStatus { font-size:.85rem; font-weight:600; }
#formStatus.success { color:#0d7c3b; }
#formStatus.error { color:#b30021; }
.privacy { font-size:.65rem; margin-top:1rem; color:#555; }
.sub { margin-top:-.5rem; margin-bottom:2.2rem; color:#333; }

/* Footer */
.site-footer { background:#071426; color:#d2d9e4; margin-top:3rem; font-size:.9rem; }
.site-footer a { color:#fff; }
.footer-grid { display:grid; gap:2.2rem; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); padding:3.2rem 0 2rem; }
.footer-grid h4 { margin:0 0 .8rem; font-size:.9rem; letter-spacing:1px; text-transform:uppercase; }
.footer-grid .logo { font-size:1.2rem; margin-bottom:.9rem; }
.list { list-style:none; margin:0; padding:0; display:grid; gap:.4rem; }
.sub-footer { background:#050e1b; font-size:.7rem; padding:.9rem 0; }
.tiny { opacity:.7; }

/* Utilities */
.full { grid-column:1/-1; }
.hidden { display:none !important; }

/* Responsive Nav */
@media (max-width:980px){
  .main-nav { position:fixed; inset:0 0 0 auto; width:300px; max-width:82%; background:#ffffff; box-shadow:-4px 0 24px -4px rgba(0,0,0,.25); transform:translateX(100%); transition:.55s cubic-bezier(.6,.05,.3,1); padding:5.4rem 1.9rem 2.2rem; z-index:99; display:flex; }
  .main-nav.open { transform:translateX(0); }
  .main-nav ul { flex-direction:column; gap:1.3rem; align-items:flex-start; }
  .main-nav a { font-size:1rem; }
  .nav-toggle { display:inline-block; }
  body.nav-open { overflow:hidden; }
}

@media (max-width:600px){
  .mini-metrics { gap:1.2rem; }
  .price { font-size:2rem; }
  form { padding:1.4rem 1.2rem 1.8rem; }
}