:root{--ink:#151a21;--navy:#1b2a4a;--paper:#f6f4ef;--accent:#d9481f;--ok:#1f7a4d;--line:#dad7cf;--muted:#4a5361;
--sans:ui-sans-serif,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:#fff;font-size:17px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
h1,h2,h3{line-height:1.15;letter-spacing:-.015em}
h1{font-size:clamp(34px,5vw,58px)}
h2{font-size:clamp(26px,3.6vw,38px);margin-bottom:14px}
h3{font-size:20px;margin-bottom:8px}
p{max-width:66ch}
a{color:var(--navy)}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.narrow h2{margin-top:36px}
.eyebrow{font-family:var(--mono);font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.sub{color:var(--muted);font-size:clamp(18px,1.6vw,21px);margin-top:18px}
.note{color:var(--muted);font-size:15px;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:600;border-radius:8px;padding:12px 22px;text-decoration:none;border:2px solid transparent;cursor:pointer}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:#bd3c17}
.btn-ghost{background:transparent;color:var(--navy);border-color:var(--line)}
.btn:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #7aa2ff;outline-offset:2px}
.btn[disabled]{opacity:.6;cursor:progress}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}
.nav nav{display:flex;align-items:center;gap:20px}
.nav nav a:not(.btn){text-decoration:none;font-weight:600;font-size:15.5px;color:var(--ink)}
.nav .btn{padding:9px 16px}
.logo{font-weight:800;font-size:25px;letter-spacing:-.03em;color:var(--navy);text-decoration:none}
.logo span{color:var(--accent)}
.hero{background:linear-gradient(180deg,#fff,var(--paper));border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:68px;padding-bottom:68px}
.ledger{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 18px 50px rgba(27,42,74,.09);font-size:16px}
.ledger-head,.ledger-foot{font-family:var(--mono);font-size:13px;color:var(--muted);display:flex;justify-content:space-between}
.ledger-foot{margin-top:14px}
.row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.row b{font-size:13.5px;font-weight:600;border-radius:999px;padding:3px 12px}
.ok{background:#e4f3ea;color:var(--ok)}
.due{background:#fde9e2;color:var(--accent)}
.band{background:var(--navy);color:#fff}
.band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:40px;padding-bottom:40px}
.band-grid div{border-left:3px solid var(--accent);padding-left:16px}
.band-grid b{display:block;font-size:20px}
.band-grid span{color:#c9d3e3;font-size:15.5px}
.sec{padding:68px 0}
.paper{background:var(--paper)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.card,.plan{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.card p,.plan p{color:var(--muted);font-size:16px}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;max-width:820px}
.price{font-family:var(--mono);font-size:30px;color:var(--ink)!important;margin-bottom:10px}
.price small{font-size:14px;color:var(--muted)}
.form-wrap{max-width:520px}
.form-wrap h1{font-size:clamp(30px,4vw,42px)}
.form{display:grid;gap:18px;margin-top:30px}
.form label{display:grid;gap:6px;font-weight:600;font-size:15.5px}
.form small{font-weight:400;color:var(--muted);font-size:14px}
input{font:inherit;padding:12px 14px;border:1px solid #b9b6ad;border-radius:8px;width:100%;background:#fff;color:var(--ink)}
.prefix{display:flex;align-items:center;border:1px solid #b9b6ad;border-radius:8px;overflow:hidden;background:#fff}
.prefix i{font-style:normal;font-family:var(--mono);font-size:15px;color:var(--muted);padding:0 0 0 14px;white-space:nowrap}
.prefix input{border:0;border-radius:0;padding-left:2px}
.error{color:#a3260b;background:#fde9e2;border-radius:8px;padding:10px 14px;font-weight:600;font-size:15.5px}
.done{margin-top:30px;border-left:3px solid var(--ok);padding-left:18px}
[hidden]{display:none!important}
.foot{border-top:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.foot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}
@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr;padding-top:44px;padding-bottom:44px;gap:32px}
  .band-grid,.cards,.plans{grid-template-columns:1fr}
  .nav nav a:not(.btn){display:none}
  .sec{padding:48px 0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}