/* =========================================================
   PredictInu — Community meme token
   Palette and core tokens
   ========================================================= */
:root{
  --bg:#08051a;--bg-soft:#100824;--panel:#160d32;--panel-2:#211044;
  --text:#fff8e7;--muted:#b9a7ce;--line:rgba(245,196,81,.17);
  --lime:#f5c451;--cyan:#e1c4ff;--purple:#8d4bdb;--pink:#d985ff;
  --gradient:linear-gradient(120deg,#f9d878,#f2b92e 44%,#c995ff);
  --radius:22px;--max:1240px;--shadow:0 24px 70px rgba(0,0,0,.42);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}::selection{background:var(--lime);color:#111}
.ambient{position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.15}.ambient-one{width:620px;height:620px;background:var(--purple);right:-320px;top:10vh}.ambient-two{width:460px;height:460px;background:var(--cyan);left:-300px;top:60vh}
.section{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:120px 0}.section-label{font:500 .75rem/1.2 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--lime);margin-bottom:24px}

/* Navigation */
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,10,18,.76);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.nav-shell{max-width:1380px;height:82px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;position:relative;background:var(--gradient);box-shadow:0 0 28px rgba(216,255,79,.18)}.brand-mark:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#090d19}.brand-mark span{position:relative;z-index:1;font-weight:800;color:var(--lime)}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:.9rem;letter-spacing:.06em}.brand-copy small{font:500 .52rem/1 "DM Mono",monospace;color:var(--muted);letter-spacing:.1em;margin-top:6px}.main-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto}.main-nav a{font-size:.78rem;font-weight:700;color:#c6cede;transition:.25s}.main-nav a:hover{color:var(--lime)}.nav-actions{display:flex;gap:9px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:transform .25s,box-shadow .25s,background .25s,color .25s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:#111506;box-shadow:0 0 0 rgba(216,255,79,0)}.button-primary:hover{box-shadow:0 0 30px rgba(216,255,79,.24)}.button-ghost{border-color:var(--line);background:rgba(255,255,255,.035)}.button-ghost:hover,.button-outline:hover{border-color:rgba(216,255,79,.6);color:var(--lime)}.button-outline{border-color:rgba(255,255,255,.2);background:transparent}.button-large{min-height:56px;padding:0 28px}

/* Hero */
.hero{min-height:calc(100vh - 82px);display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:80px;padding-bottom:70px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:70px;align-items:center}.badge{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);font:500 .67rem "DM Mono",monospace;letter-spacing:.12em;color:#c9d2e5}.badge span{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 13px var(--lime)}.hero h1{font-size:clamp(4.1rem,7.4vw,7.6rem);line-height:.88;letter-spacing:-.075em;text-transform:uppercase;margin:30px 0}.hero h1 em,.section-intro h2 span,.split-intro h2 span,.community h2 span{font-style:normal;color:transparent;background:var(--gradient);-webkit-background-clip:text;background-clip:text}.hero-text{max-width:670px;color:#aeb8cc;font-size:1.05rem}.hero-actions{display:flex;gap:12px;margin:32px 0}.hero-contract{max-width:520px;padding:15px 16px 15px 18px;border:1px solid var(--line);border-radius:14px;background:#0b101d;display:flex;align-items:center;justify-content:space-between}.hero-contract div{display:grid}.hero-contract span{font:500 .6rem "DM Mono",monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.hero-contract strong{font:500 .9rem "DM Mono",monospace;margin-top:3px}.hero-contract a{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--lime)}.micro-note{max-width:520px;margin:8px 0 0;color:#6f7a90;font-size:.66rem}
.coin-stage{height:560px;position:relative;display:grid;place-items:center;isolation:isolate}.coin-stage:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(98,220,255,.17),transparent 68%);filter:blur(4px)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.orbit-one{width:430px;height:430px;animation:spin 28s linear infinite}.orbit-two{width:520px;height:260px;transform:rotate(-22deg);border-color:rgba(216,255,79,.17);animation:orbitTilt 12s ease-in-out infinite}.orbit-one:after,.orbit-two:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}.orbit-one:after{right:26px;top:88px}.orbit-two:after{left:84px;bottom:18px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.token{width:292px;aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#f4ffc3 0%,#d8ff4f 30%,#5db98a 75%,#173c44 100%);box-shadow:0 0 0 8px #263940,0 0 0 11px rgba(216,255,79,.35),0 36px 80px rgba(0,0,0,.65),0 0 90px rgba(216,255,79,.14);animation:float 5.2s ease-in-out infinite}.token-rim{position:absolute;inset:13px;border:2px dashed rgba(9,15,20,.4);border-radius:50%;animation:spin 34s linear infinite reverse}.token-face{width:205px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 35% 25%,#ebff91,#b9ee39 55%,#72a924);border:1px solid rgba(255,255,255,.6);color:#10180a;text-shadow:0 1px 0 rgba(255,255,255,.4)}.token-v{font-size:6rem;font-weight:800;line-height:.8;letter-spacing:-.12em}.token-face small{font:500 .58rem "DM Mono",monospace;letter-spacing:.2em;margin-top:16px}.token-shadow{position:absolute;width:260px;height:48px;bottom:74px;background:radial-gradient(ellipse,rgba(0,0,0,.68),transparent 68%);filter:blur(7px);animation:shadowPulse 5.2s ease-in-out infinite}.float-tag{position:absolute;z-index:3;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(15,21,39,.8);backdrop-filter:blur(10px);font:500 .72rem "DM Mono",monospace;box-shadow:var(--shadow);animation:tagFloat 4.2s ease-in-out infinite}.float-tag span{color:var(--cyan);margin-right:7px}.tag-eth{right:2%;top:23%}.tag-community{left:3%;bottom:25%;animation-delay:-1.5s}.particle{position:absolute;border:1px solid rgba(216,255,79,.5);transform:rotate(45deg);animation:particleFloat 6s ease-in-out infinite}.particle-one{width:17px;height:17px;left:18%;top:18%}.particle-two{width:9px;height:9px;right:12%;bottom:24%;animation-delay:-2s}.particle-three{width:13px;height:13px;right:17%;top:13%;border-radius:50%;border-color:var(--purple);animation-delay:-3.5s}.scroll-cue{position:absolute;left:0;bottom:22px;display:flex;align-items:center;gap:14px;font:500 .6rem "DM Mono",monospace;color:#6f7a90;letter-spacing:.12em}.scroll-cue i{display:block;width:68px;height:1px;background:linear-gradient(90deg,var(--lime),transparent)}
@keyframes float{50%{transform:translateY(-18px) rotate(2deg)}}@keyframes shadowPulse{50%{transform:scale(.84);opacity:.55}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbitTilt{50%{transform:rotate(-16deg) scale(1.03)}}@keyframes tagFloat{50%{transform:translateY(-12px)}}@keyframes particleFloat{50%{transform:translateY(-18px) rotate(135deg)}}

/* Stats and section introductions */
.stats{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;background:linear-gradient(100deg,rgba(216,255,79,.05),rgba(98,220,255,.035));overflow:hidden}.stat{padding:30px 24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.04em}.stat span{font:500 .62rem "DM Mono",monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.12em}
.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:55px}.section-intro h2,.split-intro h2{font-size:clamp(3rem,6vw,6.4rem);line-height:.9;letter-spacing:-.065em;text-transform:uppercase;margin-bottom:0}.section-intro>p{max-width:450px;color:var(--muted)}.split-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:58px}.intro-copy p{color:var(--muted)}.intro-copy p:last-child{margin-bottom:0}

/* About cards */
.about{padding-top:150px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{min-height:280px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));position:relative;transition:.3s;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:auto -80px -100px auto;width:180px;height:180px;border-radius:50%;background:rgba(216,255,79,.06);filter:blur(15px)}.feature-card:hover{transform:translateY(-8px);border-color:rgba(216,255,79,.35);background:linear-gradient(145deg,rgba(216,255,79,.07),rgba(255,255,255,.02))}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;color:var(--lime);font-size:1.3rem;margin-bottom:44px}.feature-card>span{position:absolute;right:22px;top:24px;font:500 .65rem "DM Mono",monospace;color:#536077}.feature-card h3{font-size:1.08rem}.feature-card p{font-size:.82rem;color:var(--muted);margin-bottom:0}

/* Tokenomics */
.tokenomics{width:100%;max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2));background:linear-gradient(180deg,transparent,rgba(98,220,255,.035),transparent)}.tokenomics-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.donut-wrap{text-align:center}.donut{width:min(420px,90vw);aspect-ratio:1;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) 0 40%,var(--cyan) 40% 65%,var(--purple) 65% 80%,var(--pink) 80% 90%,#ffb65e 90% 95%,#64efa9 95%);position:relative;filter:drop-shadow(0 30px 42px rgba(0,0,0,.4));animation:donutGlow 5s ease-in-out infinite}.donut:before{content:"";position:absolute;inset:20px;border-radius:50%;border:1px solid rgba(255,255,255,.28)}.donut-core{width:62%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;background:#090e1a;border:1px solid var(--line);box-shadow:inset 0 0 50px rgba(98,220,255,.06)}.donut-core small,.donut-core span{font:500 .65rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.donut-core strong{font-size:5rem;line-height:1;letter-spacing:-.08em;margin:10px 0}.donut-note{font:500 .65rem "DM Mono",monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:20px}.donut-note span{color:var(--lime);margin:0 8px}@keyframes donutGlow{50%{filter:drop-shadow(0 30px 55px rgba(98,220,255,.2))}}
.token-facts{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:18px}.token-facts div{padding:18px 20px;border-bottom:1px solid var(--line)}.token-facts div:nth-child(odd){border-right:1px solid var(--line)}.token-facts div:nth-last-child(-n+2){border-bottom:0}.token-facts span{display:block;font:500 .6rem "DM Mono",monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.token-facts strong{display:block;margin-top:5px;font-size:.92rem}.allocation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.allocation-grid article{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);position:relative;overflow:hidden}.allocation-grid article span{font-size:1.85rem;font-weight:800;color:var(--accent)}.allocation-grid article h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;margin:2px 0 16px}.allocation-grid article i{display:block;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}

/* Contract callout */
.contract-section{padding-top:55px;padding-bottom:55px}.contract-card{min-height:390px;display:grid;grid-template-columns:.4fr 1fr;align-items:center;gap:55px;padding:55px;border-radius:32px;border:1px solid rgba(216,255,79,.22);background:radial-gradient(circle at 12% 50%,rgba(216,255,79,.15),transparent 30%),linear-gradient(125deg,#111a24,#0d1425 62%,#111631);position:relative;overflow:hidden;box-shadow:var(--shadow)}.contract-card:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(98,220,255,.16);border-radius:50%;right:-180px;top:-180px}.contract-orb{width:240px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:7rem;font-weight:800;color:#101806;background:var(--gradient);box-shadow:0 0 0 12px rgba(216,255,79,.05),0 0 80px rgba(216,255,79,.12);transform:rotate(-8deg)}.contract-content{position:relative;z-index:1}.contract-content h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:1;text-transform:uppercase;letter-spacing:-.06em;margin-bottom:28px}.address-box{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 18px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.25)}.address-box code{font:500 clamp(.65rem,1.2vw,.88rem) "DM Mono",monospace;word-break:break-all}.address-box span{flex-shrink:0;padding:9px 12px;border-radius:999px;background:var(--lime);color:#101506;font-size:.62rem;font-weight:800;text-transform:uppercase}.contract-content p{color:var(--muted);font-size:.75rem;margin:16px 0 0}.contract-content p strong{color:#fff}

/* How to buy */
.how-to{padding-top:145px}.steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.steps:before{content:"";position:absolute;left:12%;right:12%;top:43px;height:1px;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--purple),var(--pink));opacity:.45}.steps article{padding:0 28px;position:relative;border-right:1px solid var(--line)}.steps article:first-child{padding-left:0}.steps article:last-child{border:0;padding-right:0}.step-top{height:86px;display:flex;align-items:flex-start;justify-content:space-between}.step-top span{font:500 .65rem "DM Mono",monospace;color:var(--muted)}.step-top i{width:55px;height:55px;display:grid;place-items:center;font-style:normal;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--lime);position:relative;z-index:2}.steps h3{font-size:1.05rem}.steps p{color:var(--muted);font-size:.78rem;margin:0}

/* Roadmap */
.roadmap{width:100%;max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2));background:#090d18;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.phase{min-height:380px;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));transition:.3s}.phase:hover{transform:translateY(-6px);border-color:rgba(98,220,255,.28)}.phase.active{background:linear-gradient(160deg,rgba(216,255,79,.13),rgba(255,255,255,.02));border-color:rgba(216,255,79,.3)}.phase-head{display:flex;justify-content:space-between;font:500 .6rem "DM Mono",monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.phase-head b{color:var(--lime);font-weight:500}.phase h3{font-size:2rem;letter-spacing:-.04em;margin:74px 0 28px}.phase ul{list-style:none;margin:0;padding:0}.phase li{font-size:.76rem;color:var(--muted);padding:8px 0;border-top:1px solid var(--line)}.phase li:before{content:"↗";color:var(--lime);margin-right:9px}

/* Community */
.community{padding-top:150px}.community-card{min-height:500px;padding:70px;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;border:1px solid rgba(98,220,255,.2);border-radius:34px;background:radial-gradient(circle at 5% 10%,rgba(155,140,255,.2),transparent 30%),radial-gradient(circle at 95% 90%,rgba(98,220,255,.14),transparent 35%),#0d1325;position:relative;overflow:hidden}.community-card:before{content:"V";position:absolute;right:43%;top:-120px;font-size:34rem;font-weight:800;line-height:1;color:rgba(255,255,255,.018);transform:rotate(-8deg)}.community-copy,.social-actions{position:relative;z-index:1}.community h2{font-size:clamp(3.4rem,6vw,6.5rem);line-height:.88;text-transform:uppercase;letter-spacing:-.07em;margin-bottom:28px}.community-copy p{max-width:560px;color:var(--muted)}.social-actions{display:grid;gap:10px}.social-actions a{min-height:78px;padding:0 20px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035);transition:.25s}.social-actions a:hover{transform:translateX(7px);border-color:rgba(216,255,79,.35);background:rgba(216,255,79,.06)}.social-actions i{width:40px;height:40px;display:grid;place-items:center;font-style:normal;border-radius:50%;background:rgba(255,255,255,.06);color:var(--lime)}.social-actions span{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.social-actions b{font-weight:400;color:var(--muted)}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-grid article{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:26px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);transition:.3s}.faq-grid article:hover{border-color:rgba(216,255,79,.25);background:rgba(216,255,79,.035)}.faq-grid>article>span{font:500 .65rem "DM Mono",monospace;color:var(--lime)}.faq-grid h3{font-size:.98rem;margin-bottom:10px}.faq-grid p{font-size:.78rem;color:var(--muted);margin:0}

/* Footer */
.footer{padding:75px max(24px,calc((100vw - var(--max))/2)) 28px;border-top:1px solid var(--line);background:#05070c}.footer-top{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.footer-brand p{max-width:330px;color:var(--muted);font-size:.78rem;margin-top:22px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links h3{font:500 .6rem "DM Mono",monospace;color:#68758c;text-transform:uppercase;letter-spacing:.12em}.footer-links a{display:block;font-size:.76rem;color:#b8c1d2;margin:10px 0;transition:.2s}.footer-links a:hover{color:var(--lime)}.footer-contract{margin-top:55px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:30px}.footer-contract span{font:500 .6rem "DM Mono",monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.1em}.footer-contract code{font:500 .68rem "DM Mono",monospace;word-break:break-all}.disclaimer{max-width:950px;color:#586276;font-size:.65rem;margin:24px 0 45px}.footer-bottom{display:flex;justify-content:space-between;color:#596377;font:500 .58rem "DM Mono",monospace;letter-spacing:.08em}

/* Responsive navigation and layouts */
@media (max-width:1100px){
  .main-nav{gap:15px}.main-nav a{font-size:.68rem}.nav-actions .button-ghost{display:none}
  .hero-grid{grid-template-columns:1fr .8fr;gap:30px}.coin-stage{transform:scale(.85)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}.tokenomics-layout{gap:35px}.timeline{grid-template-columns:repeat(2,1fr)}.phase{min-height:330px}.community-card{padding:50px;gap:40px}
}
@media (max-width:820px){
  html{scroll-padding-top:145px}.site-header{position:sticky}.nav-shell{height:auto;min-height:72px;display:grid;grid-template-columns:1fr auto;padding:12px 18px;gap:10px}.main-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:9px 0 2px;border-top:1px solid var(--line);scrollbar-width:none}.nav-actions{grid-column:2;grid-row:1}.nav-actions .button{min-height:38px;padding:0 13px;font-size:.6rem}
  .section{width:min(100% - 32px,var(--max));padding:90px 0}.hero{min-height:auto;padding-top:70px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.badge{margin:auto}.hero h1{font-size:clamp(3.7rem,14vw,6rem)}.hero-text,.hero-contract,.micro-note{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.coin-stage{height:500px;transform:scale(.9)}.scroll-cue{display:none}
  .stats{margin:0 16px;grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid var(--line)}.stat:nth-child(2n){border-right:0}.stat:last-child{grid-column:1/-1}
  .section-intro,.split-intro{display:block}.section-intro h2,.split-intro h2{font-size:clamp(2.8rem,10vw,5rem);margin-bottom:28px}.intro-copy{max-width:600px}.feature-grid{grid-template-columns:repeat(2,1fr)}
  .tokenomics{padding-left:16px;padding-right:16px}.tokenomics-layout{grid-template-columns:1fr}.donut{width:min(360px,82vw)}.contract-card{grid-template-columns:1fr;text-align:center;padding:45px 26px}.contract-orb{width:180px;margin:auto}.address-box{text-align:left}
  .steps{grid-template-columns:repeat(2,1fr);gap:36px 0}.steps:before{display:none}.steps article:nth-child(2){border-right:0}.timeline{grid-template-columns:repeat(2,1fr)}.roadmap{padding-left:16px;padding-right:16px}.community-card{grid-template-columns:1fr;padding:44px 28px}.faq-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:45px}
}
@media (max-width:520px){
  .brand-copy small{display:none}.brand-mark{width:38px;height:38px}.nav-actions .button{padding:0 11px}.nav-shell{padding-left:14px;padding-right:14px}.main-nav{gap:18px}
  .section{width:calc(100% - 28px);padding:76px 0}.hero{padding-top:54px}.hero h1{font-size:3.55rem}.hero-text{font-size:.9rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-contract{align-items:flex-start;text-align:left;gap:14px}.hero-contract strong{font-size:.75rem}.hero-contract a{margin-top:4px}.coin-stage{height:400px;transform:scale(.72);margin:-30px -60px}.token{width:275px}.orbit-one{width:405px;height:405px}.orbit-two{width:485px}.float-tag{font-size:.65rem}
  .stats{grid-template-columns:1fr}.stat,.stat:nth-child(2n){border-right:0}.stat:last-child{grid-column:auto}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:235px}.feature-icon{margin-bottom:28px}.allocation-grid{grid-template-columns:repeat(2,1fr)}.token-facts{grid-template-columns:1fr}.token-facts div,.token-facts div:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)}.token-facts div:nth-last-child(2){border-bottom:1px solid var(--line)}
  .contract-card{border-radius:22px}.contract-orb{width:145px;font-size:5rem}.address-box{display:block}.address-box span{display:inline-block;margin-top:14px}.steps{grid-template-columns:1fr;gap:0}.steps article,.steps article:first-child,.steps article:last-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.step-top{height:65px}.timeline{grid-template-columns:1fr}.phase{min-height:310px}.community-card{padding:36px 20px;border-radius:22px}.community h2{font-size:3.2rem}.social-actions a{grid-template-columns:42px 1fr auto;padding:0 14px}.faq-grid article{padding:20px}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-contract,.footer-bottom{display:block}.footer-contract code{display:block;margin-top:10px}.footer-bottom span{display:block;margin-top:8px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.token,.token-shadow,.orbit,.particle,.float-tag,.donut{animation:none!important}.button,.feature-card,.phase,.social-actions a{transition:none}}

/* PredictInu brand integration */
body{background:#08051a;background-image:radial-gradient(circle at 78% 8%,rgba(109,54,200,.22),transparent 31%),radial-gradient(circle at 10% 48%,rgba(79,27,137,.16),transparent 27%),linear-gradient(180deg,#08051a,#100624 55%,#070313);background-attachment:fixed}
.site-header{background:rgba(8,5,26,.82)}
.brand-mark{width:48px;height:48px;background:transparent;box-shadow:0 0 28px rgba(141,75,219,.3)}
.brand-mark:before{display:none}.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:50%}.brand-copy strong{color:#f8d36d}.main-nav a{color:#d7c9e8}
.button-primary{background:linear-gradient(120deg,#f8d36d,#eeb227);color:#241105}.button-primary:hover{box-shadow:0 0 34px rgba(245,196,81,.3)}
.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:44px}.hero h1{font-size:clamp(3.7rem,6.4vw,6.8rem)}
.hero-contract{background:#100824}.hero-text{color:#c8b8d7}.badge{border-color:rgba(245,196,81,.25);background:rgba(45,20,82,.42)}
.banner-visual{min-height:560px;position:relative;border-radius:30px;overflow:hidden;border:1px solid rgba(245,196,81,.25);box-shadow:0 34px 90px rgba(0,0,0,.56),0 0 55px rgba(109,54,200,.13);isolation:isolate}
.banner-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,5,26,.28),transparent 42%),linear-gradient(0deg,rgba(8,5,26,.5),transparent 35%);pointer-events:none}
.banner-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;transition:transform .8s ease}.banner-visual:hover .banner-art{transform:scale(1.025)}
.banner-logo{position:absolute;z-index:2;left:28px;bottom:28px;width:126px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.55));animation:logoFloat 4.8s ease-in-out infinite}
.banner-chip{position:absolute;z-index:3;right:22px;bottom:24px;padding:10px 13px;border:1px solid rgba(245,196,81,.25);border-radius:999px;background:rgba(8,5,26,.72);backdrop-filter:blur(12px);font:500 .6rem "DM Mono",monospace;letter-spacing:.08em}.banner-chip span{color:#f5c451}
@keyframes logoFloat{50%{transform:translateY(-9px) rotate(2deg)}}
.stats{background:linear-gradient(100deg,rgba(245,196,81,.07),rgba(141,75,219,.075))}
.feature-card:before{background:rgba(141,75,219,.1)}.tokenomics{background:linear-gradient(180deg,transparent,rgba(109,54,200,.055),transparent)}
.donut-core{background:#0c061d}.contract-card{border-color:rgba(245,196,81,.27);background:radial-gradient(circle at 12% 50%,rgba(109,54,200,.22),transparent 32%),linear-gradient(125deg,#170c31,#0b071d 62%,#211043)}
.contract-orb{background:transparent;box-shadow:0 0 80px rgba(141,75,219,.24)}.contract-orb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(0,0,0,.35))}
.roadmap{background:#0b061a}.community-card{background:radial-gradient(circle at 5% 10%,rgba(141,75,219,.24),transparent 30%),radial-gradient(circle at 95% 90%,rgba(245,196,81,.1),transparent 35%),#100824;border-color:rgba(245,196,81,.2)}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr 1fr}.banner-visual{min-height:500px}}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.banner-visual{min-height:520px}.banner-logo{width:110px}}
@media(max-width:520px){.brand-mark{width:42px;height:42px}.hero h1{font-size:3.15rem}.banner-visual{min-height:410px;border-radius:20px}.banner-art{object-position:67% center}.banner-logo{width:88px;left:16px;bottom:16px}.banner-chip{right:12px;bottom:14px;font-size:.52rem}.contract-orb{width:160px}}

/* Direct trading destinations */
.coming-soon-box code{color:#f5c451;font-size:1.1rem;letter-spacing:.02em}.coming-soon-box span{background:rgba(245,196,81,.16);color:#f5c451;border:1px solid rgba(245,196,81,.3)}
.social-actions{max-width:460px;width:100%;margin-left:auto}

/* Keep the prelaunch presentation understated and easy to scan. */
.hero h1{font-size:clamp(3.25rem,5.5vw,5.4rem);line-height:.98;text-transform:none;letter-spacing:-.065em}
.community{padding-top:100px}
.community-card{min-height:300px;padding:44px;grid-template-columns:1.1fr .9fr;gap:48px;border-radius:22px;background:#100b1c;border-color:rgba(255,255,255,.09);box-shadow:none}
.community-card:before{display:none}
.community h2{font-size:clamp(2.5rem,4vw,4.2rem);line-height:.98;text-transform:none;letter-spacing:-.055em;margin-bottom:18px}
.community-copy p{max-width:430px}
.social-actions a{min-height:62px}
.buy-app small{color:#f5c451}
@media(max-width:520px){.hero h1{font-size:3rem}.community-card{min-height:0;padding:26px;gap:26px}.community h2{font-size:2.7rem}}
.mascot-card{margin-top:22px;min-height:300px;padding:30px 38px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;overflow:hidden;border:1px solid rgba(245,196,81,.14);border-radius:20px;background:radial-gradient(circle at 78% 50%,rgba(108,48,175,.14),transparent 35%),#0e0919}
.mascot-copy{position:relative;z-index:1;max-width:550px}.mascot-copy h3{margin:12px 0;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1;letter-spacing:-.05em}.mascot-copy h3 span{color:#f5c451}.mascot-copy p{max-width:460px;margin:0;color:var(--muted);font-size:.9rem}
.mascot-art{height:310px;display:grid;place-items:center;align-self:end}.mascot-art img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 28px rgba(130,73,255,.22))}
@media(max-width:700px){.mascot-card{grid-template-columns:1fr;padding:24px 22px 0;gap:8px;text-align:center}.mascot-copy{margin:auto}.mascot-art{height:min(76vw,340px);margin:0 auto}}
.mascot-hero{min-height:600px;background:radial-gradient(ellipse at 50% 72%,rgba(111,49,176,.32),transparent 52%),radial-gradient(ellipse at 52% 100%,rgba(245,196,81,.09),transparent 58%),#0c0716;border-color:rgba(245,196,81,.2);perspective:1100px}
.mascot-hero:after{background:linear-gradient(180deg,rgba(8,5,26,.02),rgba(8,5,26,.08) 70%,rgba(8,5,26,.5))}
.banner-mascot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 35px rgba(119,65,183,.25));transform:rotateY(0deg);transform-origin:center center;transition:transform .68s cubic-bezier(.2,.8,.2,1);animation:mascotRise .9s ease-out both}
.mascot-hero:has(#mascot-no:checked) .banner-mascot{transform:rotateY(180deg) scale(.96)}
.mascot-hero-label{position:absolute;z-index:2;left:22px;bottom:20px;padding:9px 12px;border:1px solid rgba(245,196,81,.2);border-radius:999px;background:rgba(10,6,20,.74);backdrop-filter:blur(9px);font:500 .58rem "DM Mono",monospace;letter-spacing:.1em;color:#eee6ff}
.mascot-hero-label span{display:inline-block;width:6px;height:6px;margin-right:7px;vertical-align:1px;border-radius:50%;background:#f5c451}
@keyframes mascotRise{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.mascot-hero{min-height:540px}}
@media(max-width:820px){.mascot-hero{min-height:560px}}
@media(max-width:520px){.mascot-hero{min-height:460px}.mascot-hero-label{left:14px;bottom:14px;font-size:.52rem}}

/* PredictInu mascot and community accents */
.hero-subline{margin:-16px 0 8px;color:#e6d4fa;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:700;letter-spacing:-.03em}
.hero-text{color:#c8b8d7}
.mascot-votes{position:absolute;z-index:2;top:22px;right:22px;width:88px;height:34px;margin:0;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:999px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-items:center;background:rgba(12,8,21,.82);backdrop-filter:blur(10px);font:700 .58rem "DM Mono",monospace;letter-spacing:.1em}
.mascot-votes legend{padding:0}
.vote-input{position:absolute;width:1px;height:1px;opacity:0}
.vote-indicator{position:absolute;z-index:0;top:3px;left:3px;width:calc((100% - 10px)/2);height:26px;border-radius:999px;background:#8ae3a8;box-shadow:0 0 18px rgba(138,227,168,.22);transition:transform .32s cubic-bezier(.2,.8,.2,1),background-color .24s,box-shadow .24s}
#mascot-no:checked~.vote-indicator{transform:translateX(calc(100% + 4px));background:#e9879c;box-shadow:0 0 18px rgba(233,135,156,.2)}
.mascot-votes label{position:relative;z-index:1;height:26px;display:grid;place-items:center;border-radius:999px;color:#9b93a9;cursor:pointer;transition:color .2s,transform .2s}
.mascot-votes label:active{transform:scale(.92)}
#mascot-yes:checked~.vote-yes{color:#14251a}
#mascot-no:checked~.vote-no{color:#2a1119}
#mascot-yes:focus-visible~.vote-yes,#mascot-no:focus-visible~.vote-no{outline:2px solid #fff;outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.community-note{min-height:62px;padding:0 20px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035)}
.community-note i{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(245,196,81,.1);color:var(--lime);font-style:normal}
.community-note span,.footer-coming-soon{font-size:.75rem;color:#c8b8d7}
.footer-coming-soon{display:block;margin:10px 0;color:#bba9d0}
@media(max-width:520px){.mascot-votes{top:14px;right:14px}.hero-subline{margin-top:-8px;font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.vote-indicator,.mascot-votes label,.banner-mascot{transition:none}}

/* Keep the Tokenomics heading and its supporting copy together. */
.tokenomics .section-intro{display:grid;grid-template-columns:minmax(0,1fr);justify-content:start;align-items:start;gap:16px;max-width:780px;margin-bottom:44px}
.tokenomics .section-intro h2{margin:0;font-size:clamp(2.25rem,3.5vw,3.75rem);line-height:1.02;letter-spacing:-.045em;text-transform:none}
.tokenomics .section-intro>p{max-width:560px;margin:0;color:#c8b8d7;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.55}
.contract-content h2{text-transform:none}
.footer-contract span{text-transform:none}
