@import url("ds.css");

/* ── layout ─────────────────────────────────────────── */
.be-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.be-sec{padding-top:72px;padding-bottom:72px}
.rule{border-bottom:1px solid var(--color-divider)}
.band{background:var(--color-accent-900);color:var(--color-neutral-100)}
.surface{background:var(--color-surface)}
.kicker{margin:0 0 14px;font:600 11px/1 var(--font-heading);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-700)}
.h-xl{margin:0 0 20px;font-size:clamp(38px,5.6vw,68px);line-height:.99;letter-spacing:-.02em;text-transform:uppercase}
.h-lg{margin:0 0 14px;font-size:clamp(28px,3.6vw,44px);line-height:1.02;letter-spacing:-.02em;text-transform:uppercase}
.h-md{margin:0 0 12px;font-size:clamp(24px,3vw,34px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase}
.lede{font-size:16.5px;line-height:1.62;color:color-mix(in srgb,var(--color-text) 78%,transparent)}
.body{font-size:15px;line-height:1.65;color:color-mix(in srgb,var(--color-text) 74%,transparent)}
.small{font-size:13.5px;line-height:1.6;color:color-mix(in srgb,var(--color-text) 72%,transparent)}
.tnum{font-feature-settings:'tnum'}
.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center}
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start}
.split-h{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.g2{display:grid;grid-template-columns:repeat(2,1fr)}
.g3{display:grid;grid-template-columns:repeat(3,1fr)}
.g4{display:grid;grid-template-columns:repeat(4,1fr)}
.cells{gap:1px;background:var(--color-divider);border:1px solid var(--color-divider)}
.cells>*{background:var(--color-bg)}
.actions{display:flex;flex-wrap:wrap;gap:10px}
.ticks{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 26px;font-size:13px;color:color-mix(in srgb,var(--color-text) 68%,transparent)}
.ticks li{display:flex;gap:8px;align-items:center}
.ticks li::before{content:"\271A";color:var(--color-accent)}
.btn{border-radius:0}
.btn-lg{padding:12px 22px;font-size:15px}

/* ── header / footer ────────────────────────────────── */
.topstrip{font:400 12px/1.4 var(--font-body);letter-spacing:.02em}
.topstrip .be-wrap{padding-top:9px;padding-bottom:9px;display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;justify-content:space-between}
.site-head{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 93%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-divider)}
.site-head .be-wrap{min-height:64px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;margin-right:auto}
.brand img{width:38px;height:38px;object-fit:contain;border:1px solid var(--color-divider);padding:3px}
.brand b{display:block;font:600 17px/1 var(--font-heading);letter-spacing:.04em;text-transform:uppercase}
.brand span{display:block;font:400 10px/1.3 var(--font-body);letter-spacing:.19em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 55%,transparent)}
.mainnav{display:flex;align-items:center;gap:20px;font:400 13.5px/1 var(--font-body)}
.mainnav a{color:inherit;text-decoration:none}
.mainnav a:hover{color:var(--color-accent-700)}
.mainnav a.pro{color:var(--color-accent-700);border-bottom:1px solid var(--color-accent);padding-bottom:2px}
.site-foot{background:var(--color-neutral-900);color:var(--color-neutral-300)}
.site-foot a{color:var(--color-neutral-200);text-decoration:none}
.site-foot a:hover{color:#fff}
.footgrid{display:grid;grid-template-columns:1.3fr .9fr .9fr .9fr;gap:44px}
.footgrid h2{margin:0 0 12px;font:400 10px/1 var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:color-mix(in srgb,#f5f5f8 50%,transparent)}
.footgrid ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;font-size:13.5px}
.footnote{font-size:13px;line-height:1.65;color:color-mix(in srgb,#f5f5f8 62%,transparent)}
.legal{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:12px;color:color-mix(in srgb,#f5f5f8 45%,transparent);border-top:1px solid color-mix(in srgb,#f5f5f8 14%,transparent);padding-top:20px;padding-bottom:38px}

/* ── territory chips ───────────────────────────────── */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--color-divider);font:600 14px/1.2 var(--font-heading);color:var(--color-text);text-decoration:none}
.chip:hover{border-color:var(--color-accent);background:var(--color-accent-100);color:var(--color-accent-900);text-decoration:none}
.chip em{font:400 11px/1 var(--font-body);font-style:normal;font-feature-settings:'tnum';color:color-mix(in srgb,var(--color-text) 45%,transparent)}

/* ── quote form ────────────────────────────────────── */
.opt{display:grid;align-items:center;border:1px solid var(--color-divider);cursor:pointer;transition:border-color .14s ease,background .14s ease;gap:13px;padding:14px 16px;grid-template-columns:auto 1fr}
.opt.pri{grid-template-columns:auto 1fr auto;gap:14px}
.opt:hover{border-color:var(--color-accent);background:var(--color-accent-100)}
.opt:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-100);box-shadow:inset 3px 0 0 var(--color-accent)}
.opt b{font:600 16px/1.15 var(--font-heading)}
.opt i{display:block;font-style:normal;font-size:12.5px;color:color-mix(in srgb,var(--color-text) 60%,transparent)}
.opt s{text-decoration:none;font:400 13px/1 var(--font-body);font-feature-settings:'tnum';color:var(--color-accent-700);white-space:nowrap}
.stack{display:grid;gap:10px}
.fieldset{border:0;margin:0;padding:0}
.fieldset legend{margin:0 0 6px;font:600 25px/1.1 var(--font-heading);text-transform:uppercase;letter-spacing:.01em}
.fieldset>p.hint{margin:0 0 20px;font-size:14px;color:color-mix(in srgb,var(--color-text) 65%,transparent)}
.bar{height:3px;background:var(--color-neutral-300);margin-bottom:28px}
.bar>i{display:block;height:100%;background:var(--color-accent);transition:width .3s ease}
.formnav{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid var(--color-divider)}
.formnav .go{margin-left:auto}
.est{padding:16px 18px;margin-bottom:20px;background:var(--color-accent-100)}
.est p{margin:0}
.err{margin:18px 0 0;padding:11px 14px;border:1px solid var(--color-accent);background:var(--color-accent-100);color:var(--color-accent-900);font-size:13.5px}
.hp{position:absolute;left:-9999px}
.mobile-cta{display:none}

/* ── responsive ────────────────────────────────────── */
@media(max-width:1024px){
.hero,.split,.split-h{grid-template-columns:1fr;gap:34px}
.g4{grid-template-columns:repeat(2,1fr)}
.footgrid{grid-template-columns:1fr 1fr;gap:32px}
.sticky{position:static!important}
}
@media(max-width:700px){
.be-wrap{padding:0 16px}
.be-sec{padding-top:44px;padding-bottom:44px}
.g2,.g3,.g4{grid-template-columns:1fr}
.footgrid{grid-template-columns:1fr}
.mainnav,.hide-sm{display:none}
.mobile-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px;gap:10px;align-items:center;background:color-mix(in srgb,var(--color-bg) 96%,transparent);border-top:1px solid var(--color-divider);backdrop-filter:blur(10px)}
body{padding-bottom:62px}
}
@media print{.site-head,.mobile-cta,.topstrip{display:none}}