@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { --ink:#f9faff; --muted:#a5abc9; --night:#070916; --night-2:#0e1024; --line:rgba(220,228,255,.15); --blue:#9ebcff; --lilac:#ccb4ff; --max:1210px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--night); }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 71% 18%,#242660 0,rgba(36,38,96,.22) 18%,transparent 39%), radial-gradient(circle at 18% 42%,rgba(80,86,177,.18),transparent 28%),var(--night); font-family:Manrope,Arial,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.sky { position:fixed; inset:0; pointer-events:none; overflow:hidden; z-index:0; background-image:linear-gradient(rgba(177,191,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(177,191,255,.04) 1px,transparent 1px); background-size:90px 90px; mask-image:linear-gradient(to bottom,#000,transparent 95%); }
.orb { position:absolute; width:42vw; aspect-ratio:1; filter:blur(65px); opacity:.33; border-radius:50%; }
.orb-one { top:-21vw; right:-12vw; background:#514ba9; }.orb-two { top:43%; left:-25vw; background:#3550ab; }.orb-three { bottom:-27vw; right:4%; background:#542b8c; }
.star { position:absolute; width:3px; height:3px; border-radius:50%; background:#fff; box-shadow:0 0 12px 4px #9db6ff; opacity:.65; }.star-one{top:21%;left:16%}.star-two{top:11%;right:23%}.star-three{top:64%;right:10%}
.site-header { position:fixed; z-index:10; top:0; left:0; right:0; height:78px; padding:0 max(28px,calc((100vw - var(--max))/2)); display:flex; align-items:center; justify-content:space-between; background:linear-gradient(180deg,rgba(7,9,22,.84),rgba(7,9,22,.38)); backdrop-filter:blur(14px); border-bottom:1px solid rgba(211,219,255,.08); }
.brand { display:flex; align-items:center; gap:9px; font:700 20px/1 'Space Grotesk',sans-serif; letter-spacing:-.06em; }.brand img { width:31px; height:31px; object-fit:contain; }.navigation { display:flex; gap:30px; margin-left:70px; }.navigation a { color:#c1c5dc; font:500 12px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.06em; transition:color .2s; }.navigation a:hover { color:white; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:8px; border-radius:100px; background:linear-gradient(130deg,#dfe9ff,#bba8ff); color:#101029; font-weight:800; transition:transform .2s,box-shadow .2s; }.button:hover,.action-button:hover { transform:translateY(-2px); }.button-small { min-height:43px; padding:0 16px; font-size:12px; }.button img { width:23px;height:23px;object-fit:contain; }
.section-shell { position:relative; z-index:1; width:min(var(--max),calc(100% - 56px)); margin:auto; }
.hero { min-height:100vh; padding:150px 0 80px; display:grid; grid-template-columns:47% 53%; align-items:center; }.hero-copy { max-width:520px; position:relative; z-index:2; }.eyebrow { margin:0 0 18px; color:#bbc8ff; font:500 11px 'DM Mono',monospace; letter-spacing:.12em; }.eyebrow span { display:inline-block;width:31px;border-top:1px solid #aabfff;vertical-align:middle;margin-right:9px; }
h1,h2,h3,p { margin-top:0; }h1 { margin:0; font:700 clamp(64px,8.2vw,117px)/.8 'Space Grotesk',sans-serif; letter-spacing:-.1em; }h1 span { display:block; margin-left:8.5vw; color:transparent; -webkit-text-stroke:1.2px #e2e5ff; text-shadow:0 0 27px rgba(170,184,255,.3); }.ticker { margin:24px 0 25px; color:#a9bdfd; font:500 13px 'DM Mono',monospace; letter-spacing:.18em; }.intro { max-width:420px; color:#b4b8ce; font-size:15px; line-height:1.75; }
.action-stack { display:grid; grid-template-columns:repeat(2,minmax(0,210px)); gap:10px; margin-top:34px; }.action-button { appearance:none; cursor:pointer; width:100%; height:62px; display:flex; align-items:center; gap:10px; padding:0 14px; border:1px solid var(--line); border-radius:12px; color:#e9ebf8; background:rgba(255,255,255,.045); font-size:12px; font-weight:700; text-align:left; transition:.2s; }.action-button:hover{border-color:rgba(204,190,255,.68);background:rgba(180,181,255,.11)}.action-button img { width:31px;height:31px;object-fit:contain; }.action-button b { margin-left:auto; color:#9e9abb; font-size:18px;font-weight:400; }.action-primary { border:0; color:#17142e; background:linear-gradient(135deg,#f3f7ff,#b1a5ff); box-shadow:0 9px 30px rgba(131,119,255,.26); }.action-primary:hover { background:linear-gradient(135deg,#fff,#c8c0ff); }.x-icon { width:22px;height:22px; fill:currentColor; }.copy-button { color:#e9ebf8; }
.hero-art { position:relative; display:grid; place-items:center; min-height:530px; }.character { width:min(100%,600px); object-fit:contain; z-index:2; filter:drop-shadow(0 30px 40px rgba(0,0,0,.36)); animation:float 6s ease-in-out infinite; }.halo { position:absolute; width:82%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(196,203,255,.44) 0,rgba(133,123,255,.14) 35%,transparent 68%); filter:blur(10px); }.orbit { position:absolute; border:1px solid rgba(187,198,255,.28); border-radius:50%; transform:rotate(-20deg); }.orbit-one{width:93%;height:42%;}.orbit-two{width:79%;height:75%;transform:rotate(54deg);border-color:rgba(210,180,255,.13)}.floating-note{position:absolute;z-index:3;margin:0;color:#d9ddff;font:500 9px/1.5 'DM Mono',monospace;letter-spacing:.12em}.note-one{top:19%;right:3%;}.note-two{bottom:18%;left:4%;}.scroll-cue{position:absolute;bottom:30px;left:0;display:flex;align-items:center;gap:11px;color:#aeb3ca;font:11px 'DM Mono',monospace;letter-spacing:.04em}.scroll-cue span{width:27px;height:43px;border:1px solid #8489ae;border-radius:20px;position:relative}.scroll-cue span:after{content:'';position:absolute;left:50%;top:9px;width:3px;height:8px;border-radius:4px;background:#d7d9ed;transform:translateX(-50%);animation:scroll 1.5s infinite}
.roadmap { padding:145px 0 130px; }.section-heading { max-width:570px; }.section-heading h2 { margin:0 0 17px; font:700 clamp(40px,5.6vw,76px)/.93 'Space Grotesk',sans-serif; letter-spacing:-.08em; }.section-heading h2 em { color:transparent; font-style:normal; -webkit-text-stroke:1px #cfc8ff; }.section-heading>p:last-child{color:#a6aac1;font-size:14px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:54px}.roadmap-card{position:relative;min-height:310px;padding:27px 26px 30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.015));overflow:hidden}.roadmap-card:after{content:'';position:absolute;width:160px;height:160px;right:-55px;bottom:-60px;border-radius:50%;background:radial-gradient(circle,rgba(164,177,255,.22),transparent 68%)}.roadmap-card.active{border-color:rgba(189,177,255,.5);background:linear-gradient(145deg,rgba(179,177,255,.17),rgba(255,255,255,.025))}.phase-number{margin-bottom:48px;color:#9498b1;font:500 13px 'DM Mono',monospace}.phase-status{color:#b8c8ff;font:500 9px 'DM Mono',monospace;letter-spacing:.13em}.roadmap-card h3{margin-bottom:13px;font:600 25px 'Space Grotesk',sans-serif;letter-spacing:-.05em}.roadmap-card p:last-of-type{max-width:275px;color:#a7abc2;font-size:13px;line-height:1.65}.cloud-dot{position:absolute;right:26px;top:29px;width:11px;height:11px;border-radius:50%;background:#c5cfff;box-shadow:0 0 16px #a798ff}.complete .cloud-dot{background:#a4f5d1;box-shadow:0 0 16px #7ff4c3}
.chart-section{padding:110px 0 150px}.chart-heading{margin-bottom:43px}.dex-window{position:relative;height:622px;border:1px solid rgba(206,211,255,.24);border-radius:18px;overflow:hidden;background:#101220;box-shadow:0 30px 100px rgba(0,0,0,.35)}.window-topbar{height:53px;padding:0 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:#15182b;color:#aeb4d0;font:10px 'DM Mono',monospace;letter-spacing:.08em}.window-topbar>a{margin-left:auto;font-size:18px;color:#e3e4ff}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#7d8099}.window-dots i:first-child{background:#fa9da6}.window-dots i:nth-child(2){background:#f3d58d}.window-dots i:last-child{background:#a5e1be}.dex-window iframe{display:block;width:100%;height:calc(100% - 53px);border:0;background:#101220}.dex-placeholder{position:absolute;inset:53px 0 0;display:none;align-content:center;justify-items:center;gap:12px;background:radial-gradient(circle at center,rgba(95,94,182,.2),transparent 45%),#101220;color:#e4e7ff;text-align:center}.dex-placeholder.show{display:grid}.dex-placeholder img{width:72px;height:72px;object-fit:contain}.dex-placeholder strong{font:600 22px 'Space Grotesk',sans-serif}.dex-placeholder span{color:#a9aec6;font-size:13px}.dex-placeholder code{color:#c2bcff}
footer{position:relative;z-index:1;max-width:var(--max);width:calc(100% - 56px);margin:auto;min-height:94px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#858aa5;font:10px 'DM Mono',monospace}.footer-ticker{color:#afb9ed;letter-spacing:.14em}
@keyframes float{50%{transform:translateY(-14px)}}@keyframes scroll{70%{transform:translate(-50%,14px);opacity:0}100%{opacity:0}}
@media(max-width:760px){.site-header{height:65px;padding:0 18px}.brand{font-size:18px}.brand img{width:27px;height:27px}.navigation{display:none}.header-buy{min-height:37px;padding:0 12px;font-size:10px}.header-buy img{width:20px;height:20px}.section-shell{width:min(100% - 36px,var(--max))}.hero{min-height:auto;padding:125px 0 70px;grid-template-columns:1fr}.hero-copy{max-width:none}.hero-art{min-height:390px;order:-1}.character{max-width:420px}.halo{width:90%}.note-one{right:0}.note-two{left:0}.scroll-cue{display:none}h1{font-size:clamp(64px,19vw,94px)}h1 span{margin-left:17vw}.action-stack{grid-template-columns:1fr 1fr;margin-top:27px}.action-button{height:57px;font-size:11px;padding:0 10px}.action-button img{width:26px;height:26px}.roadmap{padding:90px 0}.roadmap-grid{grid-template-columns:1fr;margin-top:33px}.roadmap-card{min-height:250px}.phase-number{margin-bottom:30px}.chart-section{padding:65px 0 80px}.dex-window{height:520px}.section-heading h2{font-size:clamp(42px,12vw,62px)}footer{width:calc(100% - 36px);padding:20px 0;min-height:95px;gap:10px;flex-wrap:wrap}.footer-ticker{margin-left:auto}}
@media(max-width:380px){.header-buy span{display:none}.header-buy{width:39px;padding:0}.action-stack{grid-template-columns:1fr}.hero-art{min-height:330px}}