:root{
  --bg:#03040e;
  --ink:#f8fbff;
  --muted:#a9b9dc;
  --blue:#00d9ff;
  --violet:#7a39ff;
  --pink:#ff2fc8;
  --gold:#ffb437;
  --panel:rgba(10,15,43,.72);
  --line:rgba(137,196,255,.24);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 20% 10%,rgba(34,67,255,.17),transparent 32%),
radial-gradient(circle at 80% 30%,rgba(255,47,200,.14),transparent 30%),
#03040e;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,a{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.stars{position:fixed;inset:-20%;pointer-events:none;z-index:-1;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:34px 34px;opacity:.12;animation:drift 28s linear infinite}
.stars-b{background-size:61px 61px;opacity:.08;animation-duration:44s;animation-direction:reverse}
@keyframes drift{to{transform:translate3d(4%,8%,0)}}
.topbar{position:fixed;z-index:50;top:16px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(4,7,22,.58);backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 12px 36px rgba(0,0,0,.26)}
.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.08em}.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}.nav{display:flex;gap:24px;color:#cbd8f3;font-weight:700}.nav a{transition:.2s}.nav a:hover{color:#fff;text-shadow:0 0 18px var(--blue)}
.mini-cta{background:linear-gradient(90deg,var(--blue),#50f7ff);color:#00111b;font-weight:950;padding:12px 16px;border-radius:12px;box-shadow:0 0 30px rgba(0,217,255,.25)}
.page{position:relative;min-height:100vh;padding:120px clamp(24px,5vw,76px) 56px;overflow:hidden}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:.22em;color:#7feaff;margin-bottom:18px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:52px;align-items:center}
.hero::before{content:"";position:absolute;width:720px;height:720px;right:-220px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(0,217,255,.22),rgba(122,57,255,.08) 45%,transparent 70%);filter:blur(10px)}
.hero-copy{position:relative;z-index:4;max-width:760px}.hero h1{font-size:clamp(68px,10vw,160px);line-height:.78;margin:0 0 34px;font-weight:1000;letter-spacing:-.08em;filter:drop-shadow(0 0 26px rgba(0,217,255,.22))}.hero h1 span{display:block;background:linear-gradient(90deg,#85f6ff 0%,#1fd7ff 30%,#8b50ff 60%,#ff47c9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:clamp(17px,1.5vw,23px);line-height:1.55;color:#c9d8f6;max-width:680px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.14);font-weight:950;letter-spacing:.04em}.btn.primary{background:linear-gradient(100deg,#13e3ff,#6671ff 52%,#ff39c8);box-shadow:0 10px 46px rgba(49,124,255,.32)}.btn.ghost{background:rgba(255,255,255,.045);backdrop-filter:blur(10px)}
.ca-box{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:610px;padding:14px 14px 14px 18px;border:1px solid rgba(101,224,255,.28);background:rgba(5,13,38,.76);border-radius:16px;box-shadow:inset 0 0 30px rgba(0,217,255,.05)}.ca-box small{display:block;color:#7893bb;font-weight:800;font-size:10px;letter-spacing:.16em;margin-bottom:4px}.ca-box code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#d8f9ff;font-size:14px;word-break:break-all}.ca-box button{border:0;color:#00131d;background:#7beeff;font-weight:950;border-radius:11px;padding:12px 18px;cursor:pointer;min-width:78px}.ca-box button.copied{background:#fff}
.social-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:21px;color:#9db2d6;font-weight:750}.social-row a:hover{color:#fff}
.hero-art-wrap{position:relative;z-index:3;justify-self:end;width:min(50vw,690px);aspect-ratio:1}.hero-art{width:100%;height:100%;object-fit:cover;border-radius:34px;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 25px 80px rgba(18,92,255,.30),0 0 100px rgba(168,42,255,.18);transform:rotate(1.5deg)}.hero-art-wrap::after{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(105,222,255,.38);filter:drop-shadow(0 0 14px var(--blue));animation:spin 16s linear infinite;pointer-events:none}.orbit{position:absolute;inset:-7%;border-radius:50%;border:1px solid rgba(67,194,255,.18);z-index:-1}.orbit-2{inset:-14%;border-color:rgba(255,48,196,.14);animation:spin 21s linear reverse infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{position:absolute;z-index:4;padding:10px 14px;border:1px solid rgba(255,255,255,.2);background:rgba(4,7,22,.76);backdrop-filter:blur(14px);font-size:11px;font-weight:950;letter-spacing:.12em;border-radius:999px}.badge-top{right:22px;top:22px}.badge-bottom{left:22px;bottom:22px;color:#92f5ff}.scroll-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:10px;letter-spacing:.20em;color:#7893bb}
.section-head{display:grid;grid-template-columns:1.1fr .8fr;gap:44px;align-items:end;margin-bottom:40px}.section-head h2,.arcade h2{font-size:clamp(54px,7vw,110px);line-height:.88;letter-spacing:-.06em;margin:0;font-weight:1000}.section-head p{font-size:18px;line-height:1.7;color:#aebfdf;max-width:560px}
.mission{background:linear-gradient(180deg,rgba(18,11,49,.12),rgba(0,217,255,.035))}.mission-grid{display:grid;grid-template-columns:1.05fr .75fr 1.05fr;gap:20px;align-items:stretch}.story-card,.timeline-card{border:1px solid var(--line);background:linear-gradient(160deg,rgba(15,23,60,.78),rgba(6,8,23,.88));border-radius:24px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.28)}.image-card{min-height:520px;position:relative}.image-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.image-card:hover img{transform:scale(1.03)}.image-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(3,4,14,.92) 100%)}.card-caption{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}.card-caption span{font-size:11px;color:#7beeff;font-weight:900;letter-spacing:.18em}.card-caption h3{margin:6px 0;font-size:27px}.card-caption p{margin:0;color:#aebfdf}.timeline-card{padding:30px;display:flex;flex-direction:column;justify-content:center}.phase{display:flex;gap:16px;align-items:center}.phase-no{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#0c163e;border:1px solid #244b8d;color:#7beeff;font-weight:950}.phase.active .phase-no{color:#00111b;background:linear-gradient(135deg,var(--blue),#8ef7ff);box-shadow:0 0 30px rgba(0,217,255,.28)}.phase b{display:block;font-size:20px}.phase small{color:#8097bd}.phase-line{height:54px;width:2px;margin-left:22px;background:linear-gradient(var(--blue),#2d2b6a)}
.marquee{margin:42px -80px -4px;overflow:hidden;border-block:1px solid rgba(255,255,255,.1);background:rgba(62,37,255,.12);transform:rotate(-1deg)}.marquee div{width:max-content;padding:13px 0;font-weight:1000;letter-spacing:.1em;color:#bdf9ff;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.chart-page{background:radial-gradient(circle at 80% 40%,rgba(255,47,200,.10),transparent 32%)}.chart-head{align-items:center}.status-card{justify-self:end;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(8,13,38,.68)}.status-card b{display:block}.status-card small{color:#8097bd}.pulse{width:11px;height:11px;border-radius:50%;background:#42f7b2;box-shadow:0 0 0 0 rgba(66,247,178,.55);animation:pulse 1.7s infinite}@keyframes pulse{70%{box-shadow:0 0 0 11px rgba(66,247,178,0)}100%{box-shadow:0 0 0 0 rgba(66,247,178,0)}}
.chart-shell{border:1px solid rgba(78,200,255,.26);background:#050817;border-radius:24px;overflow:hidden;box-shadow:0 24px 90px rgba(0,0,0,.42),0 0 80px rgba(0,123,255,.10)}.chart-toolbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:900;letter-spacing:.08em}.chart-toolbar a{color:#75eeff}.chart-shell iframe{display:block;width:100%;height:560px;border:0;background:#050817}.gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.gallery-strip figure{margin:0;position:relative;aspect-ratio:16/8;overflow:hidden;border-radius:18px;border:1px solid var(--line)}.gallery-strip img{width:100%;height:100%;object-fit:cover}.gallery-strip figcaption{position:absolute;left:14px;bottom:12px;padding:7px 10px;border-radius:10px;background:rgba(3,4,14,.72);font-size:12px;font-weight:850}
.arcade{display:grid;grid-template-columns:.72fr 1.28fr;gap:44px;align-items:center;padding-bottom:100px}.arcade-copy p{max-width:520px;color:#aebfdf;font-size:18px;line-height:1.65}.controls-note{display:grid;gap:8px;margin:24px 0;color:#7beeff;font-size:12px;font-weight:900;letter-spacing:.08em}.gallery-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:450px}.gallery-mini img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.game-shell{position:relative;border-radius:28px;border:1px solid rgba(114,226,255,.28);background:#050817;overflow:hidden;box-shadow:0 0 100px rgba(0,112,255,.15)}.game-hud{position:absolute;z-index:5;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px;letter-spacing:.13em;background:linear-gradient(#080d25,transparent)}.game-hud b{color:#7beeff}.game-shell canvas{display:block;width:100%;height:auto;aspect-ratio:760/620;background:radial-gradient(circle at 50% 100%,#101b55 0%,#050817 52%,#02030a 100%)}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(2,4,16,.66);backdrop-filter:blur(6px);z-index:6}.game-title{font-size:clamp(30px,4vw,56px);font-weight:1000;letter-spacing:-.04em}.game-overlay p{color:#aebfdf}.game-overlay button{margin-top:14px;border:0;border-radius:13px;padding:15px 22px;font-weight:950;color:#00111b;background:linear-gradient(90deg,#66efff,#a6fffb);cursor:pointer}.mobile-controls{display:none;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px;background:#050817}.mobile-controls button{border:1px solid var(--line);background:#0d1637;color:white;border-radius:10px;padding:12px;font-weight:900}footer{position:absolute;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);bottom:28px;display:flex;justify-content:space-between;color:#66799c;font-size:11px;font-weight:900;letter-spacing:.13em}
@media (max-width:1000px){.nav{display:none}.hero{grid-template-columns:1fr;padding-top:110px}.hero-copy{order:2}.hero-art-wrap{order:1;justify-self:center;width:min(82vw,560px)}.mission-grid{grid-template-columns:1fr 1fr}.timeline-card{grid-column:1/-1;order:3}.section-head{grid-template-columns:1fr}.status-card{justify-self:start}.arcade{grid-template-columns:1fr}.gallery-mini{max-width:none}.game-shell{max-width:820px}.page{min-height:auto}.chart-shell iframe{height:520px}}
@media (max-width:680px){.topbar{top:10px;left:10px;right:10px}.mini-cta{font-size:10px;padding:11px}.brand span{font-size:13px}.page{padding:98px 16px 52px}.hero h1{font-size:20vw}.hero-art-wrap{width:94vw}.hero-art{border-radius:24px}.hero-actions{display:grid}.btn{width:100%}.ca-box{align-items:flex-start}.ca-box code{font-size:12px}.social-row{gap:12px}.mission-grid{grid-template-columns:1fr}.image-card{min-height:420px}.timeline-card{grid-column:auto;order:0}.chart-shell iframe{height:500px}.gallery-strip{grid-template-columns:1fr}.gallery-strip figure{aspect-ratio:16/10}.mobile-controls{display:grid}.arcade{padding-bottom:118px}footer{left:16px;right:16px;gap:12px;flex-wrap:wrap}}