:root{--bg: #2E7FF2;--bg-light: #559AF8;--bg-deep: #1F63D6;--ink: #101820;--navy: #16345F;--card: #ffffff;--card-text: #14233c;--muted-on-blue: #d8e9ff;--muted-on-card: #5a6b85;--blue: #3E8EF7;--red: #E8415C;--pink: #F16087;--radius: 22px;--shadow: 6px 6px 0 rgba(16, 24, 32, .28);--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:radial-gradient(900px 520px at 90% -5%,var(--bg-light) 0%,transparent 60%),radial-gradient(700px 480px at -5% 30%,var(--bg-light) 0%,transparent 55%),radial-gradient(800px 500px at 50% 110%,var(--bg-deep) 0%,transparent 60%),var(--bg);color:#fff;line-height:1.6;overflow-x:hidden;min-height:100vh}.stars,.stars:after{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(140px 90px at 15% 20%,rgba(255,255,255,.1) 60%,transparent 61%),radial-gradient(200px 120px at 85% 65%,rgba(255,255,255,.08) 60%,transparent 61%),radial-gradient(3px 3px at 70% 20%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(2px 2px at 30% 60%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(2.5px 2.5px at 55% 85%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(2px 2px at 90% 35%,rgba(255,255,255,.6) 50%,transparent 51%);animation:drift 14s ease-in-out infinite alternate}.stars:after{content:"";transform:translate(40px,60px) scale(1.2);animation-delay:-7s;opacity:.6}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-24px)}}main,header,footer{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(20px,5vw,56px);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:3px solid rgba(16,24,32,.18)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;animation:bob 3.4s ease-in-out infinite}.brand-name{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:2.5px;color:var(--ink);text-shadow:2px 2px 0 rgba(255,255,255,.35)}.nav{display:flex;gap:26px}.nav a{color:#eaf3ff;text-decoration:none;font-family:var(--font-display);font-size:15px;font-weight:600;transition:color .2s}.nav a:hover{color:var(--ink)}.topbar-actions{display:flex;align-items:center;gap:14px}.icon-link{color:#fff;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;border:3px solid var(--ink);background:var(--navy);box-shadow:3px 3px #10182047;transition:transform .15s}.icon-link:hover{transform:translate(-1px,-2px)}.btn{font-family:var(--font-display);font-weight:600;font-size:15px;border:3px solid var(--ink);border-radius:999px;padding:10px 22px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;color:#fff;box-shadow:4px 4px #1018204d}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #1018204d}.btn-primary{background:var(--red)}.btn-primary:hover{transform:translate(-1px,-2px);box-shadow:6px 6px #1018204d}.btn-ghost{background:#fff;color:var(--ink)}.btn-ghost:hover{transform:translate(-1px,-2px);box-shadow:6px 6px #1018204d}.btn-lg{padding:15px 30px;font-size:17px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,60px);padding:clamp(30px,6vh,72px) clamp(20px,5vw,56px) 20px;max-width:1280px;margin:0 auto}.hero-kicker{font-family:var(--font-display);color:var(--ink);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:13.5px;margin-bottom:14px;background:#ffffff8c;display:inline-block;padding:5px 14px;border-radius:999px;border:2.5px solid var(--ink);box-shadow:3px 3px #10182038}.hero h1{font-family:var(--font-display);font-size:clamp(40px,5.4vw,66px);line-height:1.06;font-weight:700;letter-spacing:-.5px;color:#fff;text-shadow:3px 3px 0 rgba(16,24,32,.35)}.hero h1 em{font-style:normal;color:var(--ink);text-shadow:none}.hero h1 .accent{color:#fd6}.hero-sub{margin-top:22px;color:var(--muted-on-blue);font-size:17px;max-width:520px}.hero-sub strong{color:#fff;font-weight:600}.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.contract-pill{display:inline-flex;align-items:center;gap:10px;margin-top:24px;background:#fff;border:3px solid var(--ink);color:var(--card-text);border-radius:999px;padding:8px 16px;font-size:13px;cursor:pointer;transition:transform .15s;max-width:100%;box-shadow:4px 4px #10182040}.contract-pill:hover{transform:translate(-1px,-2px)}.contract-pill code{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-label{font-family:var(--font-display);font-weight:700;font-size:11px;background:var(--blue);color:#fff;border:2px solid var(--ink);border-radius:7px;padding:2px 7px}.contract-pill-top{margin-top:0;padding:6px 12px;box-shadow:3px 3px #10182040}.contract-pill-top code{font-size:11.5px}@media(max-width:1180px){.contract-pill-top{display:none}}.powered{margin-top:16px;font-size:13.5px;color:var(--muted-on-blue)}.powered .uni{color:#fd6;font-weight:700}.hero-stage{position:relative}.munchi-scene{width:100%;height:auto;display:block;overflow:visible}.munchi-bob{animation:bob 3.4s ease-in-out infinite;transform-origin:260px 320px}@keyframes bob{0%,to{transform:translateY(0) rotate(.4deg)}50%{transform:translateY(-14px) rotate(-.6deg)}}.m-mouth{animation:chomp 2.6s ease-in-out infinite;transform-origin:center 78%;transform-box:fill-box}@keyframes chomp{0%,26%,to{transform:scaleY(1)}8%{transform:scaleY(.3)}16%{transform:scaleY(.95)}20%{transform:scaleY(.4)}}.m-eye{animation:blink 4.8s infinite;transform-origin:center center;transform-box:fill-box}@keyframes blink{0%,91%,to{transform:scaleY(1)}93.5%,95.5%{transform:scaleY(.1)}}.m-hand-l{animation:grip 3.4s ease-in-out infinite}.m-hand-r{animation:grip 3.4s ease-in-out infinite reverse}@keyframes grip{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.coin{position:absolute;width:34px;height:30px;border-radius:50%;border:3px solid var(--ink);pointer-events:none;z-index:2;animation:coin-fly var(--dur, 2.2s) cubic-bezier(.45,.05,.6,1) forwards;opacity:0}.coin-red{background:var(--red);box-shadow:inset 0 -7px #b22646,0 4px 14px #1018204d}.coin-white{background:#fff;box-shadow:inset 0 -7px #b9d4fb,0 4px 14px #1018204d}@keyframes coin-fly{0%{opacity:0;transform:translate(0) scale(.6) rotate(0)}12%{opacity:1}78%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(1) rotate(var(--spin))}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.15) rotate(var(--spin))}}.chomp-burst{position:absolute;font-family:var(--font-display);font-weight:700;color:#fff;font-size:16px;letter-spacing:1px;text-shadow:2px 2px 0 var(--ink);pointer-events:none;z-index:3;animation:burst .9s ease-out forwards}@keyframes burst{0%{opacity:0;transform:translateY(6px) scale(.7) rotate(-4deg)}25%{opacity:1;transform:translateY(-6px) scale(1.15) rotate(3deg)}to{opacity:0;transform:translateY(-32px) scale(1) rotate(-2deg)}}.ticker{overflow:hidden;background:var(--ink);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:13px 0;margin-top:34px;transform:rotate(-.6deg) scale(1.01)}.ticker-track{display:flex;gap:28px;width:max-content;animation:marquee 26s linear infinite;font-family:var(--font-display);font-weight:600;font-size:14.5px;color:#fff;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.ticker-track i{color:var(--red);font-style:normal}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}section{padding:clamp(56px,9vh,96px) clamp(20px,5vw,56px);max-width:1280px;margin:0 auto}section h2{font-family:var(--font-display);font-size:clamp(30px,3.6vw,44px);font-weight:700;text-align:center;color:#fff;text-shadow:3px 3px 0 rgba(16,24,32,.35)}.squiggle{position:relative;display:inline-block}.squiggle:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='8' viewBox='0 0 80 8'%3E%3Cpath d='M0 4 Q10 0 20 4 T40 4 T60 4 T80 4' fill='none' stroke='%23101820' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;background-size:80px 8px}.section-sub{text-align:center;color:var(--muted-on-blue);margin-top:16px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.stat-card{background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);padding:26px 26px 22px;color:var(--card-text);box-shadow:var(--shadow);transition:transform .18s ease}.stat-card:hover{transform:translate(-2px,-4px) rotate(-.4deg)}.stat-hero-card{grid-column:span 2;background:linear-gradient(135deg,#fff 60%,#eaf3ff)}.stat-label{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-on-card)}.stat-value{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,2.6vw,34px);margin-top:8px;color:var(--card-text)}.stat-value small{font-size:.55em;color:var(--muted-on-card);font-weight:600}.stat-value-xl{font-size:clamp(40px,4.6vw,58px);color:var(--blue)}.stat-foot{margin-top:8px;font-size:13.5px;color:var(--muted-on-card)}.claim-card{grid-column:span 3}.claim-body{display:flex;align-items:center;gap:26px;margin-top:14px;flex-wrap:wrap}.claim-body.hidden{display:none}.claim-rows{flex:1;min-width:260px;display:grid;gap:8px}.claim-row{display:flex;justify-content:space-between;background:#eef5ff;border:2px solid rgba(16,24,32,.12);border-radius:12px;padding:10px 16px;font-size:14.5px}.claim-row strong{font-family:var(--font-display)}.claim-row.muted{opacity:.65}.claim-status{width:100%;font-size:13.5px;color:var(--blue);min-height:1em;font-weight:600}.story-art{display:flex;justify-content:center;margin-top:40px}.story-art img{width:min(380px,80vw);border-radius:28px;border:4px solid var(--ink);box-shadow:8px 8px #1018204d;transform:rotate(-2deg);transition:transform .25s ease}.story-art img:hover{transform:rotate(1deg) scale(1.03)}.story-beats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.beat{background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);padding:30px 26px;position:relative;overflow:hidden;color:var(--card-text);box-shadow:var(--shadow)}.beat-num{font-family:var(--font-display);font-weight:700;font-size:54px;position:absolute;top:6px;right:18px;color:#3e8ef72e}.beat h3{font-family:var(--font-display);font-size:20px;margin-bottom:10px}.beat p{color:var(--muted-on-card);font-size:15px}.how-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.how-card{background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);padding:30px 26px;text-align:center;color:var(--card-text);box-shadow:var(--shadow);transition:transform .18s ease}.how-card:hover{transform:translate(-2px,-4px) rotate(-.5deg)}.how-icon{font-size:40px;margin-bottom:14px;animation:bob 3.4s ease-in-out infinite;display:inline-block}.how-card:nth-child(2) .how-icon{animation-delay:-1.1s}.how-card:nth-child(3) .how-icon{animation-delay:-2.2s}.how-card h3{font-family:var(--font-display);font-size:20px;margin-bottom:10px}.how-card p{color:var(--muted-on-card);font-size:15px}.how-card em{color:var(--blue);font-style:normal;font-weight:700}.footer{background:var(--ink);border-top:3px solid var(--ink);margin-top:40px}.footer-inner{max-width:1280px;margin:0 auto;padding:44px clamp(20px,5vw,56px);display:grid;gap:22px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-name{font-family:var(--font-display);font-weight:700;letter-spacing:2px;color:#fff}.footer-tag{color:#9fb4d8;font-size:13.5px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{color:#9fb4d8;text-decoration:none;font-size:14px}.footer-links a:hover{color:#fff}.footer-note{color:#9fb4d8;opacity:.7;font-size:12.5px}@media(max-width:960px){.hero{grid-template-columns:1fr;text-align:center}.hero-sub{margin-inline:auto}.hero-actions{justify-content:center}.hero-stage{max-width:420px;margin:0 auto;order:-1}.nav{display:none}.stat-grid{grid-template-columns:1fr 1fr}.stat-hero-card,.claim-card{grid-column:span 2}.story-beats,.how-cards{grid-template-columns:1fr}}@media(max-width:560px){.stat-grid{grid-template-columns:1fr}.stat-hero-card,.claim-card{grid-column:span 1}.contract-pill code{max-width:180px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
