:root { color-scheme: dark; --ink:#f5f1e8; --muted:#b9c0cc; --navy:#10192d; --blue:#1b3153; --mint:#66d2b5; --gold:#f2bd5e; --coral:#ee7b72; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:radial-gradient(circle at 85% 5%,#29486f 0,transparent 34%),linear-gradient(155deg,var(--navy),#111b31 58%,#162841); font:17px/1.65 ui-rounded,"SF Pro Rounded","Avenir Next",system-ui,sans-serif; }
a { color:var(--mint); text-underline-offset:.2em; }
.shell,.document { width:min(1050px,calc(100% - 40px)); margin:auto; }
.hero { min-height:68vh; display:flex; flex-direction:column; justify-content:center; padding:80px 0 40px; }
.eyebrow { color:var(--mint); letter-spacing:.18em; font-weight:800; font-size:.78rem; }
.mark { display:flex; gap:12px; color:var(--gold); font-size:1.25rem; }.mark span:nth-child(2){color:var(--mint)}.mark span:nth-child(3){color:var(--coral)}
h1 { max-width:800px; margin:.15em 0; font-size:clamp(3rem,8vw,6.8rem); line-height:.94; letter-spacing:-.055em; }
.lede { max-width:720px; color:#d6dbe4; font-size:clamp(1.1rem,2vw,1.4rem); }
.actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:20px; }.store-pill{display:inline-block;padding:13px 18px;border:1px solid #ffffff36;border-radius:999px;background:#ffffff0c;font-weight:700}
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.cards article{padding:25px;border:1px solid #ffffff1d;border-radius:22px;background:#ffffff09}.cards strong{display:block;color:var(--gold);font-size:2rem}.cards span{color:var(--muted)}
.about { max-width:760px; padding:90px 0; }.about h2,.document h2{font-size:1.5rem;margin:2.2em 0 .3em}.about p,.document p{color:#d2d7df}
.document { max-width:780px; padding:70px 0 100px; }.document h1{font-size:clamp(2.7rem,7vw,5.2rem)}.updated{color:var(--gold)!important}.back{text-decoration:none;font-weight:700}
footer { display:flex; gap:24px; flex-wrap:wrap; width:min(1050px,calc(100% - 40px)); margin:auto; padding:28px 0 40px; border-top:1px solid #ffffff1a; color:var(--muted); font-size:.9rem; }footer span{margin-right:auto}
@media(max-width:640px){.cards{grid-template-columns:1fr}.hero{min-height:auto}.actions{align-items:flex-start;flex-direction:column}h1{font-size:3.2rem}.document{padding-top:40px}}
@media(prefers-reduced-motion:no-preference){.hero>*{animation:rise .55s ease both}.hero>*:nth-child(2){animation-delay:.05s}.hero>*:nth-child(3){animation-delay:.1s}.hero>*:nth-child(4){animation-delay:.15s}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}