@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#03070d;--panel:#07111d;--panel2:#0a1624;--text:#eef5ff;--muted:#8392a6;--line:#18304a;--blue:#168cff;--blue2:#49b5ff;--silver:#b7c3cf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;z-index:-3;inset:0;background:radial-gradient(circle at 75% 18%,rgba(0,119,255,.13),transparent 25%),radial-gradient(circle at 10% 70%,rgba(0,78,150,.1),transparent 30%),#03070d}
.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%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)'/%3E%3C/svg%3E")}
.grid-bg{position:fixed;inset:0;z-index:-2;opacity:.08;background-image:linear-gradient(rgba(73,181,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(73,181,255,.25) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.nav{height:74px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(3,7,13,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.logo{font:700 23px "Space Grotesk";letter-spacing:-1px;color:var(--text);text-decoration:none}.logo span{color:var(--blue2)}
nav{display:flex;gap:34px}nav a,.nav-x{font-size:10px;letter-spacing:1.5px;color:var(--muted);text-decoration:none}.nav-x{border:1px solid #28618d;padding:9px 15px;color:#bde6ff}
.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1.05fr .95fr;gap:4vw;align-items:center;padding:7vh 8vw 8vh;max-width:1600px;margin:auto}
.status,.eyebrow{font-size:10px;letter-spacing:2px;color:#69c5ff}.status{display:flex;align-items:center;gap:9px;margin-bottom:25px}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue2);box-shadow:0 0 16px var(--blue2)}
h1,h2{font-family:"Space Grotesk",sans-serif;font-weight:700;line-height:.91;letter-spacing:-.06em;margin:0}h1{font-size:clamp(68px,9.8vw,155px)}h1 em{font-style:normal;color:var(--blue2);text-shadow:0 0 35px rgba(22,140,255,.25)}h2{font-size:clamp(48px,6.5vw,100px)}h2 span{color:var(--blue2)}
.subtitle{font:600 clamp(19px,2vw,27px) "Space Grotesk";line-height:1.35;color:#d6e2ee;margin:35px 0 13px}.micro{font-size:12px;line-height:1.8;color:var(--muted);max-width:560px}
.buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.button{font-size:10px;font-weight:700;letter-spacing:1.4px;text-decoration:none;padding:14px 18px;display:inline-block;transition:.2s}.button.blue{background:var(--blue);color:white;box-shadow:0 0 25px rgba(22,140,255,.18)}.button.outline{border:1px solid #2a5577;color:#d9ebf9}.button:hover{transform:translateY(-2px);filter:brightness(1.12)}
.hero-art{display:grid;grid-template-columns:1fr 75px;gap:13px;align-items:end;max-width:650px;justify-self:end}.image-frame{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #274c6e;background:#02060b;box-shadow:0 0 60px rgba(0,100,220,.13)}.image-frame img{width:100%;height:100%;object-fit:cover;display:block}.image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 50%,rgba(0,13,28,.35));pointer-events:none}.scan{position:absolute;left:0;right:0;height:1px;top:20%;background:rgba(100,200,255,.5);box-shadow:0 0 12px rgba(70,180,255,.7);animation:scan 5s linear infinite}@keyframes scan{0%{top:8%;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:92%;opacity:0}}
.corner{position:absolute;width:17px;height:17px;border-color:#79cfff;z-index:2}.c1{top:12px;left:12px;border-top:1px solid;border-left:1px solid}.c2{top:12px;right:12px;border-top:1px solid;border-right:1px solid}.c3{bottom:12px;left:12px;border-bottom:1px solid;border-left:1px solid}.c4{bottom:12px;right:12px;border-bottom:1px solid;border-right:1px solid}
.readout{height:100%;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding-left:13px;font-size:8px;letter-spacing:1px;color:#59738a}.readout b{font-size:8px;color:#c9d9e6;margin-bottom:13px}.readout .live{color:#52baff}
.section{padding:130px 8vw;border-top:1px solid var(--line);max-width:1600px;margin:auto}.eyebrow{margin-bottom:25px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.copy{max-width:600px}.copy p,.token-head p,.legal-header p{font-size:14px;line-height:1.9;color:#9aaabd}.notice{margin-top:30px;border-left:2px solid var(--blue);padding:14px 17px;color:#b9dfff;font-size:9px;letter-spacing:1.4px;background:rgba(22,140,255,.045)}
.token{background:linear-gradient(180deg,rgba(7,17,29,.4),rgba(3,7,13,.2))}.token-head{display:flex;justify-content:space-between;align-items:end;gap:50px}.token-head p{max-width:420px}.contract{margin:55px 0 14px;border:1px solid var(--line);background:rgba(7,17,29,.72);padding:20px;max-width:1050px}.label{font-size:9px;letter-spacing:1.7px;color:#69c5ff;margin-bottom:12px}.contract-row{display:flex;gap:12px;align-items:center}.contract code{font-size:11px;color:#d7e7f4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.contract button{background:transparent;border:1px solid #33729f;color:#8dd4ff;padding:9px 13px;font:700 9px Inter;letter-spacing:1px;cursor:pointer}.contract small{display:block;color:#536b80;font-size:9px;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1050px;background:var(--line);border:1px solid var(--line);margin-bottom:25px}.stats div{background:var(--panel);padding:22px}.stats small{display:block;color:#59738a;font-size:8px;letter-spacing:1.5px;margin-bottom:9px}.stats strong{font:600 18px "Space Grotesk"}

.how{background:linear-gradient(180deg,rgba(4,11,18,.25),rgba(7,17,29,.5))}.how-head{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:end}.how-head p{font-size:14px;line-height:1.9;color:#9aaabd;max-width:550px;margin:0}.flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;gap:12px;align-items:stretch;margin-top:65px}.flow-card{border:1px solid var(--line);background:rgba(7,17,29,.72);padding:24px;min-height:220px;position:relative}.flow-card.accent{border-color:#24618d;box-shadow:inset 0 0 35px rgba(22,140,255,.045)}.flow-card.reward{border-color:#2b6386;background:linear-gradient(180deg,rgba(9,25,39,.9),rgba(7,17,29,.72))}.flow-card span{display:block;color:#4f7189;font:600 10px "Space Grotesk";letter-spacing:1.5px;margin-bottom:45px}.flow-card strong{display:block;font:700 22px "Space Grotesk";letter-spacing:-.03em;margin-bottom:13px}.flow-card p{font-size:11px;line-height:1.75;color:#8497aa;margin:0}.flow-arrow{display:flex;align-items:center;justify-content:center;color:#3f8fbe;font-size:20px}.mechanics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:30px}.mechanics>div{background:var(--panel);padding:25px}.mechanics small{display:block;color:#5e7990;font-size:8px;letter-spacing:1.6px;margin-bottom:10px}.mechanics strong{display:block;font:700 27px "Space Grotesk";color:#dcecff;margin-bottom:10px}.mechanics p{font-size:10px;line-height:1.75;color:#75899c;margin:0}.important{margin-top:18px;border-left:2px solid var(--blue2);padding:18px 20px;background:rgba(22,140,255,.045)}.important b{font-size:9px;letter-spacing:1.5px;color:#69c5ff}.important p{font-size:11px;line-height:1.8;color:#9eb2c5;max-width:950px;margin:9px 0 0}.prelaunch{margin:55px 0 25px;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #27516d;background:rgba(7,17,29,.78);padding:23px 25px}.prelaunch-main{display:flex;align-items:center;gap:14px;min-width:210px}.pre-dot{width:9px;height:9px;border-radius:50%;background:#54bdff;box-shadow:0 0 18px rgba(84,189,255,.8)}.prelaunch small{display:block;color:#5e7990;font-size:8px;letter-spacing:1.6px;margin-bottom:5px}.prelaunch strong{font:700 20px "Space Grotesk"}.prelaunch-copy{font-size:10px;line-height:1.7;color:#8195a8;max-width:610px}.stats{grid-template-columns:repeat(4,1fr)}.anti-impersonation{max-width:900px;border:1px solid #274c6e;background:rgba(7,17,29,.62);padding:18px 20px;margin-bottom:18px}.anti-impersonation b{font-size:9px;letter-spacing:1.5px;color:#69c5ff}.anti-impersonation p{font-size:11px;line-height:1.8;color:#8fa4b7;margin:8px 0 0}.anti-impersonation strong{color:#dcecff}.signal-bottom{gap:20px}.signal-bottom span:last-child{color:#69c5ff}
.signal{padding-top:90px;padding-bottom:90px}.signal-box{border:1px solid #214968;background:linear-gradient(135deg,#07111d,#040a11);padding:22px;box-shadow:inset 0 0 60px rgba(22,140,255,.035)}.signal-top,.signal-bottom{display:flex;justify-content:space-between;color:#55738c;font-size:8px;letter-spacing:1.4px}.signal-text{font:700 clamp(45px,8vw,120px) "Space Grotesk";line-height:.9;letter-spacing:-.06em;margin:55px 0}.signal-text span{color:var(--blue2)}
.legal{background:#050b12}.legal-header{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.legal-header p{max-width:410px;margin:0}.legal-copy{max-width:1000px;border-top:1px solid var(--line)}.legal-copy p{font-size:12px;line-height:1.9;color:#9baaba;margin:0;padding:19px 0;border-bottom:1px solid rgba(24,48,74,.65)}.legal-copy p:first-child{color:#d3e0ec}
.community h2{margin-bottom:45px}.socials{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:900px}.socials a{border:1px solid var(--line);padding:25px;color:var(--text);text-decoration:none;background:rgba(7,17,29,.55);transition:.2s}.socials a:hover{border-color:#397ca8;transform:translateY(-2px)}.socials small{display:block;color:#5e7990;font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.socials b{font:600 20px "Space Grotesk"}
footer{border-top:1px solid var(--line);padding:42px 8vw;display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:start}footer p{margin:0;color:#64798d;font-size:10px;line-height:1.7}.tiny{grid-column:1/-1}
@media(max-width:1050px){.flow{grid-template-columns:1fr 1fr;}.flow-arrow{display:none}.how-head{grid-template-columns:1fr;gap:35px}.mechanics{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding:10vh 6vw}.hero-art{justify-self:stretch;margin-top:30px;grid-template-columns:1fr 65px}.section{padding:95px 6vw}.split,.token-head,.legal-header{grid-template-columns:1fr;display:grid;gap:35px}.stats,.socials,.mechanics{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.prelaunch{align-items:flex-start;flex-direction:column}.prelaunch-copy{max-width:none}.contract-row{align-items:stretch;flex-direction:column}.contract code{padding:4px 0}.signal-text{margin:40px 0}footer{grid-template-columns:1fr;padding:40px 6vw}.tiny{grid-column:auto}}


/* Launch status + direct token links */
.live-badge {
  display: inline-block;
  margin-bottom: 18px;
  padding: 7px 12px;
  border: 1px solid rgba(150, 210, 235, .55);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  color: #dff6ff;
  background: rgba(120, 190, 220, .10);
}
.direct-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 18px;
}
.direct-links a {
  color: inherit;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-decoration: none;
  opacity: .85;
}
.direct-links a:hover { opacity: 1; }