:root{--bg:#060606;--bg-2:#0d0d0f;--paper:#f6f2e7;--blue:#29abe2;--orange:#f15a24;--green:#7ac943;--pink:#f272b6;--red:#ed1c24;--yellow:#ffd400;--ink:#0d0d0d;--text:#e8e6df;--muted:#9b978c;--font-card:"Baloo 2", "Arial Black", sans-serif;--font-body:"Space Grotesk", system-ui, sans-serif;--font-pixel:"Press Start 2P", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:999;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);position:fixed;inset:0}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.hidden{opacity:0;pointer-events:none}.nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060606d1;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.nav-logo{align-items:center;text-decoration:none;display:flex}.nav-logo img{width:auto;height:38px;transition:transform .15s}.nav-logo:hover img{transform:rotate(-2deg)scale(1.06)}.nav-links{gap:clamp(12px,3vw,32px);display:flex}.nav-links a{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--yellow)}.btn{font-family:var(--font-card);border:3px solid var(--ink);cursor:pointer;border-radius:14px;padding:14px 28px;font-size:17px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.btn-sm{border-radius:10px;padding:8px 18px;font-size:14px}.btn-primary{background:var(--yellow);color:var(--ink);box-shadow:0 5px #000,0 5px 18px #ffd40040}.btn-primary:hover{transform:translateY(-2px)rotate(-1deg);box-shadow:0 7px #000,0 8px 24px #ffd40059}.btn-ghost{color:var(--text);box-shadow:none;background:0 0;border-color:#ffffff40}.btn-ghost:hover{border-color:var(--pink);color:var(--pink);transform:translateY(-2px)rotate(1deg)}.hero{background:radial-gradient(ellipse 70% 45% at 50% 38%, #29abe217, transparent 70%), radial-gradient(ellipse 50% 35% at 30% 70%, #f272b60f, transparent 70%), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:clamp(24px,5vw,64px) 16px 72px;display:flex;position:relative;overflow:hidden}.hero-badge{font-family:var(--font-pixel);color:var(--muted);letter-spacing:1px;text-transform:uppercase;border:1px solid #ffffff24;border-radius:999px;margin-bottom:clamp(24px,4vh,48px);padding:8px 16px;font-size:10px}.letters-row{justify-content:center;align-items:flex-start;margin:0 0 clamp(20px,4vh,40px);display:flex}.letter-slot{position:relative}.letter-slot:first-child{z-index:5}.letter-slot:nth-child(2){z-index:4;margin-left:-14px}.letter-slot:nth-child(3){z-index:3;margin-left:-14px}.letter-slot:nth-child(4){z-index:6;margin-left:-14px}.letter-slot:nth-child(5){z-index:2;margin-left:-14px}.letter-bob{animation:4.5s ease-in-out infinite bob}.letter-slot:nth-child(2) .letter-bob{animation-delay:-.9s}.letter-slot:nth-child(3) .letter-bob{animation-delay:-1.8s}.letter-slot:nth-child(4) .letter-bob{animation-delay:-2.7s}.letter-slot:nth-child(5) .letter-bob{animation-delay:-3.6s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.letter-card{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;will-change:transform;filter:drop-shadow(0 14px 22px #0000008c);position:relative}.letter-card.grabbed{cursor:grabbing;z-index:50}.letter-card-inner{background:var(--card);border:clamp(4px,.6vw,7px) solid #000;border-radius:14% 10% 13% 9%/8% 12% 9% 13%;justify-content:center;align-items:center;width:clamp(72px,13vw,170px);height:clamp(104px,19vw,248px);display:flex;position:relative;overflow:hidden}.letter-gloss{background:#ffffffd9;border-radius:999px;width:34%;height:13%;position:absolute;top:6%;left:7%;transform:rotate(-12deg)}.letter-char{font-family:var(--font-card);color:var(--ink);-webkit-text-stroke:clamp(3px, .5vw, 6px) #000;paint-order:stroke fill;font-size:clamp(64px,12vw,158px);font-weight:800;line-height:1;transform:translateY(2%)}.hero-hint{font-family:var(--font-pixel);color:var(--muted);margin-bottom:8px;font-size:10px;transition:opacity .3s}.reset-btn{font-family:var(--font-pixel);color:var(--yellow);cursor:pointer;background:0 0;border:1px dashed #ffd40080;border-radius:999px;margin-bottom:8px;padding:8px 16px;font-size:10px;transition:opacity .3s,background .15s}.reset-btn:hover{background:#ffd4001a}.hero-sub{color:var(--muted);text-align:center;max-width:560px;margin:14px 0 28px;font-size:clamp(16px,2.2vw,21px)}.hero-sub b{color:var(--yellow)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.ca-box{background:var(--bg-2);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;margin-top:30px;padding:12px 18px;font-size:14px;display:flex}.ca-label{font-family:var(--font-pixel);color:var(--green);border:1px solid #7ac94366;border-radius:6px;padding:4px 8px;font-size:10px}.ca-value{color:var(--muted);font-family:monospace}.section{max-width:1080px;margin:0 auto;padding:clamp(64px,10vw,120px) 20px}.section-head{text-align:center;margin-bottom:clamp(40px,6vw,64px)}.section-sub{color:var(--muted);margin-top:22px;font-size:16px}.ransom-word{flex-wrap:wrap;justify-content:center;gap:6px;display:inline-flex}.ransom-space{width:18px}.ransom-chip{background:var(--card);color:var(--ink);font-family:var(--font-card);min-width:clamp(38px,6vw,60px);transform:rotate(var(--rot));-webkit-text-stroke:2px #000;paint-order:stroke fill;text-transform:uppercase;border:3px solid #000;border-radius:22% 14% 20% 12%/14% 20% 12% 22%;justify-content:center;align-items:center;padding:clamp(8px,1.4vw,14px) clamp(8px,1.2vw,12px);font-size:clamp(26px,4.5vw,44px);font-weight:800;line-height:1;transition:transform .15s;display:inline-flex;box-shadow:0 5px 12px #00000073}.ransom-chip:hover{transform:rotate(calc(var(--rot) * -1)) scale(1.12)}.timeline{flex-direction:column;gap:22px;max-width:720px;margin:0 auto;padding-left:24px;display:flex;position:relative}.timeline:before{content:"";background:repeating-linear-gradient(#fff3 0 8px,#0000 8px 16px);width:3px;position:absolute;top:10px;bottom:10px;left:4px}.timeline-item{position:relative}.timeline-item:before{content:"";background:var(--yellow);border:2px solid #000;border-radius:50%;width:11px;height:11px;position:absolute;top:8px;left:-26px}.timeline-year{font-family:var(--font-pixel);color:var(--green);margin-bottom:8px;font-size:11px}.timeline-card{background:var(--bg-2);border:1px solid #ffffff17;border-radius:16px;padding:22px 24px;transition:transform .15s,border-color .15s}.timeline-card:hover{border-color:#ffd40059;transform:translate(6px)rotate(-.4deg)}.timeline-card h3{font-family:var(--font-card);color:var(--paper);margin-bottom:8px;font-size:20px}.timeline-card p{color:var(--muted);font-size:15px;line-height:1.65}.fine-print{text-align:center;color:#9b978c8c;margin-top:28px;font-size:12px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.stat-card{background:var(--bg-2);border:1px solid #ffffff17;border-top:4px solid var(--accent);border-radius:16px;padding:26px 22px;transition:transform .15s}.stat-card:hover{transform:translateY(-5px)rotate(-.6deg)}.stat-k{font-family:var(--font-card);color:var(--accent);margin-bottom:8px;font-size:26px;font-weight:800}.stat-v{color:var(--muted);font-size:14px;line-height:1.55}.step-card{background:var(--bg-2);border:1px solid #ffffff17;border-radius:16px;padding:26px 22px;transition:transform .15s,border-color .15s}.step-card:hover{border-color:#29abe266;transform:translateY(-5px)rotate(.6deg)}.step-n{font-family:var(--font-pixel);color:var(--blue);margin-bottom:14px;font-size:12px}.step-card h3{font-family:var(--font-card);color:var(--paper);margin-bottom:8px;font-size:19px}.step-card p{color:var(--muted);font-size:14px;line-height:1.6}.join{text-align:center}.join-inner{background:radial-gradient(ellipse 60% 80% at 50% 0%, #ffd40014, transparent 70%), var(--bg-2);border:1px solid #ffffff1a;border-radius:28px;padding:clamp(48px,7vw,80px) 24px}.join-logo{border-radius:20px;width:clamp(140px,24vw,220px);margin-bottom:28px;transition:transform .2s}.join-logo:hover{transform:rotate(-3deg)scale(1.05)}.join h2{font-family:var(--font-card);color:var(--paper);margin-bottom:30px;font-size:clamp(28px,5vw,44px);line-height:1.15}.join .accent{color:var(--yellow)}.footer{text-align:center;border-top:1px solid #ffffff14;padding:40px 20px 48px}.footer p{color:#9b978cb3;max-width:620px;margin:0 auto 16px;font-size:12.5px;line-height:1.7}.footer-tag{font-family:var(--font-pixel);color:#9b978c80;font-size:10px}@media (max-width:640px){.nav-links{display:none}.letter-slot:nth-child(n+2){margin-left:-10px}.hero-sub{font-size:15px}}@media (prefers-reduced-motion:reduce){.letter-bob{animation:none}html{scroll-behavior:auto}}