:root{--navy:#24275F;--red:#BE302E;--ink:#1c2230;--muted:#646b7a;--line:#eceef3;--soft:#f7f8fb;
--sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#fff;color:var(--ink);font-family:var(--sans);line-height:1.65}
a{color:var(--navy)}a:hover{color:var(--red)}
a:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.wrap{width:100%;max-width:960px;margin:0 auto;padding:0 28px}
header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.95)}
header .wrap{display:flex;align-items:center;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:1.15rem;color:var(--navy)}
.brand img{height:40px;width:auto;display:block}
.brand b{color:var(--red);font-weight:700}
main{flex:1}
.hero{padding:clamp(56px,12vh,130px) 0 clamp(64px,14vh,150px)}
h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.08;letter-spacing:-.02em;margin:0;color:var(--navy);font-weight:800}
h1 em{font-style:normal;color:var(--red)}
.lead{font-size:1.15rem;max-width:30em;margin:26px 0 6px}
.quiet{color:var(--muted);max-width:30em;margin:0}
.band{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.doc{max-width:720px;margin:0 auto;padding:40px 28px 64px}
.doc h1{font-size:2rem;letter-spacing:-.01em}
.doc h2{font-size:1.15rem;margin:2rem 0 .4rem;color:var(--navy)}
.doc p,.doc li{max-width:none}
footer{border-top:1px solid var(--line);background:var(--soft);padding:22px 0 30px;font-size:.88rem;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 32px;justify-content:space-between}
footer p{margin:0}footer a{color:var(--muted)}