.h-hero{padding-block:clamp(130px,16vw,200px) clamp(40px,6vw,80px);border-bottom:1px solid var(--rule)}
.h-eyebrow{color:var(--red);display:block;margin-bottom:22px}
.h-hero h1{margin:0;font-weight:500;font-size:clamp(2.8rem,8vw,7rem);line-height:.93;letter-spacing:-.05em;max-width:12ch;text-wrap:balance}
.h-hero h1 em{font-style:italic;font-weight:400;color:var(--blue)}
.h-lead{margin:30px 0 0;max-width:46ch;color:var(--ink-2);font-size:1.12rem}
.h-rows{padding-block:clamp(40px,6vw,80px)}
.h-row{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,1.4fr);gap:24px;align-items:baseline;padding:26px 0;border-top:1px solid var(--rule)}
.h-row:last-child{border-bottom:1px solid var(--rule)}
.h-row .mono{color:var(--red)}
.h-row h2{margin:0;font-weight:500;font-size:clamp(1.3rem,2.4vw,1.8rem);letter-spacing:-.03em}
.h-row p{margin:0;color:var(--ink-2);max-width:52ch}
@media (max-width:760px){.h-row{grid-template-columns:1fr;gap:8px}}
.h-cta{padding-block:clamp(50px,8vw,110px)}
.h-cta h2{margin:0;font-weight:500;font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.04em;line-height:1.02;max-width:18ch}
.h-cta p{margin:18px 0 0;color:var(--ink-2)}
.h-foot{display:flex;justify-content:space-between;gap:16px;padding-block:22px 34px;border-top:1px solid var(--rule);color:var(--ink-3);font-size:.88rem}
.legal{padding-block:clamp(110px,14vw,170px) 80px;max-width:760px}
.legal h1{font-weight:500;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.04em;margin:0 0 24px}
.legal h2{font-weight:500;font-size:1.2rem;margin:32px 0 8px}
.legal p,.legal li{color:var(--ink-2)}