/* ============================================================
   Wise Mobile Car Detailing — "Elemental" concept
   Cream & teal palette, styled after elementalcleaning.com.au:
   dark topbar, pill badges, soft rounded cards, stats row,
   honesty callout, sticky mobile action bar.
   ============================================================ */

@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-display:swap;src:url("archivo-var.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("inter-var.woff2") format("woff2")}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f5f1e7;color:#14262b;font-family:"Inter",system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:#1f7a87;text-decoration:none}
a:hover{color:#14555f}
h1,h2,h3,h4{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif}
button,input,textarea,select{font:inherit}
:focus-visible{outline:3px solid #1f7a87;outline-offset:3px;border-radius:6px}
.container{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,44px)}

/* ---------- topbar ---------- */
.topbar{background:#102227;color:#9db8be;font-size:13px}
.topbar-inner{display:flex;align-items:center;gap:20px;padding-block:8px}
.topbar-inner > span{display:inline-flex;align-items:center;gap:8px}
.topbar .dot{width:6px;height:6px;border-radius:50%;background:#5ec4d2;box-shadow:0 0 8px #5ec4d2}
.topbar-links{margin-left:auto;display:flex;gap:18px}
.topbar-links a{font-weight:600;color:#cfe6ea}
.topbar-links a:hover{color:#fff}
@media (max-width:680px){.topbar-links a:last-child{display:none}}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(247,243,233,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(20,38,43,.12)}
.nav-inner{display:flex;align-items:center;gap:24px;padding-block:13px}
.brand{display:flex;align-items:center;gap:12px;color:inherit}
.badge{width:52px;height:52px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgba(31,122,135,.45),0 8px 20px rgba(20,38,43,.16);overflow:hidden;flex:none}
.badge img{width:88%;height:88%;object-fit:contain}
.brand-name{display:flex;flex-direction:column;line-height:1.15}
.brand-name strong{font:800 18px "Archivo",sans-serif;color:#14262b}
.brand-name small{font:700 10px "Archivo",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#1f7a87}
.nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav-links > a:not(.btn){padding:9px 13px;border-radius:999px;font-size:14px;font-weight:600;color:#43575d}
.nav-links > a:not(.btn):hover{color:#14262b;background:rgba(31,122,135,.09)}
.nav-links > a[aria-current="page"]{color:#0e3d45;background:rgba(31,122,135,.12)}
/* overhanging logo */
.badge-hang{width:96px;height:96px;align-self:flex-start;margin-bottom:-50px;position:relative;z-index:5;box-shadow:0 0 0 3px rgba(31,122,135,.5),0 14px 30px rgba(20,38,43,.28)}
@media (max-width:680px){.badge-hang{width:76px;height:76px;margin-bottom:-32px}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 28px;border-radius:12px;border:0;cursor:pointer;font:700 15px "Inter",sans-serif;color:#fff;white-space:nowrap;transition:all .16s ease}
.btn::after{content:"→";font-weight:700}
.btn.no-arrow::after{content:none}
.btn-primary{background:#1f7a87;box-shadow:0 10px 24px rgba(31,122,135,.28)}
.btn-primary:hover{background:#17919f;transform:translateY(-2px);box-shadow:0 16px 30px rgba(31,122,135,.36);color:#fff}
.btn-outline{border:1.5px solid rgba(20,38,43,.35);color:#14262b;background:#fff}
.btn-outline:hover{border-color:#1f7a87;color:#1f7a87}
.btn-small{padding:11px 20px;font-size:14px;margin-left:10px;border-radius:10px}
.text-link{font:700 13.5px "Inter",sans-serif;color:#1f7a87}
.shine-inner .btn-outline{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}

/* ---------- shared type ---------- */
.eyebrow{margin:0 0 14px;display:inline-flex;align-items:center;gap:8px;font:700 11.5px "Archivo",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#0e3d45;background:rgba(31,122,135,.1);border:1px solid rgba(31,122,135,.3);border-radius:999px;padding:7px 14px}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#1f7a87}
.lead{margin:0 0 26px;max-width:56ch;font-size:18px;color:#43575d;text-wrap:pretty}
.section-intro{text-align:center;max-width:680px;margin:0 auto 44px}
.section-intro h2{margin:0 0 14px;font-weight:800;font-size:clamp(28px,3.1vw,38px);line-height:1.1;letter-spacing:-.018em;color:#14262b}
.section-intro h2 em{font-style:italic;color:#1f7a87}
.section-intro p{margin:0;color:#43575d;font-size:16px}

/* ---------- page hero ---------- */
.page-hero{background:linear-gradient(180deg,#ede7d7,rgba(237,231,215,0)),#f5f1e7;border-bottom:1px solid rgba(20,38,43,.1);padding-block:52px 46px}
.crumb{margin:0 0 18px;font:600 13px "Inter",sans-serif;color:#71838a;display:flex;gap:10px;align-items:center}
.crumb a{color:#1f7a87}
.page-hero h1{margin:0 0 16px;font-weight:800;font-size:clamp(32px,4.2vw,46px);line-height:1.05;letter-spacing:-.02em;color:#14262b}
.page-hero .lead{margin-bottom:0}

/* ---------- home hero ---------- */
.hero{background:#f5f1e7}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;padding-block:56px 56px}
.hero h1{margin:0 0 18px;font-weight:800;font-size:clamp(36px,4.4vw,54px);line-height:1.05;letter-spacing:-.022em;color:#14262b}
.hero h1 em{font-style:italic;color:#1f7a87}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.badges{display:flex;gap:9px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:#fff;border:1px solid rgba(20,38,43,.14);font:600 13px "Inter",sans-serif;color:#33474d;box-shadow:0 4px 12px rgba(20,38,43,.05)}
.pill svg{width:15px;height:15px;stroke:#1f7a87;stroke-width:2;fill:none;flex:none}

/* ---------- before/after slider ---------- */
.ba{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(20,38,43,.16);box-shadow:0 30px 60px rgba(20,38,43,.18);aspect-ratio:29/32;max-width:460px;margin-left:auto;--pos:50%}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.ba .ba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba-divider{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;background:#2b98a7;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 14px rgba(43,152,167,.8)}
.ba-handle{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#102227;border:3px solid #2b98a7;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 6px 18px rgba(16,34,39,.5)}
.ba-handle svg{width:22px;height:22px;stroke:#7fd0da;stroke-width:2.2;fill:none}
.ba-label{position:absolute;top:14px;padding:8px 16px;border-radius:999px;font:800 11px "Archivo",sans-serif;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.ba-label.is-before{left:14px;background:#102227;color:#fff}
.ba-label.is-after{right:14px;background:#2b98a7;color:#06282e}
.ba input[type="range"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-caption{display:flex;gap:9px;align-items:center;margin-top:14px;font-size:13px;color:#71838a}
.ba-caption svg{width:15px;height:15px;stroke:#1f7a87;stroke-width:2;fill:none;flex:none}

/* ---------- stats row ---------- */
.stats{background:#102227;color:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-block:30px}
.stat{text-align:center;padding-inline:18px}
.stat + .stat{border-left:1px solid rgba(255,255,255,.12)}
.stat strong{display:block;font:800 26px "Archivo",sans-serif;letter-spacing:-.01em;color:#5ec4d2;margin-bottom:3px}
.stat span{font:600 12.5px "Inter",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9db8be}

/* ---------- audience cards ---------- */
.aud{padding-block:72px 0}
.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.aud-card{background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:20px;padding:36px;box-shadow:0 16px 36px rgba(20,38,43,.06);transition:transform .16s ease,box-shadow .16s ease}
.aud-card:hover{transform:translateY(-3px);box-shadow:0 24px 46px rgba(20,38,43,.1)}
.aud-card h3{margin:0 0 10px;font:800 23px "Archivo",sans-serif;letter-spacing:-.01em;color:#14262b}
.aud-card > p{margin:0 0 18px;font-size:15px;color:#5c6f75}
.aud-card .tick-list{margin-bottom:22px}
.aud-card .more{display:inline-flex;align-items:center;gap:8px;font:700 14.5px "Inter",sans-serif;color:#1f7a87}
.aud-card .more::after{content:"→"}

/* ---------- service cards ---------- */
.services{padding-block:72px 72px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{position:relative;background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:18px;padding:28px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;box-shadow:0 12px 28px rgba(20,38,43,.05)}
.card:hover{border-color:rgba(31,122,135,.45);transform:translateY(-3px);box-shadow:0 20px 38px rgba(20,38,43,.09)}
.card.popular{border-color:rgba(31,122,135,.55);background:linear-gradient(180deg,rgba(31,122,135,.06),rgba(31,122,135,0)),#fff}
.tag-popular{position:absolute;top:-12px;right:20px;padding:6px 13px;border-radius:999px;background:#102227;font:700 10.5px "Archivo",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#5ec4d2}
.s-ico{display:flex;width:52px;height:52px;border-radius:14px;background:rgba(31,122,135,.1);border:1px solid rgba(31,122,135,.3);align-items:center;justify-content:center;margin-bottom:18px}
.s-ico svg{width:24px;height:24px;stroke:#1f7a87;stroke-width:1.8;fill:none}
.card h3{margin:0 0 8px;font:700 19px "Archivo",sans-serif;color:#14262b}
.card h3 a{color:#14262b}
.card h3 a:hover{color:#1f7a87}
.card p{margin:0 0 16px;font-size:14.5px;color:#5c6f75}
.card-foot{display:flex;align-items:center;justify-content:space-between}
.price{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(31,122,135,.1);font:800 13px "Archivo",sans-serif;color:#0e3d45}
.more{font:700 13.5px "Inter",sans-serif;color:#1f7a87}
.card.card-img{padding:0;overflow:hidden}
.card-thumb{position:relative;height:170px;overflow:hidden;border-bottom:1px solid rgba(20,38,43,.08)}
.card-thumb img{width:100%;height:100%;object-fit:cover}
.card-thumb .s-ico{position:absolute;left:20px;bottom:-26px;margin:0;background:#fff;box-shadow:0 6px 16px rgba(20,38,43,.16)}
.card.card-img .card-body{padding:40px 24px 24px}

/* ---------- tick list ---------- */
.tick-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.tick-list li{position:relative;padding-left:28px;font-size:14.5px;color:#33474d}
.tick-list li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;background:rgba(31,122,135,.12);box-shadow:inset 0 0 0 1px rgba(31,122,135,.45)}
.tick-list li::after{content:"";position:absolute;left:4.5px;top:8px;width:8px;height:4.5px;border-left:2px solid #1f7a87;border-bottom:2px solid #1f7a87;transform:rotate(-45deg)}

/* ---------- steps + callout ---------- */
.steps-wrap{background:#ede7d7;border-block:1px solid rgba(20,38,43,.1);padding-block:64px 72px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:22px}
.step{background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:18px;padding:30px;box-shadow:0 12px 28px rgba(20,38,43,.05)}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#102227;color:#5ec4d2;font:800 16px "Archivo",sans-serif;margin-bottom:16px}
.step h3{margin:0 0 8px;font:700 18px "Archivo",sans-serif;color:#14262b}
.step p{margin:0;font-size:14.5px;color:#5c6f75}
.callout{display:flex;gap:18px;align-items:flex-start;background:#102227;border-radius:18px;padding:28px 30px;color:#c6d8dc}
.callout svg{flex:none;width:26px;height:26px;stroke:#5ec4d2;stroke-width:1.8;fill:none;margin-top:2px}
.callout strong{display:block;font:700 16px "Archivo",sans-serif;color:#fff;margin-bottom:6px}
.callout p{margin:0;font-size:14.5px;max-width:90ch}

/* ---------- home quote section ---------- */
.get-started{padding-block:72px}
.gs-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}
.gs-info h2{margin:0 0 14px;font-weight:800;font-size:clamp(26px,3vw,36px);line-height:1.1;letter-spacing:-.018em;color:#14262b}
.gs-info h2 em{font-style:italic;color:#1f7a87}
.gs-info > p{margin:0 0 24px;color:#43575d;font-size:15.5px;max-width:44ch}
.gs-contacts{display:grid;gap:14px;margin-bottom:24px}
.gs-contacts a,.gs-contacts span{display:flex;align-items:center;gap:12px;font-size:15px;color:#14262b;font-weight:600}
.gs-contacts svg{flex:none;width:20px;height:20px;stroke:#1f7a87;stroke-width:1.8;fill:none}

/* ---------- detail pages ---------- */
.detail{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding-block:60px 24px}
.detail-media{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(20,38,43,.16);box-shadow:0 26px 52px rgba(20,38,43,.15)}
.detail-media img{width:100%;height:380px;object-fit:cover}
.media-chip{position:absolute;left:16px;top:16px;padding:8px 15px;border-radius:999px;background:#102227;font:700 11.5px "Archivo",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5ec4d2}
.detail-copy h2{margin:0 0 12px;font-weight:800;font-size:clamp(24px,2.6vw,30px);color:#14262b}
.detail-copy > p{margin:0 0 22px;color:#43575d;font-size:15.5px}
.includes{background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:16px;padding:22px 24px;margin-bottom:24px;box-shadow:0 12px 28px rgba(20,38,43,.05)}
.includes strong{display:block;font:700 12px "Archivo",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#1f7a87;margin-bottom:14px}
.facts{display:flex;gap:10px;flex-wrap:wrap;padding-block:20px 52px}
.fact{display:inline-flex;align-items:baseline;gap:8px;padding:11px 17px;border-radius:999px;background:#fff;border:1px solid rgba(20,38,43,.12);font-size:13.5px;color:#5c6f75;box-shadow:0 6px 16px rgba(20,38,43,.04)}
.fact strong{font:800 14px "Archivo",sans-serif;color:#0e3d45}
.pair{margin-bottom:60px}
.pair-card{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid rgba(31,122,135,.3);border-radius:16px;padding:22px 26px;box-shadow:0 12px 28px rgba(20,38,43,.05)}
.pair-card .txt{flex:1;min-width:240px}
.pair-card strong{display:block;font:700 12px "Archivo",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#1f7a87;margin-bottom:5px}
.pair-card h3{margin:0 0 4px;font:700 18px "Archivo",sans-serif;color:#14262b}
.pair-card h3 a{color:#14262b}
.pair-card h3 a:hover{color:#1f7a87}
.pair-card p{margin:0;font-size:14px;color:#5c6f75}

/* ---------- pricing ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;padding-block:60px 18px}
.tier{position:relative;background:#fff;border:1px solid rgba(20,38,43,.12);border-radius:20px;padding:32px 28px;text-align:center;box-shadow:0 14px 30px rgba(20,38,43,.05)}
.tier.popular{border-color:rgba(31,122,135,.55);background:linear-gradient(180deg,rgba(31,122,135,.06),rgba(31,122,135,0)),#fff}
.tier h3{margin:0 0 4px;font:700 13px "Archivo",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#14262b}
.tier .from{display:block;font:700 11px "Archivo",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#71838a;margin-bottom:2px}
.tier .amount{display:block;font:800 46px "Archivo",sans-serif;letter-spacing:-.02em;color:#1f7a87;margin-bottom:20px}
.tier .tick-list{text-align:left;margin-bottom:26px}
.tier .btn{width:100%}
.tiers-note{margin:0 auto;max-width:56ch;text-align:center;font-size:14px;color:#71838a;padding-bottom:52px}
.addons{padding-bottom:0}
.addon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.addon{background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:16px;padding:22px 18px;text-align:center;box-shadow:0 12px 28px rgba(20,38,43,.04)}
.addon .s-ico{margin:0 auto 14px;width:46px;height:46px}
.addon .s-ico svg{width:21px;height:21px}
.addon strong{display:block;font:700 14px "Archivo",sans-serif;color:#14262b;line-height:1.3;margin-bottom:6px}
.addon span{font:800 13.5px "Archivo",sans-serif;color:#1f7a87}

/* ---------- about ---------- */
.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start;padding-block:60px}
.prose h2{margin:0 0 16px;font-weight:800;font-size:clamp(26px,2.8vw,34px);line-height:1.1;color:#14262b}
.prose p{margin:0 0 16px;color:#43575d;font-size:15.5px;max-width:60ch}
.highlight-card{background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:18px;padding:28px;box-shadow:0 14px 30px rgba(20,38,43,.05)}
.highlight-card h2{margin:0 0 18px;font:700 20px "Archivo",sans-serif;color:#14262b}
.feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;padding-block:60px}
.feature figure{margin:0;border-radius:20px;overflow:hidden;border:1px solid rgba(20,38,43,.14);box-shadow:0 26px 52px rgba(20,38,43,.13)}
.feature figure img{width:100%;height:340px;object-fit:cover}
.feature h2{margin:0 0 14px;font-weight:800;font-size:clamp(26px,2.8vw,34px);line-height:1.1;color:#14262b}
.feature p{margin:0 0 18px;color:#43575d;font-size:15.5px;max-width:56ch}
.section-muted{background:#ede7d7;border-block:1px solid rgba(20,38,43,.1)}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-block:8px 68px}
.value-card{background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:18px;padding:28px;box-shadow:0 12px 28px rgba(20,38,43,.05)}
.value-card > span{display:inline-block;font:700 11px "Archivo",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#0e3d45;background:rgba(31,122,135,.1);border:1px solid rgba(31,122,135,.3);border-radius:999px;padding:6px 13px;margin-bottom:16px}
.value-card h3{margin:0 0 8px;font:700 19px "Archivo",sans-serif;color:#14262b}
.value-card p{margin:0;font-size:14.5px;color:#5c6f75}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start;padding-block:60px 68px}
.faq-side h2{margin:0 0 14px;font-weight:800;font-size:clamp(26px,2.8vw,34px);line-height:1.1;color:#14262b}
.faq-side p{margin:0;color:#43575d;font-size:15.5px;max-width:44ch}
.faq-list{display:grid;gap:12px}
.faq-list details{background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:16px;padding:0 22px;transition:border-color .16s ease;box-shadow:0 10px 24px rgba(20,38,43,.04)}
.faq-list details[open]{border-color:rgba(31,122,135,.5)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding-block:18px;font:700 15.5px "Inter",sans-serif;color:#14262b}
.faq-list summary::-webkit-details-marker{display:none}
.faq-plus{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(31,122,135,.1);border:1px solid rgba(31,122,135,.4);position:relative}
.faq-plus::before,.faq-plus::after{content:"";position:absolute;background:#1f7a87;left:50%;top:50%}
.faq-plus::before{width:10px;height:2px;transform:translate(-50%,-50%)}
.faq-plus::after{width:2px;height:10px;transform:translate(-50%,-50%)}
details[open] .faq-plus::after{display:none}
.faq-list details p{margin:0;padding:0 0 20px;font-size:14.5px;color:#5c6f75;max-width:64ch}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start;padding-block:60px 68px}
.contact-panel{background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:20px;padding:28px;box-shadow:0 14px 30px rgba(20,38,43,.05)}
.contact-panel h2{margin:0 0 18px;font:700 20px "Archivo",sans-serif;color:#14262b}
.contact-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:14px}
.contact-list li{display:grid;gap:2px;font-size:15px;color:#33474d}
.contact-list li > span{font:700 11px "Archivo",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#1f7a87}
.contact-list a{color:#14262b;font-weight:700}
.contact-list a:hover{color:#1f7a87}
.contact-note{background:rgba(31,122,135,.08);border:1px solid rgba(31,122,135,.28);border-radius:14px;padding:18px 20px}
.contact-note h3{margin:0 0 6px;font:700 15px "Archivo",sans-serif;color:#14262b}
.contact-note p{margin:0;font-size:13.5px;color:#43575d}
.form-card{background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:20px;padding:32px;box-shadow:0 20px 44px rgba(20,38,43,.09)}
.form-card h2{margin:0 0 22px;font-weight:800;font-size:clamp(22px,2.4vw,28px);color:#14262b}
.form-card .eyebrow{margin-bottom:12px}
.form-row{display:grid;gap:16px;margin-bottom:16px}
.form-row.two{grid-template-columns:1fr 1fr}
.field{display:grid;gap:7px}
.field label{font:600 13.5px "Inter",sans-serif;color:#33474d}
.field input,.field select,.field textarea{width:100%;background:#faf8f2;border:1px solid rgba(20,38,43,.18);border-radius:10px;padding:12px 14px;color:#14262b;font-size:15px}
.field input::placeholder,.field textarea::placeholder{color:#98a6ab}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#1f7a87;box-shadow:0 0 0 3px rgba(31,122,135,.15)}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f7a87' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{margin:14px 0 0;font-size:13px;color:#71838a}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-block:8px 68px}
.mini-card{background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:18px;padding:24px 26px;box-shadow:0 12px 28px rgba(20,38,43,.04)}
.mini-card h3{margin:0 0 6px;font:700 17px "Archivo",sans-serif;color:#14262b}
.mini-card p{margin:0;font-size:14px;color:#5c6f75}

/* ---------- guide cards ---------- */
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-block:8px 68px}
.guide-card{background:#fff;border:1px solid rgba(20,38,43,.1);border-radius:16px;padding:22px 24px;box-shadow:0 10px 24px rgba(20,38,43,.04)}
.guide-card strong{display:block;font:700 16px "Archivo",sans-serif;color:#14262b;margin-bottom:6px}
.guide-card p{margin:0;font-size:14px;color:#5c6f75}

/* ---------- CTA band ---------- */
.shine{padding-bottom:72px}
.shine-band{position:relative;border-radius:22px;overflow:hidden;background:#102227}
.shine-band > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.shine-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,34,39,.97) 35%,rgba(16,34,39,.72) 72%,rgba(16,34,39,.45))}
.shine-inner{position:relative;display:flex;align-items:center;gap:32px;padding:52px}
.shine-inner h2{margin:0 0 10px;font-weight:800;font-size:clamp(26px,2.8vw,34px);line-height:1.1;letter-spacing:-.015em;color:#fff}
.shine-inner h2 span{font-style:italic;color:#5ec4d2}
.shine-inner p{margin:0;color:#b9c9cd;font-size:16px}
.shine-inner > div{flex:1}
.shine-inner .btn{flex:none}

/* ---------- footer ---------- */
footer{background:#102227;color:#b9c9cd}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-block:44px 36px}
.foot-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.foot-brand .badge{width:46px;height:46px;box-shadow:0 0 0 2px rgba(43,152,167,.5)}
.foot-brand strong{font:800 16px "Archivo",sans-serif;color:#fff;display:block;line-height:1.2}
.foot-brand small{font:700 9.5px "Archivo",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#5ec4d2}
.foot-grid p{margin:0;font-size:14px;color:#93a8ad;max-width:38ch}
.foot-grid h4{margin:0 0 14px;font:700 12px "Archivo",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#5ec4d2}
.foot-links{display:flex;flex-direction:column;gap:9px;font-size:14px}
.foot-links a{color:#b9c9cd}
.foot-links a:hover{color:#fff}
.foot-links .tel{color:#fff;font-weight:700}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#7e949a}
.foot-bottom a{color:#5ec4d2;font-weight:600}

/* ---------- sticky mobile action bar ---------- */
.action-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(16,34,39,.96);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.14)}
.action-bar .btn{flex:1;padding:13px 10px;font-size:14px}
.action-bar .btn-outline{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
@media (max-width:768px){.action-bar{display:flex}body{padding-bottom:74px}}

/* ---------- responsive ---------- */
@media (max-width:1020px){
  .stats-grid{grid-template-columns:1fr 1fr;gap:20px 0}
  .stat:nth-child(3){border-left:0}
  .aud-grid{grid-template-columns:1fr}
  .service-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr}
  .gs-grid{grid-template-columns:1fr;gap:36px}
  .detail{grid-template-columns:1fr;gap:32px}
  .detail-media img{height:300px}
  .tiers{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
  .addon-grid{grid-template-columns:1fr 1fr}
  .content-grid,.feature,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:36px}
  .values,.mini-grid,.guide-grid{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:900px){
  .nav-links > a:not(.btn){display:none}
}
@media (max-width:680px){
  .service-grid,.values,.mini-grid,.guide-grid,.form-row.two,.addon-grid,.stats-grid{grid-template-columns:1fr}
  .stat + .stat{border-left:0}
  .stat{text-align:left;padding-inline:0}
  .shine-inner{flex-direction:column;align-items:flex-start;padding:36px 28px}
}

@media (max-width:800px){.hero-grid{grid-template-columns:1fr;gap:40px;padding-block:44px}.ba{margin-left:0}}