:root { --navy:#080b1f; --navy2:#111536; --blue:#635bff; --cyan:#20d7ff; --violet:#8b5cf6; --ink:#11182d; --muted:#667089; --line:#e0e5f0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.nav { position:absolute; z-index:10; top:0; left:50%; transform:translateX(-50%); width:min(1180px,calc(100% - 48px)); height:88px; display:flex; align-items:center; color:#fff; border-bottom:1px solid rgba(255,255,255,.12); }
.brand { display:flex; align-items:center; gap:10px; font-size:23px; font-weight:800; letter-spacing:-.04em; }
.brand img { width:42px; height:42px; object-fit:contain; }
.nav .brand img { width:56px; height:56px; }
.nav nav { margin:auto; display:flex; gap:34px; font-size:13px; color:#b7c6df; }
.nav nav a:hover { color:#fff; }
.nav-cta { color:#fff; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.06); border-radius:22px; padding:10px 16px; font-size:12px; font-weight:800; }
.nav-cta:hover { border-color:var(--cyan); color:var(--cyan); }
.hero { position:relative; min-height:850px; overflow:hidden; color:#fff; background:radial-gradient(circle at 77% 39%,rgba(99,91,255,.24) 0,rgba(8,11,31,.96) 35%,#080b1f 66%); padding:190px max(40px,calc((100vw - 1180px)/2)) 0; }
.grid-lines { position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(23,184,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(23,184,255,.28) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,transparent,#000 25%,transparent 85%); }
.hero-copy { position:relative; z-index:2; width:58%; max-width:700px; }
.eyebrow,.section-intro>span,.utility>div>span,.whitepaper span { color:var(--cyan); font-size:12px; font-weight:800; letter-spacing:.18em; }
.eyebrow { display:flex; align-items:center; gap:10px; }.eyebrow i { width:30px; height:2px; background:var(--cyan); }
h1 { font-size:clamp(46px,6vw,82px); line-height:1.04; letter-spacing:-.055em; margin:24px 0 26px; }
h1 span { color:var(--cyan); }
.hero-copy>p { max-width:620px; color:#aebed8; font-size:17px; line-height:1.8; }
.actions { display:flex; gap:14px; margin-top:38px; }
.actions a { padding:15px 22px; border-radius:7px; font-size:14px; font-weight:700; }
.primary { background:linear-gradient(135deg,var(--blue),var(--cyan)); box-shadow:0 12px 35px rgba(23,103,220,.35); }.primary b { margin-left:26px; }
.secondary { border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.05); }
.hero-mark { position:absolute; right:max(20px,calc((100vw - 1220px)/2)); top:170px; width:430px; height:430px; display:grid; place-items:center; }
.hero-mark img { width:230px; height:230px; object-fit:contain; position:relative; z-index:2; }
.logo-aura { position:absolute; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle,rgba(32,215,255,.18),rgba(99,91,255,.09) 50%,transparent 72%); filter:blur(4px); }
.orbit { position:absolute; border:1px solid rgba(23,184,255,.25); border-radius:50%; }.orbit-a{inset:0}.orbit-b{inset:45px}.orbit-c{inset:90px}
.node { position:absolute; z-index:3; width:46px; height:46px; border-radius:50%; background:#0a224f; border:1px solid rgba(23,184,255,.55); display:grid; place-items:center; color:var(--cyan); font-size:10px; font-weight:800; box-shadow:0 0 25px rgba(23,184,255,.15); }
.n1{top:18px;left:96px}.n2{right:9px;bottom:130px}.n3{left:40px;bottom:55px}
.stats { position:absolute; z-index:2; bottom:0; left:50%; transform:translateX(-50%); width:min(1180px,calc(100% - 48px)); display:grid; grid-template-columns:1.2fr 1fr 1fr; border-top:1px solid rgba(255,255,255,.13); }
.stats div { padding:30px 0 34px; border-right:1px solid rgba(255,255,255,.12); }.stats div+div{padding-left:38px}
.stats small { display:block; color:#7f93b4; font-size:11px; margin-bottom:9px; }.stats strong{font-size:19px}
.section { padding:130px max(32px,calc((100vw - 1180px)/2)); }
.section-intro { max-width:760px; }.section-intro h2,.utility h2,.whitepaper h2 { font-size:clamp(34px,4vw,56px); letter-spacing:-.045em; line-height:1.12; margin:16px 0 20px; }
.section-intro p { color:var(--muted); line-height:1.8; font-size:16px; max-width:720px; }
.gap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:70px; }
.gap-grid article { position:relative; min-height:290px; padding:34px; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:linear-gradient(145deg,#fff,#f7fbff); }
.gap-grid article>b { position:absolute; top:22px; right:25px; color:#d4e3f3; font-size:42px; }.mini-symbol{font-size:38px;color:var(--blue);margin:35px 0 42px}
.gap-grid h3,.module-grid h3 { font-size:21px; margin:0 0 12px; }.gap-grid p,.module-grid p { color:var(--muted); line-height:1.7; font-size:14px; }
.ecosystem,.roadmap { background:var(--navy); color:#fff; position:relative; overflow:hidden; }
.ecosystem:before,.roadmap:before { content:""; position:absolute; width:600px;height:600px;border-radius:50%;background:rgba(99,91,255,.18);filter:blur(90px);right:-200px;top:-250px; }
.light p { color:#9fb0cd; }.module-grid { display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.12);margin-top:70px;border:1px solid rgba(255,255,255,.12);position:relative;z-index:1}
.module-grid article { min-height:190px;padding:35px;display:grid;grid-template-columns:55px 1fr 30px;gap:14px;background:#0c102b;transition:.25s}
.module-grid article:hover { background:#151a42; }.module-grid article>b{color:var(--cyan);font-size:12px}.module-grid article>i{color:var(--cyan);font-style:normal}
.module-grid p{color:#9dafc9}.utility { margin-top:100px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;position:relative;z-index:1}
.utility h2 { font-size:38px; }.utility-pills{display:grid;grid-template-columns:1fr 1fr;gap:12px}.utility-pills em{font-style:normal;border:1px solid rgba(255,255,255,.13);padding:16px;color:#c5d2e5;font-size:13px}.utility-pills b{color:var(--cyan);margin-right:12px}
.token-layout { display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:70px;align-items:center}.supply-card{background:var(--navy);border-radius:16px;padding:34px;color:#fff;min-height:360px;position:relative;overflow:hidden}
.supply-card small{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em}.supply-card>strong{font-size:clamp(30px,4vw,48px);display:block;margin:14px 0 6px;letter-spacing:-.04em}.supply-card>em{font-style:normal;color:#8297b8}
.donut{position:absolute;width:180px;height:180px;border-radius:50%;right:25px;bottom:-25px;background:conic-gradient(var(--cyan) 0 35%,var(--blue) 35% 55%,#624de0 55% 73%,#091735 73% 85%,#f4b844 85% 95%,#d95c67 95%);display:grid;place-items:center}
.donut:after{content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:var(--navy)}.donut i{position:relative;z-index:1;font-style:normal;font-weight:800}
.alloc div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.alloc i{width:11px;height:11px;border-radius:3px}.c0{background:var(--cyan)}.c1{background:var(--blue)}.c2{background:#624de0}.c3{background:var(--navy)}.c4{background:#f4b844}.c5{background:#d95c67}
.discipline{margin-top:70px;background:#eef6ff;border-radius:14px;padding:32px;display:grid;grid-template-columns:1.3fr 1fr 1fr}.discipline h3{grid-row:span 2;font-size:25px;margin:0}.discipline p{font-size:13px;margin:6px}.discipline b{color:var(--blue);margin-right:10px}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);margin-top:80px;position:relative}.timeline:before{content:"";position:absolute;height:1px;background:#2b4169;left:7%;right:7%;top:58px}.timeline article{position:relative;padding-right:25px}.timeline article>b{color:#7187aa;font-size:13px}.timeline article i{display:block;width:18px;height:18px;border-radius:50%;background:#25385c;border:5px solid var(--navy);outline:1px solid #3e557c;margin:25px 0 32px;position:relative;z-index:1}.timeline article.active i{background:var(--cyan);outline-color:var(--cyan);box-shadow:0 0 25px var(--cyan)}.timeline h3{font-size:17px}.timeline p{color:#8fa2c1;font-size:13px;line-height:1.6}
.whitepaper{position:relative;overflow:hidden;background:#111536;color:#fff;padding:95px max(32px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px}.whitepaper>div{position:relative;z-index:1}.paper-glow{position:absolute!important;width:600px;height:600px;border-radius:50%;background:#635bff;filter:blur(120px);opacity:.27;right:-100px}.whitepaper p{color:#b5c7e2;max-width:650px;line-height:1.7}.paper-actions{display:flex;flex-direction:column;gap:12px}.paper-actions a{min-width:230px;border:1px solid rgba(255,255,255,.22);padding:15px 18px;border-radius:7px;font-size:13px;font-weight:700;background:rgba(255,255,255,.06)}.paper-actions b{float:right}
.risk{padding:32px max(32px,calc((100vw - 1180px)/2));display:flex;gap:35px;align-items:center;background:#f4f7fb;color:var(--muted);font-size:12px}.risk b{color:#d05a63;white-space:nowrap}.risk p{line-height:1.6}
footer{padding:55px max(32px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;background:#050716;color:#8da0bf}footer .brand{color:#fff}footer p{font-size:13px}footer>a{font-size:12px}footer small{grid-column:1/-1;border-top:1px solid #17203a;padding-top:25px;margin-top:20px}
@media(max-width:900px){.nav nav{display:none}.hero{min-height:900px;padding-top:150px}.hero-copy{width:100%}.hero-mark{opacity:.35;right:-190px;top:250px}.stats{grid-template-columns:1fr}.stats div{padding:16px 0!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.gap-grid,.module-grid,.token-layout{grid-template-columns:1fr}.utility{grid-template-columns:1fr;gap:30px}.timeline{grid-template-columns:1fr;gap:20px}.timeline:before{display:none}.timeline article i{display:none}.discipline{grid-template-columns:1fr}.discipline h3{grid-row:auto}.whitepaper{grid-template-columns:1fr}.paper-actions{flex-direction:row;flex-wrap:wrap}footer{grid-template-columns:1fr auto}footer p{display:none}}
@media(max-width:600px){.nav{width:calc(100% - 28px)}.hero{padding-left:20px;padding-right:20px}h1{font-size:43px}.actions{flex-direction:column;align-items:stretch}.actions a{text-align:center}.section{padding:90px 20px}.gap-grid{margin-top:45px}.module-grid article{grid-template-columns:38px 1fr}.module-grid article>i{display:none}.utility-pills{grid-template-columns:1fr}.supply-card>strong{font-size:29px}.donut{opacity:.45}.whitepaper{padding:75px 20px}.paper-actions{flex-direction:column}.risk{align-items:flex-start;flex-direction:column;gap:8px}}