@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600&display=swap');
:root{--ink:#030713;--night:#060b1a;--blue:#17d9ff;--blue2:#168cff;--violet:#a66aff;--white:#edf7ff;--muted:#96a8c0;--line:rgba(157,204,255,.24);--mono:'DM Mono',monospace;--display:'Barlow Condensed',Impact,sans-serif;--body:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.095;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}.topbar{height:86px;position:absolute;z-index:5;top:0;left:0;right:0;padding:0 5.1vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(196,222,255,.12);background:linear-gradient(180deg,rgba(3,7,19,.48),transparent)}.brand{display:flex;align-items:center;gap:16px;font:500 13px var(--mono);letter-spacing:.34em;white-space:nowrap}.brand-star{font-size:27px;color:#a9f6ff;text-shadow:0 0 18px var(--blue)}nav{display:flex;gap:4.2vw;margin-left:8vw}nav a,.top-buy{font:500 12px var(--mono);letter-spacing:.25em}nav a{color:#cfdef0;transition:color .25s}nav a:hover{color:var(--blue)}.top-buy{border:1px solid var(--blue);border-radius:40px;padding:15px 22px;box-shadow:0 0 18px rgba(0,177,255,.21),inset 0 0 12px rgba(0,177,255,.1);transition:.25s}.top-buy span{color:var(--blue);margin-left:12px}.top-buy:hover{background:rgba(10,199,255,.13);box-shadow:0 0 28px rgba(0,177,255,.38)}.hero{height:min(1080px,100vh);min-height:760px;position:relative;isolation:isolate;overflow:hidden;background:#030713}.hero-image{position:absolute;z-index:-3;inset:-2%;background:url('assets/moon-signal.png') 58% 20%/cover no-repeat;transform:scale(1.03);animation:arrive 1.8s ease-out both;will-change:transform}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,6,18,.94) 0%,rgba(2,6,18,.84) 30%,rgba(2,6,18,.26) 58%,rgba(2,6,18,.02) 100%),linear-gradient(0deg,rgba(2,6,18,.15),transparent 35%,rgba(2,6,18,.25))}.hero:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:130px;background:linear-gradient(transparent,var(--ink))}.hero-content{position:absolute;left:5.1vw;top:23%;width:min(770px,46vw)}.eyebrow,.kicker,.section-index,.coordinates,.art-caption,.orbital-note,.lore-coordinates,.lore-signoff,.panel-label,.token-row>span,.token-symbol,.token-footer,footer,.scroll-cue{font-family:var(--mono);letter-spacing:.24em}.eyebrow{color:#b9d8ec;font-size:11px;display:flex;align-items:center;gap:15px}.eyebrow-line{display:inline-block;width:42px;height:1px;background:var(--blue);box-shadow:0 0 9px var(--blue)}h1,h2,p{margin-top:0}h1{font:600 clamp(70px,6.4vw,124px)/.79 var(--display);letter-spacing:.012em;margin:28px 0 27px;text-transform:uppercase;text-shadow:0 4px 28px rgba(0,0,0,.3)}h1 span,h1 strong{display:block}h1 strong{font-weight:600;white-space:nowrap;background:linear-gradient(95deg,#37eaff 4%,#d7efff 48%,#b692ff 96%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(47,164,255,.26))}.hero-sub{font:300 19px/1.5 Georgia,serif;letter-spacing:.085em;color:#d5dfef;margin:0 0 27px}.mini-star{color:var(--blue);font-size:20px;padding-right:15px}.ticker-stamp{border:1px solid transparent;border-radius:9px;background:linear-gradient(var(--ink),var(--ink)) padding-box,linear-gradient(100deg,var(--blue),#b878ff) border-box;color:#73ddff;display:inline-block;padding:12px 23px;font:500 21px var(--mono);letter-spacing:.31em;margin-bottom:28px;text-shadow:0 0 13px rgba(19,189,255,.38)}.hero-actions{display:flex;gap:16px;align-items:center}.button{height:58px;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 27px;font:500 12px var(--mono);letter-spacing:.2em;cursor:pointer;transition:transform .2s,box-shadow .25s,background .25s,color .25s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px) scale(.985)}.button-primary{background:linear-gradient(110deg,#082546,#0577db);border:1px solid #1de1ff;box-shadow:0 0 22px rgba(0,181,255,.36),inset 0 0 17px rgba(74,218,255,.18)}.button-primary:hover{box-shadow:0 0 36px rgba(0,192,255,.61),inset 0 0 20px rgba(74,218,255,.24)}.button-primary b{font-size:21px;font-weight:400;color:#baf7ff}.button-quiet{border:1px solid rgba(198,220,248,.55);background:rgba(3,9,22,.65);min-width:180px}.button-quiet:hover,.button-outline:hover{border-color:var(--blue);background:rgba(0,184,255,.1);box-shadow:0 0 18px rgba(0,168,255,.18)}.copy-icon{font-size:21px}.ca-box{margin-top:18px;height:50px;width:min(580px,100%);display:flex;align-items:center;padding:0 22px;background:rgba(3,9,21,.73);border:1px solid rgba(174,208,249,.42);border-radius:9px;text-align:left;cursor:pointer;transition:.2s}.ca-box:hover{border-color:var(--blue)}.ca-label,.ca-value{font:400 13px var(--mono);letter-spacing:.2em}.ca-label{color:#abc1da;margin-right:10px}.ca-value{color:#f2f8ff}.copy-small{margin-left:auto;font-size:19px;color:#a8d5ef}.coordinates{position:absolute;left:5.1vw;right:5.1vw;bottom:33px;display:flex;justify-content:space-between;color:rgba(218,236,255,.66);font-size:9px;letter-spacing:.2em}.scroll-cue{position:absolute;right:5vw;bottom:100px;writing-mode:vertical-rl;display:flex;align-items:center;gap:15px;color:rgba(222,242,255,.72);font-size:9px}.scroll-cue i{display:block;width:1px;height:62px;background:linear-gradient(var(--blue),transparent);animation:scrollPulse 1.8s ease-in-out infinite}.marquee{height:80px;border-top:1px solid rgba(29,177,255,.32);border-bottom:1px solid rgba(29,177,255,.18);overflow:hidden;display:flex;align-items:center;background:linear-gradient(90deg,#040a18,#07152a 50%,#040a18)}.marquee-track{display:flex;align-items:center;justify-content:space-around;min-width:180%;animation:marquee 34s linear infinite;color:#ceeaff;font:500 11px var(--mono);letter-spacing:.35em;white-space:nowrap}.marquee b{font-size:19px;color:var(--blue);text-shadow:0 0 16px var(--blue)}.section{position:relative;min-height:850px;padding:95px 9vw 100px;overflow:hidden}.signal{background:radial-gradient(ellipse at 78% 46%,rgba(28,56,119,.22),transparent 37%),linear-gradient(180deg,#050a18,#071020 55%,#050a17)}.section-index{display:flex;align-items:center;gap:22px;color:#b6c9dc;font-size:10px}.section-index>span:last-child{color:#6c829b}.index-rule{height:1px;width:100px;background:linear-gradient(90deg,var(--blue),transparent)}.signal-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:8vw;align-items:center;max-width:1500px;margin:68px auto 0}.signal-copy{padding-left:2vw}.kicker{color:var(--blue);font-size:10px;margin-bottom:24px}.signal h2,.lore h2,.token h2{font:600 clamp(60px,6vw,104px)/.84 var(--display);letter-spacing:.01em;margin:0 0 35px;text-shadow:0 0 35px rgba(13,102,194,.17)}h2 em{font-style:normal;color:#a7b8ff}.body-copy{color:#c3d1e1;font-size:16px;line-height:1.85;max-width:455px;margin-bottom:14px}.body-copy-small{font-size:14px;color:#8297b0}.text-link{display:inline-flex;gap:20px;align-items:center;margin-top:26px;color:#bceaff;font:500 10px var(--mono);letter-spacing:.24em;border-bottom:1px solid rgba(23,217,255,.4);padding-bottom:11px}.text-link span{font-size:18px;color:var(--blue);transition:transform .2s}.text-link:hover span{transform:translate(3px,3px)}.signal-art{position:relative;max-width:670px;justify-self:center;transform:translateY(var(--parallax-y,0px))}.art-frame{position:relative;padding:12px;background:linear-gradient(130deg,rgba(37,213,255,.21),rgba(111,119,255,.02) 52%,rgba(156,122,255,.2));box-shadow:0 32px 90px rgba(0,0,0,.35)}.art-frame img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(.95) contrast(1.03)}.frame-corner{position:absolute;width:22px;height:22px;border-color:#8fefff;border-style:solid}.top-left{top:0;left:0;border-width:1px 0 0 1px}.top-right{top:0;right:0;border-width:1px 1px 0 0}.bottom-left{bottom:0;left:0;border-width:0 0 1px 1px}.bottom-right{bottom:0;right:0;border-width:0 1px 1px 0}.art-caption{display:flex;justify-content:space-between;margin-top:15px;color:#738aa7;font-size:8px}.orbital-note{position:absolute;right:-55px;top:50%;writing-mode:vertical-rl;color:rgba(111,185,255,.76);font-size:9px}.lore{min-height:880px;background:#030713;padding-top:100px}.lore-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,19,.97) 0%,rgba(3,7,19,.8) 48%,rgba(3,7,19,.43) 100%),linear-gradient(0deg,#030713 0%,transparent 30%,rgba(3,7,19,.25)),url('assets/moon-signal.png') 50% 55%/cover no-repeat;opacity:.72;filter:saturate(.7)}.lore .section-index,.lore-content,.lore-coordinates{position:relative}.lore-content{max-width:1000px;margin:65px auto 0;text-align:center}.lore-mark{font-size:31px;color:var(--blue);text-shadow:0 0 20px var(--blue);margin-bottom:13px;position:relative}.lore-mark span{font:11px var(--mono);position:absolute;top:7px;margin-left:5px;color:#d7c8ff}.lore-content .kicker{margin-bottom:22px}.lore h2{font-size:clamp(68px,7vw,112px);margin-bottom:32px}.lore h2 em{background:linear-gradient(90deg,#8deeff,#a88bff);color:transparent;background-clip:text}.lore-columns{max-width:780px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;text-align:left}.lore-columns p{font-size:14px;line-height:1.9;color:#b1c2d6}.lore-signoff{margin:22px auto 0;display:flex;align-items:center;justify-content:center;gap:20px;color:#dff4ff;font-size:10px}.signoff-star{color:var(--blue);font-size:21px}.lore-coordinates{position:absolute;right:9vw;bottom:34px;color:#67809c;font-size:8px}.token{min-height:760px;background:radial-gradient(ellipse at 82% 48%,rgba(20,73,153,.19),transparent 36%),linear-gradient(180deg,#050a17,#030713);padding-bottom:70px}.token-layout{max-width:1380px;margin:96px auto 0;display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center}.token-title .kicker{margin-bottom:21px}.token h2{font-size:clamp(56px,5.9vw,100px);margin-bottom:28px}.token h2 em{font-size:.79em;background:linear-gradient(100deg,#3ce9ff,#b49aff);color:transparent;background-clip:text;white-space:nowrap}.token-symbol{display:inline-block;font-size:15px;color:#a4eaff;border:1px solid rgba(45,185,255,.48);padding:13px 18px;border-radius:4px;letter-spacing:.38em}.token-panel{position:relative;padding:39px 43px 33px;border:1px solid rgba(105,175,236,.35);background:linear-gradient(140deg,rgba(9,25,50,.78),rgba(5,11,24,.92));box-shadow:0 22px 60px rgba(0,0,0,.25)}.token-panel:before,.token-panel:after{content:"";position:absolute;width:28px;height:28px;border-color:var(--blue);border-style:solid;opacity:.7}.token-panel:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.token-panel:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.panel-star{font-size:22px;color:var(--blue);text-shadow:0 0 18px var(--blue);margin-bottom:13px}.panel-label{font-size:9px;color:#7f9bb8;margin-bottom:19px}.token-row{min-height:58px;border-top:1px solid rgba(172,206,241,.15);display:grid;grid-template-columns:105px 1fr;align-items:center;gap:10px}.token-row>span{font-size:9px;color:#7793ad}.token-row strong{font-size:14px;font-weight:500;color:#e4effa}.ca-row{grid-template-columns:105px 1fr auto}.ca-row strong{font:12px var(--mono);letter-spacing:.13em}.ca-row button{border:0;background:none;color:#73dfff;font:10px var(--mono);letter-spacing:.14em;cursor:pointer}.ca-row button:hover{color:white}.token-links{display:flex;gap:12px;margin-top:23px}.button-outline{height:48px;border:1px solid rgba(81,173,240,.55);background:transparent;border-radius:3px;padding:0 17px;flex:1;font-size:10px;gap:12px}.button-outline span{color:var(--blue);font-size:17px}.token-footer{position:absolute;bottom:22px;left:9vw;right:9vw;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid rgba(119,174,222,.15);color:#7891ad;font-size:8px}.token-footer b{color:var(--blue);font-size:15px;margin-left:10px}footer{height:100px;padding:0 5.1vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(120,178,225,.17);color:#8195ad;font-size:8px}footer .brand{color:#c4d9ea;font-size:10px}.footer-brand .brand-star{font-size:20px}.toast{position:fixed;z-index:30;left:50%;bottom:35px;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:13px 19px;background:#071b2e;border:1px solid rgba(60,218,255,.55);box-shadow:0 0 28px rgba(0,188,255,.2);font:11px var(--mono);letter-spacing:.12em;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:translateY(var(--parallax-y,0px))}.hero .reveal{animation:fadeUp 1s .28s both}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes arrive{from{transform:scale(1.08);filter:brightness(.65)}to{transform:scale(1.03);filter:brightness(1)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes scrollPulse{0%,100%{opacity:.45;transform:scaleY(.7);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}@media(max-width:1100px){.topbar{padding:0 3vw}.brand{font-size:10px;letter-spacing:.22em}.hero-content{left:4vw;width:58vw}h1{font-size:8vw}.section{padding-left:6vw;padding-right:6vw}.signal-grid{gap:5vw}.token-layout{gap:4vw}.coordinates{left:4vw;right:4vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}