:root{--bg:#070a13;--ink:#f9fbff;--muted:#c7d0e8;--line:rgba(255,255,255,.16);--panel:rgba(255,255,255,.08);--pink:#ff73bc;--cyan:#66eee2;--gold:#f5d169;--green:#8ff3aa;--blue:#8eb5ff;--shadow:0 30px 90px rgba(0,0,0,.42)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0,rgba(255,115,188,.24),transparent 32rem),radial-gradient(circle at 88% 4%,rgba(102,238,226,.22),transparent 32rem),radial-gradient(circle at 48% 100%,rgba(245,209,105,.14),transparent 34rem),var(--bg);line-height:1.55}main{width:min(1240px,calc(100% - 2rem));margin:auto}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:1.4rem;align-items:center;padding:4rem 0 1.5rem}.version,.eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.version{color:var(--gold)}.eyebrow{color:var(--cyan)}h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.9;letter-spacing:-.08em;margin:.5rem 0 1rem}.lead{font-size:clamp(1.08rem,2vw,1.33rem);color:var(--muted)}.slogan{display:inline-flex;border:1px solid rgba(102,238,226,.38);border-radius:999px;padding:.9rem 1.1rem;background:rgba(102,238,226,.09);font-weight:900}.slide-card{margin:0;border:1px solid var(--line);border-radius:1.5rem;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:var(--shadow)}.slide-card img{display:block;width:100%;height:auto;background:white}.slide-card figcaption{padding:1rem;color:var(--muted)}.explain,.distinctions{border:1px solid var(--line);border-radius:1.5rem;background:var(--panel);padding:1.4rem;margin:1.2rem 0;color:var(--muted);font-size:1.08rem}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.2rem 0}.card{min-height:24rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:1.4rem;background:var(--panel);padding:1.2rem;text-decoration:none;color:var(--ink);transition:transform .18s ease,border-color .18s ease,background .18s ease}.card:hover{transform:translateY(-4px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.34)}.card span{width:2.3rem;height:2.3rem;border-radius:.8rem;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:900}.card h2{font-size:1.8rem;line-height:1;letter-spacing:-.05em;margin:1.5rem 0 .8rem}.card p{color:var(--muted);flex:1}.card small{color:#fff;font-weight:800}.pink span{color:var(--pink)}.cyan span{color:var(--cyan)}.gold span{color:var(--gold)}.green span{color:var(--green)}.distinctions{margin-bottom:4rem}.distinctions h2{color:var(--ink);font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.06em;margin:.2rem 0 1rem}@media(max-width:980px){.hero,.cards{grid-template-columns:1fr}.slide-card{order:-1}}