:root { color-scheme:dark; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#e9ebef; background:#0c0e11; }
* { box-sizing:border-box; }
body { margin:0; }
a { color:inherit; text-underline-offset:4px; }
a:focus-visible { outline:2px solid #dfc681; outline-offset:5px; }
.site-header,main,footer { width:min(100% - 64px,1000px); margin-inline:auto; }
.site-header { display:flex; align-items:center; justify-content:space-between; padding-block:30px; border-bottom:1px solid #272b31; gap:16px; }
.brand { font-size:24px; font-weight:800; letter-spacing:-1px; text-decoration:none; }
.brand span,.intro h1 span { color:#dfc681; }
.back { font-size:13px; text-decoration:none; min-height:44px; display:flex; align-items:center; gap:12px; }
.intro { max-width:780px; padding-block:90px 52px; }
.eyebrow { font-size:11px; letter-spacing:2px; font-weight:700; color:#b5a675; margin:0 0 22px; }
h1 { font-size:clamp(42px,7.5vw,80px); letter-spacing:-.055em; line-height:1.06; font-weight:650; margin:0 0 30px; overflow-wrap:break-word; }
p { font-size:16px; line-height:1.85; color:#a8afb9; max-width:680px; }
.lead { color:#d6dae0; font-size:21px; line-height:1.65; }
.facts { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #2c3037; border-radius:18px; background:#12151a; overflow:hidden; }
.facts>div { padding:28px; }
.facts>div+div { border-left:1px solid #2c3037; }
.facts span { display:block; font-size:10px; color:#969faa; letter-spacing:1.3px; margin-bottom:12px; }
.facts strong { font-size:19px; font-weight:600; }
.story { padding-block:76px 46px; }
h2 { font-size:clamp(25px,4vw,36px); letter-spacing:-.035em; line-height:1.3; margin:0 0 24px; }
strong { color:#dce0e7; }
.questions { max-width:780px; }
.questions article { padding-block:18px; border-top:1px solid #272b31; }
h3 { font-size:17px; font-weight:600; margin:0; line-height:1.5; }
.questions p { margin:10px 0 0; }
.cta { display:inline-flex; align-items:center; justify-content:space-between; gap:40px; padding:16px 24px; border-radius:12px; background:#dfc681; color:#14161a; font-weight:650; text-decoration:none; margin-block:26px 72px; }
footer { display:flex; justify-content:space-between; gap:20px; padding-block:28px; border-top:1px solid #272b31; font-size:12px; color:#9199a5; }
.skip { position:absolute; left:16px; top:-100px; padding:12px; background:#dfc681; color:#111; z-index:5; }
.skip:focus { top:12px; }
@media(max-width:600px) {
 .site-header,main,footer { width:calc(100% - 36px); }
 .site-header { padding-block:16px; }
 .intro { padding-block:56px 30px; }
 .lead { font-size:18px; }
 .facts { grid-template-columns:1fr; border-radius:14px; }
 .facts>div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; align-items:center; padding:19px; }
 .facts>div+div { border-left:0; border-top:1px solid #2c3037; }
 .facts span { margin:0; }
 .facts strong { font-size:16px; }
 .story { padding-block:50px 32px; }
 footer { flex-direction:column; gap:16px; }
 footer a { min-height:44px; display:flex; align-items:center; }
}
