:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f9ff;background:#04152b}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse 80% 65% at 75% 8%,#124c70 0%,#072d4c 39%,#04152b 100%);overflow-x:hidden}
.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 17% 75%,#127b6633 0%,transparent 42%);opacity:.8}
.shell{width:min(1120px,100%);margin:0 auto;padding:28px 32px 36px;position:relative}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px}
.official-logo{display:block;width:160px;height:auto;object-fit:contain}
.chip{border:1px solid #367394;display:inline-flex;align-items:center;gap:10px;border-radius:30px;padding:12px 16px;font-size:13px;font-weight:650;color:#b6e5f4;background:#10395880}
.live-dot,.pulse{width:9px;height:9px;background:#52ed99;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #52ed9926}
.hero{padding:97px 0 88px;max-width:850px}
.eyebrow{font-size:13px;color:#7beea9;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.eyebrow span{font-size:22px;vertical-align:middle;margin-right:7px;color:#fa3c55}
h1{font-size:clamp(42px,7vw,82px);line-height:1.08;letter-spacing:-.055em;font-weight:850;margin:25px 0 28px}
h1 em{font-style:normal;color:#76eea4}
.lede{font-size:clamp(17px,2vw,21px);line-height:1.8;color:#b4d0e0;max-width:710px;margin:0 0 33px}
.coming{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:750;border-radius:14px;background:#0c644970;border:1px solid #5af6a46c;padding:17px 20px;color:#e6fff0}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:76px}
.feature{border:1px solid #317ba06c;background:linear-gradient(140deg,#0b3553bb,#09243bbb);padding:29px 25px 31px;border-radius:18px}
.feature-icon{font-size:32px;color:#76eea4;line-height:1}
.feature h2{font-size:21px;margin:18px 0 9px}
.feature p{font-size:15px;color:#afcadb;line-height:1.6;margin:0}
footer{padding-top:25px;border-top:1px solid #38769a55;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#94b6cb}
@media(max-width:680px){.shell{padding:16px 19px 28px}.official-logo{width:130px}.chip{font-size:10px;padding:10px}.hero{padding:75px 0 55px}h1{font-size:clamp(40px,10vw,64px)}.features{grid-template-columns:1fr;gap:12px;margin-bottom:40px}.feature{padding:21px}footer{line-height:1.6;display:block}footer span{display:block;margin-bottom:8px}}
@media(prefers-reduced-motion:no-preference){.pulse{animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #52ed9915}}}