:root{--lime:#aaff27}
.header{backdrop-filter:blur(6px);position:fixed}
.hero-word{animation:glow 3s ease-in-out infinite alternate}
@keyframes glow{from{text-shadow:0 3px 10px #000}to{text-shadow:0 0 22px #aaff2788,0 3px 10px #000}}
.hero h1{background:linear-gradient(180deg,#fff 30%,#c9ff6b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 12px #000)}
.btn{transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-3px) scale(1.03)}
.buy{animation:pulse 2.2s infinite}
.buy:hover{box-shadow:0 0 34px #aaff27aa}
@keyframes pulse{0%,100%{box-shadow:0 0 14px #aaff2744}50%{box-shadow:0 0 30px #aaff2799}}
.chart:hover{border-color:var(--lime);color:var(--lime)}
.market-sign{animation:sway 5s ease-in-out infinite alternate}
@keyframes sway{from{transform:rotate(2deg)}to{transform:rotate(4.5deg) translateY(-4px)}}
.ticker{overflow:hidden;background:var(--lime);color:#071000;border-block:2px solid #050909;white-space:nowrap}
.track{display:inline-flex;gap:34px;padding:10px 0;font:900 italic 20px "Barlow Condensed";letter-spacing:.08em;animation:scroll 28s linear infinite}
@keyframes scroll{to{transform:translateX(-50%)}}
.coin{animation:float 4s ease-in-out infinite;box-shadow:0 0 40px #aaff2766;background:#050909}
@keyframes float{50%{transform:translateY(-8px) rotate(3deg)}}
.contract{border:1px solid #aaff2744;cursor:pointer;word-break:break-all}
.contract button:hover{transform:scale(1.2)}
.token-feature{transition:background .25s}.token-feature:hover{background:#aaff2710}
.steps article{position:relative;border-radius:12px;transition:transform .25s,border-color .25s,box-shadow .25s}
.steps article:hover{transform:translateY(-6px);border-color:var(--lime);box-shadow:0 10px 30px #aaff2722}
.steps article b{font-size:34px;opacity:.9}
.how h2,.roadmap h2,.community h2{text-shadow:0 0 30px #aaff2733}
.community{background:radial-gradient(ellipse at center,#1d3a14,#060b09 70%)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}
@media(max-width:850px){.contract{font-size:10px}.steps{grid-template-columns:1fr}.hero{padding-top:40px}.actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---- Layout fixes: no overlaps, nothing covering text ---- */
html{scroll-padding-top:76px}
.header{background:#050909ee;border-bottom:1px solid #aaff2722;z-index:50;gap:12px}
.header nav{flex-wrap:nowrap;white-space:nowrap}
.logo{flex-shrink:0}
.hero{padding-top:90px;padding-bottom:70px}
.hero-inner{margin-top:0}
.actions{flex-wrap:wrap;gap:14px}
.btn{min-width:170px;white-space:nowrap}
.socials{flex-wrap:wrap}
.contract{white-space:nowrap;max-width:100%}
.contract #contract{white-space:normal;word-break:break-all;overflow-wrap:anywhere}
.token-main{min-width:0}
@media(max-width:1100px){.market-sign{display:none}}
@media(max-width:850px){
 .header nav{background:#050909fa;border-bottom:1px solid #aaff2733}
 .hero{height:auto;min-height:0;padding-top:100px;padding-bottom:90px}
 .hero-inner{max-width:none;margin:0 6%}
 .market-sign{display:flex;position:relative;right:auto;bottom:auto;top:auto;margin:28px 6% 0 auto;width:max-content;transform-origin:center}
 .hero-foot{position:absolute}
 .token{grid-template-columns:96px 1fr}
 .token-main{grid-column:2}
 .token-feature{grid-column:1/-1;flex-direction:row;justify-content:flex-start;gap:14px;text-align:left;border-left:0;border-top:1px solid #39463d;min-height:0;padding:14px 4px}
 .token-feature span br{display:none}
 .contract{white-space:normal;align-items:flex-start}
 .contract>span:first-child{flex:none}
 .lower .why{padding:28px 6%}
}
@media(max-width:420px){.btn{flex:1 1 100%}.hero h1{font-size:64px}}

/* ---- Animations ---- */
.hero-inner>*{opacity:0;animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}
.hero-inner>*:nth-child(1){animation-delay:.05s}.hero-inner>*:nth-child(2){animation-delay:.15s}
.hero-inner>*:nth-child(3){animation-delay:.25s}.hero-inner>*:nth-child(4){animation-delay:.35s}
.hero-inner>*:nth-child(5){animation-delay:.45s}.hero-inner>*:nth-child(6){animation-delay:.55s}
.hero-inner>*:nth-child(7){animation-delay:.65s}.hero-inner>*:nth-child(8){animation-delay:.75s}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.slash{transform-origin:left;animation:slashin .9s .4s both cubic-bezier(.2,.7,.2,1)}
@keyframes slashin{from{transform:rotate(-8deg) skew(-35deg) scaleX(0)}to{transform:rotate(-8deg) skew(-35deg) scaleX(1)}}
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,#ffffff77,transparent);transform:skewX(-20deg);animation:shine 3.2s infinite;z-index:-1}
.chart:after{background:linear-gradient(100deg,transparent,#aaff2744,transparent)}
@keyframes shine{0%,55%{left:-70%}100%{left:140%}}
.btn b{transition:transform .25s}.btn:hover b{transform:translateX(5px) rotate(8deg)}
.btn:active{transform:scale(.97)}
.header nav a{position:relative;border-bottom:0!important;transition:color .2s}
.header nav a:after{content:"";position:absolute;left:0;bottom:2px;height:2px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.header nav a:hover:after,.header nav .active:after{transform:scaleX(1)}
.header nav a:hover{color:var(--lime)}
.head-social a,.socials a{transition:transform .2s,color .2s}.head-social a:hover,.socials a:hover{transform:translateY(-3px) scale(1.15);color:var(--lime)}
.token-feature b{animation:bob 2.6s ease-in-out infinite}
.token-feature:nth-of-type(3) b{animation-delay:.4s}.token-feature:nth-of-type(4) b{animation-delay:.8s}
@keyframes bob{50%{transform:translateY(-5px)}}
.hero-bg{animation:kenburns 22s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1.01)}to{transform:scale(1.09)}}
.hero-foot span:last-child{animation:nudge 1.6s ease-in-out infinite}
@keyframes nudge{50%{transform:translateY(4px)}}
.breaking b{animation:blink 1.4s steps(2,jump-none) infinite}
@keyframes blink{50%{background:#a30f0c}}
.ca-label{flex:none;font-weight:800;color:#aaff27}
.contract #contract{flex:1 1 auto;min-width:0}
@media(max-width:850px){
 .hero{flex-direction:column;align-items:flex-start;justify-content:center}
 .market-sign{margin:28px 6% 0;animation:none;transform:rotate(2deg);align-self:flex-start}
 .contract{display:flex;width:100%}
}

/* Header + section BUY NOW buttons */
.head-buy{min-width:0;padding:10px 18px;gap:10px;flex-shrink:0;font-size:11px}
.big-buy{min-width:230px;font-size:14px;padding:16px 26px;margin-top:30px}
@media(max-width:850px){
 .head-buy{order:2;padding:9px 13px;font-size:10px;margin-left:auto;margin-right:12px}
 .head-social{margin-left:0}
}
.head-buy{flex:0 0 auto!important;width:auto}
@media(max-width:420px){.big-buy{flex:0 0 auto}}

/* Buy button glow + food burst */
.buy{animation:buyglow 1.8s ease-in-out infinite,wiggle 5s ease-in-out infinite}
@keyframes buyglow{0%,100%{box-shadow:0 0 14px #aaff2766,0 0 0 0 #aaff2755}50%{box-shadow:0 0 34px #aaff27cc,0 0 0 9px #aaff2700}}
@keyframes wiggle{0%,88%,100%{rotate:0deg}91%{rotate:-2.5deg}94%{rotate:2.5deg}97%{rotate:-1.5deg}}
.buy:hover{animation-play-state:paused;box-shadow:0 0 40px #aaff27,0 0 70px #aaff2766}
.food{position:fixed;z-index:200;pointer-events:none;transform:translate(-50%,-50%);opacity:0;animation:pop 1.1s var(--d,0s) cubic-bezier(.15,.75,.3,1) forwards;filter:drop-shadow(0 3px 6px #000a)}
@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}15%{opacity:1}
 60%{opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.25) rotate(var(--r))}
 100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 70px)) scale(.9) rotate(var(--r))}}
.buy-ring{position:fixed;z-index:199;pointer-events:none;width:20px;height:20px;border:3px solid #aaff27;border-radius:50%;transform:translate(-50%,-50%);animation:ring .7s ease-out forwards}
@keyframes ring{to{width:260px;height:260px;opacity:0;border-width:1px}}

/* Coin image in buy buttons + showcase */
.btn-coin{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid #12200a;flex:none;box-shadow:0 0 8px #0006}
.head-buy .btn-coin{width:20px;height:20px}
.buy:hover .btn-coin{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.buy-showcase{max-width:780px;margin:34px auto 0;border-radius:18px;overflow:hidden;border:2px solid var(--lime);box-shadow:0 0 36px #aaff2755;animation:buyglow 2.4s ease-in-out infinite}
.buy-showcase img{display:block;width:100%;height:auto}
.food img{width:1.5em;height:1.5em;border-radius:50%;display:block;border:2px solid #aaff27}
.coin img{object-position:center}