@font-face{font-family:Londrina;src:url("assets/fonts/londrina-400.woff2") format("woff2");font-display:swap}
@font-face{font-family:Londrina;src:url("assets/fonts/londrina-900.woff2") format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:Sigmar;src:url("assets/fonts/sigmar-400.woff2") format("woff2");font-display:swap}
:root{--lime:#c3d514;--dark:#2d3f00;--green:#6a8b1e;--ink:#050b08;--sky:#49a9eb;--cream:#fffbe9;--gutter:clamp(16px,4vw,42px);--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--sky);font-family:Londrina,Impact,sans-serif}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
section{position:relative;isolation:isolate}
#about,#tokenomics,#howtobuy{scroll-margin-top:20px}
.section-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 2 * var(--gutter)));margin:auto}
@media(pointer:fine){html,body{cursor:url("assets/icons/crypto/network/robinhood/robinhood-cursor.svg") 3 3,default}a,button{cursor:url("assets/icons/crypto/network/robinhood/robinhood-cursor.svg") 3 3,pointer}}

.site-header{position:absolute;top:20px;left:50%;z-index:50;display:flex;width:min(1320px,calc(100% - 32px));gap:12px;align-items:center;transform:translateX(-50%)}
.mini-social{display:grid;width:52px;height:52px;place-items:center;background:var(--lime);border:3px solid var(--ink);border-radius:5px;box-shadow:0 5px 0 var(--ink);transform:rotate(-3deg)}
.mini-social:nth-child(2){transform:rotate(4deg)}
.mini-social img{width:27px;height:27px}
.main-nav{display:flex;margin-left:auto;gap:8px;padding:7px;background:transparent;border:3px solid transparent;border-radius:8px}
.main-nav a{padding:8px 12px;color:#fff;font-size:19px;text-shadow:2px 2px 0 var(--dark);text-transform:uppercase}
.header-buy,.button{position:relative;display:inline-flex;min-height:52px;padding:10px 24px;align-items:center;justify-content:center;overflow:hidden;background:var(--lime);border:3px solid var(--ink);border-radius:6px;box-shadow:0 5px 0 var(--ink);font-size:22px;text-transform:uppercase}.header-buy::after,.button::after{position:absolute;top:-35%;bottom:-35%;left:-40%;width:24%;background:rgba(255,255,255,.45);content:"";transform:skewX(-20deg);animation:shine 3.6s ease-in-out infinite}
.header-buy{margin-left:8px}
.menu-toggle{display:none;margin-left:auto;width:50px;height:46px;padding:8px;background:var(--lime);border:3px solid var(--ink);border-radius:6px}
.menu-toggle span{display:block;height:4px;margin:4px 0;background:var(--ink);border-radius:5px}

.hero{min-height:983px;padding:175px var(--gutter) 135px;overflow:hidden;background:linear-gradient(rgba(73,169,235,.12),rgba(37,211,200,.25)),url("assets/template/about-bg-gif.gif") center/cover}
.hero::before,.hero::after{position:absolute;width:11px;height:11px;border:1px solid rgba(255,255,255,.6);border-radius:50%;content:"";animation:bubble 5s ease-in-out infinite}
.hero::before{top:27%;left:8%}.hero::after{right:15%;bottom:22%;animation-delay:-2s}
.sky-cloud{position:absolute;z-index:1;opacity:.88;pointer-events:none;animation:cloud-drift 12s ease-in-out infinite}.cloud-a{top:18%;left:-4%;width:220px}.cloud-b{top:43%;right:2%;width:150px;animation-delay:-4s}.cloud-c{right:28%;bottom:12%;width:180px;animation-delay:-8s}
.hero-inner{display:grid;width:min(1320px,100%);margin:auto;grid-template-columns:minmax(420px,1.15fr) minmax(0,1fr);align-items:center}
.hero-copy{position:relative;z-index:3;max-width:590px;margin-left:auto}
.eyebrow,.section-kicker{display:inline-flex;padding:8px 16px;color:var(--dark);background:var(--lime);border:3px solid var(--ink);border-radius:6px;box-shadow:0 5px 0 var(--ink);font-size:20px;letter-spacing:.06em;text-transform:uppercase}
.wordmark{display:block;margin:24px 0 20px;color:var(--lime);font-size:clamp(74px,7vw,112px);font-weight:900;letter-spacing:.02em;line-height:.75;text-transform:uppercase;-webkit-text-stroke:5px var(--dark);paint-order:stroke fill;filter:drop-shadow(7px 9px 0 var(--ink))}
.hero h1{margin:0 0 24px;font-family:Sigmar,Impact,sans-serif;line-height:.83;text-transform:uppercase}
.hero h1 span,.hero h1 b{display:block;-webkit-text-stroke:4px var(--dark);paint-order:stroke fill;text-shadow:5px 7px 0 var(--ink)}
.hero h1 span{color:var(--cream);font-size:clamp(35px,3.7vw,52px)}.hero h1 b{color:var(--lime);font-size:clamp(43px,4.5vw,64px)}
.hero-copy>p{max-width:520px;margin:0 0 26px;color:#fff;font-size:27px;line-height:1.18;text-shadow:2px 2px 0 var(--dark)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button-green{color:#fff;background:var(--green)}.button:hover,.header-buy:hover{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}
.social-dock{display:flex;margin-top:24px;gap:11px}.social-dock a{display:grid;width:49px;height:49px;place-items:center;background:var(--lime);border:3px solid var(--ink);border-radius:50%;box-shadow:0 5px 0 var(--ink);animation:icon-float 3.2s ease-in-out infinite}.social-dock a:nth-child(2){animation-delay:-.7s}.social-dock a:nth-child(3){animation-delay:-1.4s}.social-dock a:nth-child(4){animation-delay:-2.1s}
.social-dock img{width:25px;height:25px}
.hero-visual{position:relative;min-height:700px}.hero-groypers{position:absolute;top:50%;left:50%;z-index:2;width:min(820px,61vw);max-width:none;filter:contrast(1.08) saturate(1.08) drop-shadow(8px 10px 0 rgba(0,0,0,.45));transform:translate(-50%,-50%);animation:hero-in 1.3s ease both,hover 7s ease-in-out 1.3s infinite}
.floating-eth{position:absolute;top:22%;left:7%;z-index:1;width:72px;color:var(--lime);filter:drop-shadow(4px 5px 0 rgba(0,0,0,.4));animation:hover 4s ease-in-out infinite}.hero-mobile-visual{display:none}
.cloud-divider{position:relative;z-index:20;width:100%;margin-top:-8vw;line-height:0;pointer-events:none}.cloud-divider img{width:100%;height:auto;max-width:none}
.section-transition{position:relative;z-index:20;width:100%;margin-top:-8vw;overflow:hidden;line-height:0;pointer-events:none}.divider-piece{position:relative;width:100%;line-height:0}.divider-piece img{display:block;width:100%;height:auto;max-width:none}.divider-piece+.divider-piece{margin-top:-10px}.divider-from-about,.divider-from-token,.divider-from-how{z-index:2}.divider-to-token,.divider-to-how,.divider-to-join{z-index:1}

.about{min-height:996px;margin-top:-4vw;padding:140px 0 165px;color:#fff;background:linear-gradient(rgba(21,74,34,.32),rgba(15,67,42,.38)),url("assets/template/pikaso_enhance__none_2K_Standard_r_c_-1-scaled-1.jpeg") center/cover;animation:swamp-pan 18s ease-in-out infinite alternate}
.about-grid,.join-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(30px,7vw,90px);align-items:center}
.about-art img{width:min(520px,100%);margin:auto;filter:drop-shadow(8px 10px 0 rgba(0,0,0,.35))}
.about-copy{padding:clamp(26px,4vw,52px);background:rgba(7,51,29,.9);border:4px solid var(--ink);border-radius:16px;box-shadow:11px 13px 0 var(--ink);backdrop-filter:blur(3px)}
.about h2,.how>div>h2,.tokenomics h2,.join h2{margin:20px 0;color:var(--lime);font-family:Sigmar,Impact,sans-serif;font-size:clamp(62px,8vw,110px);font-weight:400;line-height:.85;text-transform:uppercase;-webkit-text-stroke:5px var(--dark);paint-order:stroke fill;text-shadow:7px 8px 0 var(--ink)}
.about p,.join p{font-size:26px;line-height:1.3}

.tokenomics{min-height:1510px;margin-top:-5vw;padding:150px 0 230px;overflow:hidden;color:#fff;background:linear-gradient(rgba(3,6,25,.08),rgba(3,6,20,.35)),url("assets/template/roadmap-bg.gif") center/cover}
.token-inner{text-align:center}.tokenomics h2{margin:24px 0 55px}.token-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}
.flying-wrap{animation:flight 6s ease-in-out infinite}.flying-wrap img{width:min(720px,100%);filter:drop-shadow(9px 12px 0 rgba(0,0,0,.4))}
.token-info{display:grid;gap:18px}.token-info article{padding:20px;background:var(--lime);border:3px solid var(--ink);border-radius:10px;box-shadow:0 7px 0 var(--ink);color:var(--dark)}
.token-info strong,.token-info span{display:block}.token-info strong{font-size:36px;text-transform:uppercase}.token-info span{font-size:20px;letter-spacing:.08em;text-transform:uppercase}
.contract-box{position:relative;display:flex;width:min(850px,100%);margin:55px auto 0;padding:17px 58px 17px 20px;gap:12px;align-items:center;justify-content:center;overflow:hidden;color:#fff;background:var(--dark);border:3px solid var(--lime);border-radius:10px;box-shadow:0 7px 0 var(--ink);font-size:clamp(16px,2.5vw,30px)}
.contract-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-icon{display:grid;flex:none;width:28px;height:28px;place-items:center;color:var(--lime)}.copy-icon img{width:24px;height:24px}.contract-box small{position:absolute;right:12px;bottom:3px;font-size:12px}
.token-moon{position:absolute;top:8%;right:2%;z-index:1;width:clamp(150px,20vw,260px);opacity:.8;animation:hover 7s ease-in-out infinite}.earth-floor{position:absolute;right:0;bottom:0;left:0;z-index:1;width:100%;max-width:none;pointer-events:none}

.how{min-height:1610px;margin-top:-5vw;padding:155px 0 180px;background:linear-gradient(rgba(106,139,30,.63),rgba(195,213,20,.68)),url("assets/template/203673460_c155280e-0877-4552-a5e0-c5b784fcba79-scaled-1.jpg") center/cover;text-align:center;animation:swamp-pan 22s ease-in-out infinite alternate}.how::before{position:absolute;top:0;right:0;left:0;height:105px;background:linear-gradient(70deg,transparent 45%,#244f1d 46% 54%,transparent 55%) 0 100%/60px 95px repeat-x,linear-gradient(-70deg,transparent 45%,#3d7425 46% 54%,transparent 55%) 25px 100%/70px 80px repeat-x;content:"";opacity:.9}.board{position:relative;margin-top:60px;padding:clamp(92px,9vw,125px) clamp(88px,10.5vw,138px) clamp(86px,8.5vw,118px);background:url("assets/template/htb-blackboard.png") center/100% 100% no-repeat;color:#fff;text-align:left}
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,4vw,52px) clamp(42px,5vw,66px)}.step{min-width:0}.step h3{display:flex;margin:0 0 12px;align-items:center;font-size:clamp(22px,2.25vw,32px);line-height:1.08;text-transform:uppercase;overflow-wrap:anywhere}.step h3 img{width:50px;height:50px;margin-right:13px;flex:0 0 auto;object-fit:contain;animation:icon-float 3.4s ease-in-out infinite}.step:nth-child(2) h3 img{animation-delay:-.8s}.step:nth-child(3) h3 img{animation-delay:-1.6s}.step:nth-child(4) h3 img{animation-delay:-2.4s}.step p{margin:0;font-size:clamp(18px,1.8vw,21px);line-height:1.3;overflow-wrap:anywhere}
.board-contract{margin-top:44px;background:#071d13}.napoleon{position:absolute;top:50%;left:0;width:210px;filter:drop-shadow(6px 7px 0 rgba(0,0,0,.45));transform:translate(-38%,-50%)}

.join{min-height:760px;margin-top:-5vw;padding:140px 0 75px;overflow:hidden;background:linear-gradient(rgba(195,213,20,.88),rgba(117,174,44,.92)),url("assets/template/pikaso_enhance__none_2K_Standard_r_c_-1-scaled-1.jpeg") center/cover;animation:swamp-pan 20s ease-in-out infinite alternate}.join-grid{grid-template-columns:minmax(420px,1.25fr) minmax(300px,.75fr)}.join-art img{width:min(790px,115%);max-width:none;margin:auto;filter:drop-shadow(8px 10px 0 rgba(0,0,0,.35));transform:translateX(-6%)}.join h2{font-size:clamp(72px,9vw,128px)}.join-socials{display:flex;gap:15px;flex-wrap:wrap}.join-socials a{display:flex;padding:12px 18px;gap:9px;align-items:center;background:var(--lime);border:3px solid var(--ink);border-radius:7px;box-shadow:0 5px 0 var(--ink);font-size:21px;text-transform:uppercase}.join-socials img{width:25px;height:25px}
footer{padding:25px var(--gutter) 32px;color:#fff;background:var(--ink);font-size:19px;text-align:center;text-transform:uppercase}
footer p{margin:0}
footer .disclaimer{max-width:820px;margin:14px auto 0;color:rgba(255,255,255,.72);font-size:13px;font-family:Londrina,Impact,sans-serif;line-height:1.35;text-transform:none}
[hidden]{display:none!important}
.has-js .reveal{opacity:0;transform:translateY(42px) scale(.97);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}.has-js .reveal.is-visible{opacity:1;transform:none}

@keyframes hero-in{from{opacity:0;transform:translate(-50%,-45%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes hover{50%{translate:0 -10px;rotate:1deg}}@keyframes flight{50%{transform:translate(24px,-14px) rotate(2deg)}}@keyframes bubble{50%{transform:translate(12px,-20px);opacity:.3}}@keyframes cloud-drift{50%{translate:34px -10px}}@keyframes icon-float{50%{translate:0 -8px;rotate:4deg}}@keyframes shine{0%,65%{left:-40%;opacity:0}72%{opacity:1}92%,100%{left:125%;opacity:0}}@keyframes swamp-pan{from{background-position:center center}to{background-position:54% 48%}}

@media(max-width:1280px){
 .napoleon{display:none}.board{padding-right:clamp(82px,10vw,112px);padding-left:clamp(82px,10vw,112px)}
}
@media(max-width:1024px){
 .main-nav{display:none}.menu-toggle{display:block}.site-header.menu-open .main-nav{position:absolute;top:62px;right:0;display:flex;width:min(310px,90vw);flex-direction:column;background:rgba(45,63,0,.96);border-color:var(--ink)}
 .hero{min-height:900px;padding-top:150px}.hero-inner{grid-template-columns:1fr 1fr}.hero-visual{min-height:560px}.hero-groypers{width:58vw}.wordmark{font-size:clamp(64px,8vw,84px)}
 .about{min-height:clamp(1142px,calc(926px + 28.125vw),1214px)}.tokenomics{min-height:clamp(1589px,calc(1076px + 66.8vw),1760px)}.how{min-height:clamp(1737px,calc(1392px + 44.9vw),1852px)}
 .token-grid{grid-template-columns:1fr}.token-info{grid-template-columns:repeat(3,1fr)}
 .napoleon{display:none}.join-grid{gap:35px}
}
@media(max-width:767px){
 .site-header{top:14px}.mini-social,.header-buy{display:none}
 .hero{min-height:0;padding:120px var(--gutter) 105px}.hero-inner{display:block}.hero-copy{max-width:540px;margin:auto;text-align:center}.eyebrow{font-size:17px}.wordmark{margin:20px auto;font-size:clamp(55px,16vw,76px);-webkit-text-stroke-width:3px;filter:drop-shadow(4px 6px 0 var(--ink))}
 .hero h1 span,.hero h1 b{-webkit-text-stroke-width:3px;text-shadow:4px 5px 0 var(--ink)}.hero h1 span{font-size:clamp(28px,8.5vw,42px)}.hero h1 b{font-size:clamp(34px,10vw,51px)}.hero-copy>p{margin-inline:auto;font-size:21px}
 .hero-visual{display:none}.hero-mobile-visual{display:block;width:min(350px,88vw);margin:4px auto 22px}.hero-actions,.social-dock{justify-content:center}.button{flex:1 1 150px;padding-inline:17px;font-size:19px}.social-dock a{width:44px;height:44px}
 .divider-piece+.divider-piece{margin-top:-30px}.transition-about-token,.transition-token-how,.transition-how-join{min-height:59px}.about{min-height:780px;padding:80px 0}.about-grid,.join-grid{grid-template-columns:1fr}.about-copy{padding:26px}.about h2,.tokenomics h2,.how>div>h2,.join h2{font-size:clamp(52px,15vw,76px);-webkit-text-stroke-width:3px;text-shadow:4px 5px 0 var(--ink)}.about p,.join p{font-size:22px}
 .tokenomics{min-height:0;padding:100px 0 150px}.token-grid{display:block}.flying-wrap{margin:50px 0 30px}.token-info{grid-template-columns:1fr}.contract-box{padding:15px 44px 15px 12px;font-size:15px}
 .how{min-height:0;padding:90px 0}.board{padding:70px clamp(38px,11vw,52px) 76px}.steps{grid-template-columns:1fr;gap:30px}.step h3{font-size:clamp(20px,6vw,25px)}.step p{font-size:18px}
 .join{min-height:0;padding-top:90px}.join-grid{grid-template-columns:1fr}.join-art{order:2}.join-art img{width:min(620px,105%);max-width:105%;transform:none}.join-copy{text-align:center}.join-socials{justify-content:center}
}
@media(max-width:480px){
 .hero-actions{flex-direction:column;align-items:center}.button{width:min(290px,100%);flex:auto}.board{padding:62px 36px 68px}.step h3{font-size:20px}.step h3 img{width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}