:root { --ink:#eaf0ff; --muted:#a4afc4; --bg:#070a10; --panel:#101621; --line:#253044; --accent:#7cf0c5; --accent2:#6aa8ff; --max:1120px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 80% 5%,#14263b 0,transparent 30rem),var(--bg); font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:inherit; }
.site-header { max-width:var(--max); margin:auto; min-height:84px; padding:18px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:11px; text-decoration:none; font-weight:750; letter-spacing:.02em; }
.brand-mark { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; color:#07100d; background:linear-gradient(135deg,var(--accent),var(--accent2)); font-weight:900; }
nav { display:flex; flex-wrap:wrap; gap:24px; }
nav a { color:var(--muted); text-decoration:none; font-size:.92rem; }
nav a:hover, nav a[aria-current="page"] { color:var(--accent); }
main { max-width:var(--max); margin:auto; padding:0 24px; }
.hero { min-height:70vh; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:80px 0 120px; }
.eyebrow,.kicker { color:var(--accent); text-transform:uppercase; letter-spacing:.18em; font-size:.76rem; font-weight:800; }
h1 { max-width:900px; margin:14px 0 22px; font-size:clamp(3rem,8vw,6.7rem); line-height:.95; letter-spacing:-.055em; }
.lead { max-width:720px; margin:0 0 34px; color:var(--muted); font-size:clamp(1.1rem,2vw,1.35rem); }
.button { display:inline-block; padding:13px 20px; border-radius:10px; color:#07100d; background:var(--accent); text-decoration:none; font-weight:800; }
.section { padding:100px 0; border-top:1px solid var(--line); }
.split { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
h2 { margin:8px 0 24px; font-size:clamp(2rem,4vw,3.4rem); line-height:1.08; letter-spacing:-.035em; }
h3 { margin:16px 0 8px; font-size:1.3rem; }
p { color:var(--muted); }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; }
.card { min-height:250px; padding:28px; background:linear-gradient(145deg,rgba(22,31,46,.95),rgba(12,17,26,.95)); border:1px solid var(--line); border-radius:18px; }
.card span { color:var(--accent); font:700 .8rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.card p { margin-bottom:0; }
.notice { display:grid; grid-template-columns:1fr 1fr; gap:20px 70px; align-items:end; }
.notice .text-link { color:var(--accent); text-decoration:none; font-weight:750; }
.legal { max-width:820px; padding-top:90px; padding-bottom:120px; }
.legal h1 { font-size:clamp(2.8rem,7vw,5.2rem); }
.legal h2 { margin-top:50px; font-size:1.5rem; letter-spacing:-.02em; }
.legal a { color:var(--accent); }
.legal li { color:var(--muted); margin:7px 0; }
.updated { padding-bottom:26px; border-bottom:1px solid var(--line); }
footer { max-width:var(--max); margin:auto; padding:50px 24px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr auto; gap:28px; }
footer strong { font-size:1.15rem; }
footer p { margin:5px 0; }
.footer-links { display:flex; flex-wrap:wrap; gap:18px; align-items:start; }
.footer-links a { color:var(--muted); text-decoration:none; font-size:.9rem; }
.copyright { grid-column:1/-1; font-size:.82rem; }
@media (max-width:720px) { .site-header { align-items:flex-start; } nav { justify-content:flex-end; gap:10px 16px; } nav a:first-child { display:none; } .hero { min-height:auto; padding:90px 0; } .split,.cards,.notice { grid-template-columns:1fr; } .section { padding:70px 0; } footer { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }