*{box-sizing:border-box;margin:0;padding:0}
:root{--slate:#132238;--slate2:#1B2E49;--gold:#EBA63C;--gold-deep:#C9821E;--gold-soft:#F4C679;--paper:#F5F6F8;--ink:#101C2B;--muted:#5A6776;--line:#E3E7EC;--wa:#25D366}
html{scroll-behavior:smooth}
body{font-family:"Hanken Grotesk",system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:"Bricolage Grotesque",sans-serif;line-height:1.04;letter-spacing:-.025em}
.mono{font-family:"JetBrains Mono",monospace}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:inherit}
header{position:sticky;top:0;z-index:50;background:rgba(19,34,56,.95);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.07)}
.bar{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}
.logo b{font-family:"Bricolage Grotesque";font-weight:800;font-size:18px}.logo span{color:var(--gold)}
.logo svg{width:28px;height:28px}
.nav{display:flex;align-items:center;gap:8px}
.nav a{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-weight:700;font-size:13px}
.nav .tel{color:#cfd8e2;font-family:"JetBrains Mono",monospace;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:8px 11px;border-radius:9px}
.nav .tel .num{display:none}.nav .tel svg{width:16px;height:16px}
.nav .wa{background:var(--wa);color:#04391c;padding:9px 13px;border-radius:999px}.nav .wa svg{width:15px;height:15px}
@media(min-width:560px){.nav .tel .num{display:inline}}
.hero{background:var(--slate);color:#fff;position:relative}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(680px 320px at 85% -10%,rgba(235,166,60,.2),transparent 60%);pointer-events:none}
.hero .wrap{position:relative;z-index:2;padding:54px 20px 56px}
.eyebrow{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:9px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--gold)}
.hero h1{font-size:clamp(32px,7vw,52px);font-weight:800;margin:16px 0 0}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero p.sub{color:#b9c6d4;font-size:clamp(15px,2.2vw,18px);max-width:34em;margin-top:14px}
.cta{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:15px;padding:13px 20px;border-radius:12px;text-decoration:none}
.btn.primary{background:var(--gold);color:#3a2503}.btn.primary:hover{background:var(--gold-deep)}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22)}.btn.ghost svg{width:17px;height:17px}
.trust{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;font-size:13px;color:#aebccb}
.trust b{color:#fff}
section{padding:48px 0}
.kicker{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);display:inline-flex;align-items:center;gap:9px}
.kicker::before{content:"";width:20px;height:1px;background:var(--gold-deep)}
h2{font-size:clamp(25px,5vw,36px);font-weight:800;margin:12px 0 10px}
.lead p{color:var(--muted);font-size:16px;max-width:42em}
.grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px}
@media(min-width:560px){.grid{grid-template-columns:1fr 1fr}}
@media(min-width:880px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 18px}
.card h3{font-size:17px;font-weight:700;margin-bottom:6px}
.card p{color:var(--muted);font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:13.5px;font-weight:600}
.band{background:var(--slate2);color:#fff;border-radius:18px;padding:34px 26px;text-align:center;margin-top:8px}
.band h2{margin-top:0}.band p{color:#b9c6d4;max-width:40em;margin:0 auto 18px}
.quotes{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px}
@media(min-width:760px){.quotes{grid-template-columns:repeat(3,1fr)}}
.q{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}
.q .st{color:var(--gold);letter-spacing:3px}
.q blockquote{font-size:15px;margin:10px 0;font-weight:500}
.q .by{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.areas{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.areas a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;color:var(--gold-deep);text-decoration:none}
.areas a:hover{border-color:var(--gold)}
.local p{color:var(--muted);font-size:16px;max-width:46em;margin-top:12px}
footer{background:var(--slate);color:#9fb0c1;padding:40px 0 80px;margin-top:46px}
footer a{color:#cfd8e2;text-decoration:none}
footer .legal{border-top:1px solid rgba(255,255,255,.07);margin-top:22px;padding-top:18px;font-family:"JetBrains Mono",monospace;font-size:11px;color:#73849a}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:8px;padding:9px 10px;background:rgba(19,34,56,.97);border-top:1px solid rgba(255,255,255,.08)}
.mbar a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 8px;border-radius:11px;font-weight:800;font-size:14.5px;text-decoration:none}
.mbar .c{background:var(--wa);color:#04391c}.mbar .e{background:var(--gold);color:#3a2503}
@media(min-width:760px){.mbar{display:none}footer{padding-bottom:40px}}