:root { color-scheme: dark; --bg:#09050f; --surface:#15101d; --line:#2d2438; --text:#f7f1ff; --muted:#b7a9c4; --cyan:#22d3ee; --pink:#e879f9; }
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--text); background:radial-gradient(circle at 70% 5%,#271038 0,transparent 32rem),var(--bg); line-height:1.65; }
a { color:#72e6f6; text-underline-offset:.2em; }
.wrap { width:min(1100px,calc(100% - 40px)); margin-inline:auto; }
.nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { color:var(--text); font-weight:800; font-size:1.12rem; text-decoration:none; letter-spacing:-.02em; }
nav { display:flex; gap:22px; } nav a { color:var(--muted); text-decoration:none; } nav a:hover,nav a[aria-current] { color:var(--text); }
.hero { min-height:680px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:70px; }
.eyebrow { color:var(--cyan); text-transform:uppercase; letter-spacing:.16em; font-size:.76rem; font-weight:800; }
h1 { margin:.15em 0; font-size:clamp(3.4rem,8vw,6.8rem); line-height:.94; letter-spacing:-.065em; }
h2 { margin:.2em 0 .7em; font-size:clamp(2rem,4vw,3.3rem); line-height:1.06; letter-spacing:-.04em; }
h3 { margin:.35em 0; font-size:1.15rem; }
.lede { max-width:650px; color:#d2c6dc; font-size:clamp(1.12rem,2vw,1.38rem); } .lede.small { font-size:1.15rem; }
.actions { margin-top:32px; display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.button { display:inline-block; padding:12px 20px; border-radius:999px; background:linear-gradient(100deg,var(--cyan),var(--pink)); color:#100716; font-weight:800; text-decoration:none; }
.availability,.updated { color:var(--muted); }
.visual { height:430px; display:flex; align-items:center; justify-content:center; gap:10px; filter:drop-shadow(0 0 28px #a855f755); }
.visual i { display:block; width:8%; border-radius:999px; background:linear-gradient(to top,var(--cyan),#818cf8,var(--pink)); animation:pulse 1.4s ease-in-out infinite alternate; }
.visual i:nth-child(1),.visual i:nth-child(9){height:20%;animation-delay:-.8s}.visual i:nth-child(2),.visual i:nth-child(8){height:45%;animation-delay:-.2s}.visual i:nth-child(3),.visual i:nth-child(7){height:70%;animation-delay:-1.1s}.visual i:nth-child(4),.visual i:nth-child(6){height:92%;animation-delay:-.5s}.visual i:nth-child(5){height:58%;animation-delay:-1.3s}
@keyframes pulse { to { transform:scaleY(.45); filter:hue-rotate(35deg); } }
.section { padding-block:100px; border-top:1px solid var(--line); }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:42px; }
.card { padding:28px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,#191220,#100c16); }
.card p,.split p,.document>p,details p { color:var(--muted); }.glyph { color:var(--pink); font-size:1.7rem; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.footer { padding-block:30px; border-top:1px solid var(--line); color:var(--muted); display:flex; justify-content:space-between; gap:20px; }
.document { max-width:760px; padding-block:80px 110px; }.document h1 { font-size:clamp(3rem,8vw,5rem); }.document h2 { margin-top:2.2em; font-size:1.45rem; letter-spacing:-.02em; }
details { border-top:1px solid var(--line); padding:20px 0; } details:last-of-type { border-bottom:1px solid var(--line); } summary { cursor:pointer; font-weight:750; } details p { margin-bottom:0; }
@media(max-width:760px){.hero{min-height:auto;grid-template-columns:1fr;padding-block:90px 70px;gap:15px}.visual{height:260px}.grid,.split{grid-template-columns:1fr}.section{padding-block:70px}.split{gap:20px}.document{padding-block:60px 90px}}
@media(prefers-reduced-motion:reduce){.visual i{animation:none}}