:root { --ink:#090b0a; --panel:#101411; --line:rgba(238,244,229,.18); --text:#f2f6ed; --muted:#aab1a7; --lime:#c7ff31; --font-display:'Syne',sans-serif; --font-mono:'DM Mono',monospace; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; background:var(--ink); color:var(--text); font-family:var(--font-display); } body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.07; background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,#000,transparent 85%); }.noise { position:fixed; inset:0; z-index:20; pointer-events:none; opacity:.055; 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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.site-header { height:92px; position:absolute; z-index:10; top:0; left:0; width:100%; padding:0 clamp(22px,5vw,84px); display:flex; gap:30px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.brand { color:var(--text); display:flex; align-items:center; gap:10px; font-size:18px; font-weight:800; letter-spacing:-1px; text-decoration:none; }.brand img { width:31px; height:31px; object-fit:contain; }.brand span span { color:var(--lime); }.nav { display:flex; align-items:center; gap:clamp(20px,3vw,48px); margin-left:auto; margin-right:auto; }.nav a, footer a { color:var(--muted); font:500 11px var(--font-mono); letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transition:color .2s; }.nav a:hover, footer a:hover { color:var(--lime); }.button { border:1px solid var(--lime); background:var(--lime); color:#11170a; font:700 11px var(--font-mono); letter-spacing:.04em; display:inline-flex; align-items:center; gap:9px; text-decoration:none; text-transform:uppercase; padding:14px 17px; transition:transform .2s,box-shadow .2s; }.button:hover { transform:translate(-3px,-3px); box-shadow:4px 4px 0 #fff; }.button img { width:18px; height:18px; object-fit:contain; }.button--small { padding:10px 13px; }.button--small img { width:18px;height:18px; }.menu-toggle { display:none; background:none; border:0; padding:6px; }.menu-toggle span { display:block; height:1px; width:24px; margin:5px; background:#fff; }
.section { padding-left:clamp(22px,5vw,84px); padding-right:clamp(22px,5vw,84px); }.hero { min-height:780px; min-height:100svh; position:relative; overflow:hidden; display:flex; align-items:center; }.hero__content { width:50%; max-width:650px; padding-top:100px; position:relative; z-index:2; }.eyebrow { color:var(--lime); font:500 11px var(--font-mono); letter-spacing:.1em; text-transform:uppercase; margin:0 0 25px; }.status-dot { width:7px; height:7px; display:inline-block; border-radius:50%; background:var(--lime); box-shadow:0 0 12px var(--lime); margin:0 8px 1px 0; }.hero h1,.section-heading h2,.market h2 { margin:0; font-size:clamp(54px,7.6vw,128px); line-height:.87; letter-spacing:-.08em; font-weight:800; }.hero h1 em,.section-heading h2 em,.market h2 em { font-style:normal; color:var(--lime); }.hero h1 span { color:transparent; -webkit-text-stroke:1px rgba(242,246,237,.8); }.hero__copy { color:var(--muted); max-width:430px; font-size:16px; line-height:1.6; margin:32px 0 20px; }.token-row { display:inline-flex; align-items:center; gap:12px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:11px 0; }.token-row__label { color:var(--muted); font:11px var(--font-mono); text-transform:uppercase; }.token-row strong { color:var(--lime); font:500 15px var(--font-mono); }.copy-button { color:var(--text); cursor:pointer; border:0; border-left:1px solid var(--line); padding:0 0 0 11px; background:none; font:10px var(--font-mono); }.action-list { display:grid; grid-template-columns:repeat(2,minmax(170px,1fr)); gap:9px; max-width:500px; margin-top:31px; }.action-button { border:1px solid var(--line); color:var(--text); padding:12px 14px; min-height:55px; display:flex; align-items:center; gap:10px; text-decoration:none; font-size:13px; font-weight:700; transition:.2s; }.action-button:hover { background:#171d18; border-color:var(--lime); transform:translateY(-2px); }.action-button--buy { border-color:var(--lime); background:var(--lime); color:#11170a; }.action-button img,.social-icon { width:25px; height:25px; object-fit:contain; flex:0 0 25px; }.social-icon { border-radius:50%; display:grid; place-items:center; background:var(--text); color:#0a0c0a; }.social-icon svg { width:14px; height:14px; fill:currentColor; }.social-icon--x { background:var(--text); }.action-button b { margin-left:auto; font:400 18px var(--font-mono); }.hero__art { position:absolute; right:-3%; bottom:-15%; width:min(61vw,850px); aspect-ratio:1; display:grid; place-items:center; }.hero__art img { width:76%; height:76%; object-fit:contain; z-index:2; filter:drop-shadow(0 0 50px rgba(199,255,49,.12)); }.coin-ring { position:absolute; border-radius:50%; border:1px solid rgba(199,255,49,.22); }.coin-ring--outer { inset:1%; border-style:dashed; animation:spin 45s linear infinite; }.coin-ring--inner { inset:11%; border-color:rgba(255,255,255,.13); }.orbit-label { position:absolute; z-index:3; color:var(--lime); font:10px var(--font-mono); letter-spacing:.12em; }.orbit-label--one { top:15%; right:14%; }.orbit-label--two { bottom:17%; left:9%; transform:rotate(-90deg); }.glow { position:absolute; border-radius:50%; filter:blur(50px); opacity:.15; }.glow--one { width:550px; height:550px; background:var(--lime); right:-230px; top:20%; }.glow--two { width:420px;height:220px; background:#46ffca; left:-250px; bottom:-150px; }.scroll-note { position:absolute; bottom:33px; left:clamp(22px,5vw,84px); font:10px var(--font-mono); color:var(--muted); text-transform:uppercase; letter-spacing:.1em; display:flex; align-items:center; gap:10px; }.scroll-note span { width:40px;height:1px;background:var(--lime); }
.roadmap { position:relative; padding-top:145px; padding-bottom:145px; display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; border-top:1px solid var(--line); background:#0c0f0c; }.section-heading h2,.market h2 { font-size:clamp(48px,5vw,85px); }.section-heading>p:last-child,.market__intro>p:not(.eyebrow) { max-width:340px;color:var(--muted);font-size:15px;line-height:1.6;margin-top:28px; }.roadmap-list { border-top:1px solid var(--line); }.roadmap-item { min-height:145px; display:grid; grid-template-columns:54px 1fr auto; gap:22px; padding:24px 0; border-bottom:1px solid var(--line); transition:.2s; }.roadmap-item:hover { padding-left:10px; }.roadmap-item__number,.roadmap-item__tag,.roadmap-item__state { font:11px var(--font-mono); }.roadmap-item__number { color:var(--lime); }.roadmap-item__tag { color:var(--muted); margin:0 0 6px; letter-spacing:.05em; }.roadmap-item h3 { font-size:25px; margin:0 0 8px; letter-spacing:-.04em; }.roadmap-item div p:last-child { color:var(--muted); font-size:13px; line-height:1.45; margin:0; max-width:420px; }.roadmap-item__state { align-self:start; color:var(--muted); padding:6px 8px; border:1px solid var(--line); }.is-live .roadmap-item__state { color:#101410; background:var(--lime); border-color:var(--lime); }
.market { padding-top:140px; padding-bottom:150px; display:grid; grid-template-columns:.65fr 1.35fr; gap:7vw; background:linear-gradient(120deg,#090b0a,#111811); }.market__intro .button { margin-top:20px; }.market code { color:var(--lime); font:12px var(--font-mono); }.chart-frame { min-height:520px; position:relative; border:1px solid var(--line); background:#070907; box-shadow:10px 10px 0 rgba(199,255,49,.08); }.chart-frame__topbar { height:47px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:14px;font:10px var(--font-mono);letter-spacing:.08em; }.chart-frame__topbar span { display:flex; gap:5px; }.chart-frame__topbar i { width:7px;height:7px;border-radius:50%;background:#374038; }.chart-frame__topbar i:first-child { background:var(--lime); }.chart-frame__topbar small { color:var(--lime); margin-left:auto; font:10px var(--font-mono); }.chart-frame iframe { display:none;width:100%;height:calc(100% - 47px);min-height:470px;border:0; }.chart-frame.is-loaded iframe { display:block; }.chart-frame.is-loaded .chart-placeholder { display:none; }.chart-placeholder { position:absolute; inset:47px 0 0; display:grid; align-content:center; justify-items:center; text-align:center; color:var(--muted); background:repeating-linear-gradient(0deg,transparent 0,transparent 44px,rgba(255,255,255,.025) 45px),repeating-linear-gradient(90deg,transparent 0,transparent 70px,rgba(255,255,255,.025) 71px); }.chart-placeholder span { color:var(--text); font-size:22px;font-weight:700; }.chart-placeholder p { font:12px var(--font-mono); } footer { border-top:1px solid var(--line); padding:26px clamp(22px,5vw,84px); display:flex;align-items:center;justify-content:space-between;gap:20px; } footer p { color:var(--muted);font:10px var(--font-mono);letter-spacing:.08em; }
@keyframes spin { to { transform:rotate(360deg); } } @media (max-width:820px) { .site-header { height:72px; }.nav,.header-buy { display:none; }.menu-toggle { display:block; margin-left:auto; }.site-header.menu-open .nav { position:absolute;display:flex;align-items:flex-start;flex-direction:column;gap:20px;top:71px;left:0;width:100%;padding:25px 22px;background:#0c0f0c;border-bottom:1px solid var(--line); }.hero { min-height:900px; align-items:flex-start; }.hero__content { width:100%; padding-top:145px; }.hero__art { width:110vw;right:-35%;bottom:-8%;opacity:.62; }.hero h1 { font-size:clamp(52px,16vw,84px); }.action-list { max-width:100%; }.roadmap,.market { grid-template-columns:1fr; padding-top:90px;padding-bottom:90px;gap:50px; }.roadmap-item { grid-template-columns:38px 1fr; }.roadmap-item__state { grid-column:2; justify-self:start; }.chart-frame { min-height:440px; }.chart-frame iframe { min-height:390px; } footer { flex-wrap:wrap; } footer p { order:3;width:100%; } } @media (max-width:430px) { .action-list { grid-template-columns:1fr; }.hero__art { bottom:0; }.hero__copy { font-size:14px;max-width:310px; }.roadmap-item h3 { font-size:21px; } }
[hidden] { display: none !important; }