:root{color-scheme:dark;--ink:#f0f4fa;--text:#c0cede;--muted:#95aac1;--accent:#ebc18c;--line:rgba(220,230,255,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:var(--ink);background:radial-gradient(ellipse at 68% -8%,#384c6b 0%,transparent 46%),linear-gradient(180deg,#101d31,#0a1525 56%)}.shell{max-width:880px;margin:auto;padding:0 28px}
a{color:var(--accent);text-underline-offset:4px}a:hover{color:#ffe0b6}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:12px;top:-80px;background:#fff;color:#111;padding:8px}.skip:focus{top:10px}
header{border-bottom:1px solid var(--line)}.head{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:15px}.brand{text-decoration:none;color:#fff;font-size:20px;font-weight:750}.sun{display:inline-block;width:17px;height:17px;background:linear-gradient(145deg,#ffdf9c,#cf8a66);border-radius:50%;margin-right:10px;box-shadow:0 0 16px #f6a96e88}nav{display:flex;gap:20px;font-size:14px}nav .active{color:#fff;border-bottom:1px solid var(--accent)}nav a{color:var(--muted);text-decoration:none}
.hero{padding:88px 0 48px;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.18em}h1{font-size:clamp(38px,6vw,60px);line-height:1.12;letter-spacing:-.035em;margin:14px 0 22px}h2{font-size:22px;line-height:1.35;letter-spacing:-.01em;margin:0 0 12px}.lead{font-size:19px;max-width:660px;color:#d2dce6;line-height:1.7}.meta{color:var(--muted);font-size:13px;margin-top:29px}.sections{padding:4px 0 56px}.sections section{padding:34px 0 27px;border-bottom:1px solid var(--line)}p{color:var(--text);margin:10px 0}strong{color:var(--ink)}footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px;padding:28px 0 40px}footer .shell{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}
@media(max-width:600px){.shell{padding:0 20px}.head{min-height:66px}.brand{font-size:18px}.hero{padding:64px 0 40px}.lead{font-size:17px}h2{font-size:20px}.sections section{padding:28px 0 23px}nav{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}