:root{--navy:#020a0c;--navy2:#061614;--green:#00ef8b;--green2:#00a865;--gold:#ffc33c;--gold2:#b87508;--white:#f5fff9;--muted:#9cb6ad;--line:rgba(108,255,186,.16);--shadow:0 24px 80px rgba(0,0,0,.45);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white);background:var(--navy);scroll-behavior:smooth}
*{box-sizing:border-box}html{background:var(--navy);scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 80% 10%,rgba(0,239,139,.1),transparent 30%),var(--navy);color:var(--white)}body.intro-active{overflow:hidden}a{color:inherit;text-decoration:none}button,a{font:inherit}button{color:inherit}img{display:block;max-width:100%}::selection{background:var(--green);color:#00140c}
.intro{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#0a5137 0,#061a15 26%,#020707 70%);transition:opacity .8s ease,visibility .8s}.intro.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-grid,.sky-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(38,255,159,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(38,255,159,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,black,transparent);transform:perspective(500px) rotateX(65deg) translateY(35%);transform-origin:bottom}.intro-mark{width:min(38vw,180px);filter:drop-shadow(0 0 30px rgba(255,195,60,.5));animation:introFly 1.2s cubic-bezier(.2,.8,.2,1) both}.intro-mark svg{fill:var(--gold);overflow:visible}.intro-mark .intro-eye{fill:#07120d}.intro-kicker,.eyebrow{font-size:.7rem;font-weight:900;letter-spacing:.27em;color:var(--green);text-transform:uppercase}.intro h1{font-size:clamp(2.6rem,8vw,6rem);line-height:.9;margin:20px 0 30px;text-transform:uppercase;letter-spacing:-.07em;font-weight:1000;text-shadow:0 5px 40px #000}.intro h1 span,.hero h1 span{color:var(--green)}.intro-progress{width:min(70vw,420px);height:3px;background:rgba(255,255,255,.12);overflow:hidden}.intro-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--gold),var(--green));transform-origin:left;animation:load 2.25s ease both}.intro-skip{margin-top:28px;padding:10px 20px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.2);font-size:.68rem;font-weight:900;letter-spacing:.2em;cursor:pointer}.intro-chart{position:absolute;bottom:8%;display:flex;gap:20px;align-items:flex-end;height:160px;opacity:.2}.intro-chart i{width:14px;height:30%;background:var(--green);animation:bars 1s ease-in-out infinite alternate}.intro-chart i:nth-child(2){height:50%;animation-delay:-.7s}.intro-chart i:nth-child(3){height:40%;animation-delay:-.2s}.intro-chart i:nth-child(4){height:75%;animation-delay:-.5s}.intro-chart i:nth-child(5){height:60%;animation-delay:-.8s}.intro-chart i:nth-child(6){height:90%;animation-delay:-.3s}.intro-chart i:nth-child(7){height:100%;animation-delay:-.6s}
.site-shell{opacity:0;transition:opacity .6s}.site-shell.ready{opacity:1}.site-header{height:82px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:100;background:rgba(2,10,12,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:.93rem;font-weight:900;letter-spacing:-.03em;white-space:nowrap}.brand strong{color:var(--green)}.brand-mark{display:grid;place-items:center;width:35px;height:35px;clip-path:polygon(0 0,100% 0,75% 75%,38% 100%,50% 55%);background:linear-gradient(135deg,#ffe48b,var(--gold),#9f6300);color:#06120d;font-size:1.2rem}.main-nav{margin-left:auto;display:flex;gap:28px}.main-nav a,.footer-links a{font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#bad0c8;transition:.25s}.main-nav a:hover,.footer-links a:hover{color:var(--green)}.nav-toggle{display:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:54px;padding:0 25px;border:1px solid;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font-size:.74rem;font-weight:1000;letter-spacing:.12em;transition:transform .25s,filter .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);filter:brightness(1.1)}.button-gold{background:linear-gradient(135deg,#ffe176,var(--gold),#b96e05);border-color:#ffe785;color:#07110d;box-shadow:0 0 28px rgba(255,195,60,.18)}.button-neon{background:rgba(0,239,139,.08);border-color:var(--green);color:var(--green);box-shadow:inset 0 0 20px rgba(0,239,139,.08)}.button-small{min-height:40px;padding:0 18px;font-size:.65rem}.section-pad{padding:clamp(80px,10vw,150px) clamp(22px,6vw,110px)}
.banner-stage{position:relative;overflow:hidden;background:#06110e;border-bottom:1px solid var(--line)}.banner-stage>img{width:100%;height:auto;object-fit:contain}.banner-glow{position:absolute;inset:0;box-shadow:inset 0 0 100px 20px #00130c;pointer-events:none;z-index:1}.ticker-strip{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;overflow:hidden;background:rgba(2,10,12,.86);border-top:1px solid rgba(255,195,60,.4);padding:9px 0;color:var(--gold);font-size:.58rem;font-weight:900;letter-spacing:.25em;white-space:nowrap}.ticker-strip span{min-width:100%;padding-right:3rem;animation:ticker 18s linear infinite}
.hero{position:relative;min-height:760px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);align-items:center;gap:clamp(45px,7vw,120px);overflow:hidden}.sky-grid{opacity:.35;pointer-events:none}.hero-copy,.mascot-frame{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px}.eyebrow>span{display:inline-block;width:34px;height:2px;background:var(--green);box-shadow:0 0 12px var(--green)}.hero h1{margin:0;font-size:clamp(3.6rem,8.8vw,8.8rem);line-height:.75;letter-spacing:-.085em;font-weight:1000;text-shadow:0 10px 40px #000}.hero-slogan{margin:30px 0 5px;font:900 clamp(1.5rem,3vw,3rem)/1.1 Georgia,serif;font-style:italic;color:var(--gold)}.hero-subtitle{margin:0 0 25px;text-transform:uppercase;letter-spacing:.22em;font-size:clamp(.7rem,1.3vw,.95rem);font-weight:900}.hero-text{max-width:620px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-badges{display:flex;gap:25px;margin-top:28px;color:#79958b;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mascot-frame{display:grid;place-items:center;min-height:500px}.mascot{position:relative;z-index:2;width:min(100%,520px);height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.65));animation:wingFloat 5s ease-in-out infinite}.wing-ring{position:absolute;width:88%;aspect-ratio:1;border:1px solid rgba(0,239,139,.3);border-radius:50%;box-shadow:0 0 80px rgba(0,239,139,.14),inset 0 0 60px rgba(0,239,139,.08)}.wing-ring:before,.wing-ring:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(255,195,60,.26);border-radius:50%;animation:spin 18s linear infinite}.wing-ring:after{inset:20%;animation-direction:reverse;animation-duration:12s}.status-chip{position:absolute;z-index:3;bottom:0;padding:12px 18px;border:1px solid var(--line);background:rgba(3,17,14,.86);backdrop-filter:blur(10px);font-size:.62rem;font-weight:900;letter-spacing:.16em}.status-chip span,.live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green);animation:pulse 1.5s infinite}.floating-coins .coin{position:absolute;z-index:1;display:grid;place-items:center;width:55px;aspect-ratio:1;border-radius:50%;border:4px solid #ffda69;background:linear-gradient(135deg,#fff0a1,#efa80c,#8f5200);color:#624000;font:1000 1.25rem Georgia;box-shadow:0 10px 20px #0008,0 0 20px #ffc43a55;animation:floatCoin 5s ease-in-out infinite}.c1{top:15%;left:48%}.c2{top:70%;left:5%;animation-delay:-2s!important}.c3{right:4%;top:20%;animation-delay:-3.2s!important}.c4{right:10%;bottom:10%;animation-delay:-1s!important}.chart-bars{position:absolute;right:0;bottom:12%;height:180px;display:flex;gap:9px;align-items:flex-end;opacity:.65}.chart-bars i{width:12px;height:30%;background:linear-gradient(var(--green),var(--green2));box-shadow:0 0 14px #00ef8b55;animation:bars 1.4s ease-in-out infinite alternate}.chart-bars i:nth-child(2){height:48%;animation-delay:-.8s}.chart-bars i:nth-child(3){height:38%;animation-delay:-.3s}.chart-bars i:nth-child(4){height:62%;animation-delay:-1s}.chart-bars i:nth-child(5){height:58%;animation-delay:-.5s}.chart-bars i:nth-child(6){height:78%;animation-delay:-.2s}.chart-bars i:nth-child(7){height:70%;animation-delay:-.9s}.chart-bars i:nth-child(8){height:100%;animation-delay:-.6s}
.about{background:linear-gradient(145deg,#04100e,#071c16);border-block:1px solid var(--line)}.section-heading{max-width:800px;margin-bottom:50px}.section-heading.centered{margin-inline:auto;text-align:center}.section-heading.centered .eyebrow{justify-content:center}.section-heading h2,.token h2,.join h2{margin:0;font-size:clamp(2.5rem,5.8vw,5.8rem);line-height:.94;letter-spacing:-.06em;text-transform:uppercase}.section-heading h2 em,.token h2 em,.join h2 em{display:block;color:var(--gold);font-family:Georgia,serif;font-weight:600;text-transform:none}.about-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:28px}.glass-panel,.radar-card,.token-card,.chart-shell,.join-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(14,50,39,.72),rgba(2,13,11,.88));box-shadow:var(--shadow);position:relative;overflow:hidden}.glass-panel{padding:clamp(28px,5vw,70px)}.panel-index,.feature-no{position:absolute;right:28px;top:22px;color:rgba(255,255,255,.13);font-size:3rem;font-weight:1000}.glass-panel h3{font-size:clamp(1.5rem,3vw,2.5rem);margin:0 0 25px;color:var(--green)}.glass-panel p{color:var(--muted);font-size:1.03rem;line-height:1.85;max-width:800px}.radar-card{padding:36px}.radar{position:relative;display:grid;place-items:center;width:min(250px,70vw);aspect-ratio:1;margin:0 auto 30px;border-radius:50%;border:1px solid var(--line);background:repeating-radial-gradient(circle,transparent 0 24%,rgba(0,239,139,.17) 25%),linear-gradient(90deg,transparent 49.5%,rgba(0,239,139,.18) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(0,239,139,.18) 50%,transparent 50.5%)}.radar b{font-size:4rem;color:var(--gold);filter:drop-shadow(0 0 12px #ffc33c99)}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 72%,rgba(0,239,139,.3) 96%,var(--green));animation:spin 3.5s linear infinite;mask-image:radial-gradient(circle,transparent 0 10%,black 10%)}.radar-label{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:.65rem;letter-spacing:.12em}.radar-label span{color:var(--muted)}.radar-label strong{color:var(--green)}
.advantage{position:relative}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{position:relative;min-height:350px;padding:42px 32px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(8,29,24,.9),rgba(2,12,10,.9));transition:.35s;overflow:hidden}.feature-card:hover{transform:translateY(-10px);border-color:var(--green);box-shadow:0 25px 60px rgba(0,239,139,.12)}.feature-card.featured{border-color:rgba(255,195,60,.42);transform:translateY(-16px)}.feature-card.featured:hover{transform:translateY(-25px)}.feature-icon{width:78px;aspect-ratio:1;display:grid;place-items:center;margin-bottom:45px;border:1px solid rgba(255,195,60,.45);background:rgba(255,195,60,.07);color:var(--gold);font-size:2rem;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%)}.feature-card h3{font-size:1.45rem;text-transform:uppercase;margin:0 0 18px}.feature-card p{color:var(--muted);line-height:1.7}.card-line{position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--green));transition:.5s}.feature-card:hover .card-line{width:100%}
.token{background:radial-gradient(circle at 20% 40%,rgba(0,239,139,.11),transparent 32%),#051310}.token-card{max-width:1250px;margin:auto;padding:clamp(28px,5vw,70px)}.token-intro{max-width:700px}.token-intro>p:last-child{color:var(--muted);line-height:1.7}.token-data{display:grid;grid-template-columns:repeat(3,1fr);margin:50px 0 22px;border:1px solid var(--line)}.token-data div{padding:24px;border-right:1px solid var(--line)}.token-data div:last-child{border:0}.token-data dt,.contract-box>span{font-size:.6rem;color:var(--muted);font-weight:900;letter-spacing:.15em}.token-data dd{margin:10px 0 0;font-size:1.1rem;font-weight:900;color:var(--green)}.contract-box{padding:24px;border:1px solid rgba(255,195,60,.35);background:#020b09}.contract-box>div{display:flex;align-items:center;gap:20px;margin-top:13px}.contract-box code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.72rem,1.4vw,1rem);overflow-wrap:anywhere;color:var(--gold);flex:1}.contract-box button{border:1px solid var(--gold);background:rgba(255,195,60,.1);padding:10px 18px;color:var(--gold);font-size:.65rem;font-weight:900;letter-spacing:.1em;cursor:pointer}.contract-box button:disabled{opacity:.4;cursor:not-allowed}.contract-box small{display:block;margin-top:10px;color:#6e8c82}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:18px}.step{display:flex;gap:25px;padding:30px;border:1px solid var(--line);background:rgba(9,31,25,.7);transition:.3s}.step:hover{border-color:rgba(255,195,60,.5);transform:translateX(5px)}.step-num{flex:0 0 48px;color:var(--gold);font-size:1.5rem;font-weight:1000}.step h3{margin:0 0 10px;text-transform:uppercase}.step p{margin:0;color:var(--muted);line-height:1.65}.buy-cta{margin-top:30px}
.market{background:linear-gradient(180deg,#061712,#020a08)}.chart-shell{max-width:1250px;margin:auto}.chart-top{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--line);font-size:.65rem;letter-spacing:.1em}.chart-top a{color:var(--green);font-weight:900}.chart-placeholder{height:clamp(340px,48vw,560px);position:relative;display:grid;place-items:center;overflow:hidden;background:#020a08}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(97,180,145,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(97,180,145,.1) 1px,transparent 1px);background-size:70px 55px}.chart-placeholder svg{position:absolute;inset:12% 4% 7%;width:92%;height:81%;filter:drop-shadow(0 0 10px #00ef8b66)}.chart-placeholder .fill{fill:url(#chartFill)}.chart-placeholder .line{fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:1400;animation:drawLine 4s ease forwards}.chart-message{position:relative;z-index:2;text-align:center;padding:30px;background:rgba(2,10,8,.82);border:1px solid var(--line);backdrop-filter:blur(8px)}.chart-message span{font-size:.6rem;letter-spacing:.16em;color:var(--green)}.chart-message strong{display:block;margin:10px 0;font-size:clamp(1.2rem,2.8vw,2rem);text-transform:uppercase}.chart-message p{margin:0;color:var(--muted);font-size:.78rem}.chart-message code{color:var(--gold)}.chart-placeholder iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.join{position:relative}.join-card{max-width:1250px;margin:auto;padding:clamp(36px,7vw,90px);text-align:center;background:radial-gradient(circle at 50% 0,rgba(0,239,139,.16),transparent 40%),linear-gradient(145deg,#0a251c,#030d0b)}.join-card .eyebrow{justify-content:center}.join-card>p:not(.eyebrow){max-width:650px;margin:25px auto 45px;color:var(--muted);line-height:1.7}.social-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.social-button{display:flex;align-items:center;text-align:left;gap:15px;padding:20px;border:1px solid var(--line);background:rgba(0,0,0,.25);transition:.3s}.social-button:hover{border-color:var(--green);transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,239,139,.1)}.social-button>span{font-size:1.8rem;color:var(--gold)}.social-button div{display:flex;flex-direction:column}.social-button small{font-size:.55rem;color:var(--muted);letter-spacing:.12em}.social-button strong{font-size:.8rem;margin-top:3px}.social-button b{margin-left:auto;color:var(--green)}
footer{padding:55px clamp(22px,6vw,110px) 35px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:#010605}footer>p{color:var(--muted);font-size:.75rem}.footer-links{display:flex;gap:18px;justify-content:flex-end}.disclaimer{grid-column:1/-1;padding-top:25px;border-top:1px solid var(--line);color:#61776f;font-size:.68rem;line-height:1.7}footer>small{grid-column:1/-1;color:#53675f;font-size:.6rem}.reveal{opacity:0;transform:translateY(35px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@keyframes introFly{from{opacity:0;transform:translateY(80px) scale(.55) rotate(-10deg)}to{opacity:1;transform:none}}@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bars{to{height:100%}}@keyframes ticker{to{transform:translateX(-100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 24px var(--green)}}@keyframes wingFloat{50%{transform:translateY(-16px) rotate(1.5deg)}}@keyframes floatCoin{50%{transform:translateY(-25px) rotateY(180deg)}}@keyframes drawLine{to{stroke-dashoffset:0}}
@media (max-width:1050px){.main-nav{gap:16px}.main-nav a{font-size:.6rem}.hero{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.radar-card{display:grid;grid-template-columns:260px 1fr;column-gap:40px}.radar{grid-row:1/4}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card.featured{min-height:0;transform:none}.feature-card.featured:hover{transform:translateY(-10px)}.feature-icon{margin-bottom:25px}}
@media (max-width:820px){.site-header{height:70px}.site-header>.button{display:none}.nav-toggle{margin-left:auto;display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;gap:7px;border:1px solid var(--line);background:transparent;padding:10px}.nav-toggle span{height:2px;width:100%;background:var(--green)}.main-nav{position:absolute;top:69px;left:0;right:0;display:flex;flex-direction:column;gap:0;padding:14px 22px 22px;background:rgba(2,10,12,.97);border-bottom:1px solid var(--line);transform:translateY(-130%);opacity:0;pointer-events:none;transition:.3s}.main-nav.open{transform:none;opacity:1;pointer-events:auto}.main-nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:.72rem}.ticker-strip{position:relative}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:700px}.mascot-frame{min-height:430px}.hero h1{font-size:clamp(3.2rem,15vw,6rem)}.c1{left:80%}.c3{top:55%}.steps{grid-template-columns:1fr}.social-actions{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}footer .brand{justify-content:center}.footer-links{justify-content:center;flex-wrap:wrap}.radar-card{display:block}.radar-label{max-width:480px;margin:auto}}
@media (max-width:540px){.section-pad{padding:78px 18px}.banner-stage .banner-glow{box-shadow:inset 0 0 30px #00130c}.hero{padding-top:70px}.hero h1{font-size:clamp(3rem,16vw,5rem);line-height:.82;overflow-wrap:anywhere}.hero-slogan{margin-top:25px}.hero-actions{display:grid}.button{width:100%}.hero-badges{flex-direction:column;gap:10px}.mascot-frame{min-height:360px}.status-chip{bottom:-10px;font-size:.52rem}.floating-coins .coin{width:42px}.c2{left:0;top:54%}.chart-bars{height:130px}.section-heading h2,.token h2,.join h2{font-size:clamp(2.2rem,13vw,4rem)}.token-data{grid-template-columns:1fr}.token-data div{border-right:0;border-bottom:1px solid var(--line)}.contract-box>div{align-items:stretch;flex-direction:column}.contract-box button{align-self:flex-start}.step{padding:24px 18px;gap:14px}.step-num{flex-basis:36px}.chart-top{align-items:flex-start;gap:12px;flex-direction:column}.chart-message{margin:16px;padding:22px 15px}.radar-card{padding:24px}.feature-card{padding:35px 25px}.intro-kicker{font-size:.55rem;text-align:center;padding-inline:20px}.intro h1{font-size:12vw}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.hero h1{white-space:nowrap}
.floating-coins{position:absolute;inset:0;pointer-events:none}
@media (min-width:821px){.hero h1 span{display:block;margin-top:.1em}}
@media (max-width:540px){.hero h1{font-size:clamp(2.45rem,12.5vw,4rem);line-height:.82;letter-spacing:-.1em;overflow-wrap:normal}}
