:root{--ink:#151233;--bg:#fffaf0;--red:#ff5a5f;--teal:#19c6b5;--yel:#ffd23f;--pur:#a259ff;--blu:#4c6fff;--r:22px}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:Nunito,system-ui,sans-serif;font-weight:700;color:var(--ink);background:var(--bg);overflow-x:clip;-webkit-font-smoothing:antialiased}
h1,h2,h3,.logo,.big,.big2,.btn,.chip,.tile{font-family:Fredoka,Nunito,sans-serif}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.pbar{position:fixed;top:0;left:0;right:0;height:4px;z-index:60}.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--yel),var(--teal),var(--pur))}
.ann{background:var(--ink);color:#fff;font-size:13px;display:flex;gap:28px;justify-content:center;padding:8px 14px;white-space:nowrap;overflow:hidden}
.ann span+span:before{content:"★";color:var(--yel);margin-right:28px}
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,4vw,48px);background:rgba(255,250,240,.88);backdrop-filter:blur(12px);border-bottom:2px solid var(--ink)}
.logo{font-size:26px;font-weight:700;display:flex;gap:1px;align-items:baseline}.lt{color:var(--c);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:32px}.logo b{margin-left:6px}
.top nav{display:flex;gap:22px}.top nav a{font-weight:800;position:relative}.top nav a:after{content:"";position:absolute;left:0;bottom:-4px;height:3px;width:0;background:var(--red);transition:.25s}.top nav a:hover:after{width:100%}
.btn{display:inline-block;background:var(--red);color:#fff;border:2.5px solid var(--ink);border-radius:999px;padding:14px 28px;font-size:17px;font-weight:600;box-shadow:0 5px 0 var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.btn.sm{padding:9px 18px;font-size:15px;background:var(--yel);color:var(--ink)}.btn.ghost{background:#fff;color:var(--ink)}
.hero{height:420vh;position:relative;background:#151233}
.pin{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#3b2d8f 0%,#151233 70%)}
#gl{position:absolute;inset:0;width:100%;height:100%}.vig{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 50%,transparent 40%,rgba(10,8,30,.6))}
.stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 20px;opacity:0;pointer-events:none;will-change:opacity,transform}
.stage .row,.stage .btn,.stage .chip{pointer-events:auto}
.tag{font-family:Fredoka;letter-spacing:.2em;text-transform:uppercase;font-size:14px;color:var(--yel);margin-bottom:14px}
.stage h1{font-size:clamp(54px,11vw,168px);line-height:.9;font-weight:700;text-shadow:0 6px 0 rgba(0,0,0,.35)}
.stage h2{font-size:clamp(38px,7vw,104px);line-height:.98;font-weight:700;text-shadow:0 5px 0 rgba(0,0,0,.35)}
.stage span{color:var(--yel)}.sub{font-size:clamp(17px,2vw,24px);margin:18px 0 26px}
.row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.chip{background:#fff;color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;padding:12px 22px;font-size:18px;font-weight:600;box-shadow:0 4px 0 var(--ink);cursor:pointer}.chip:hover{background:var(--yel)}
.scrollh{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:#fff;font-size:12px;letter-spacing:.2em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px}
.scrollh i{width:2px;height:34px;background:linear-gradient(#fff,transparent);animation:sc 1.6s infinite}@keyframes sc{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hbar{position:absolute;right:20px;top:20%;bottom:20%;width:4px;background:rgba(255,255,255,.2);border-radius:4px}.hbar i{display:block;width:100%;height:0;background:var(--yel);border-radius:4px}
.nogl .hero{height:auto}.nogl .pin{position:relative;height:auto;padding:60px 0}.nogl .stage{position:relative;opacity:1!important;transform:none!important;padding:40px 20px}.nogl #gl,.nogl .scrollh,.nogl .hbar{display:none}
.rw{overflow:hidden;background:var(--yel);border-block:3px solid var(--ink)}.ribbon{padding:14px 0}.rt{display:flex;gap:40px;width:max-content;animation:mq 40s linear infinite}
.rt a{font-family:Fredoka;font-size:22px;font-weight:600;white-space:nowrap}.rt a:after{content:"✦";margin-left:40px;color:var(--red)}@keyframes mq{to{transform:translateX(-50%)}}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.sec{padding:clamp(60px,9vw,120px) 0}
.eyebrow{font-family:Fredoka;letter-spacing:.2em;text-transform:uppercase;color:var(--red);font-size:14px;margin-bottom:10px}
.head h2{font-size:clamp(36px,5.5vw,72px);line-height:1;font-weight:700}.head h2 span{color:var(--red)}.lead{max-width:620px;margin-top:14px;font-size:18px;opacity:.8}
.tiles{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.tile{background:#fff;border:2.5px solid var(--ink);border-radius:999px;padding:10px 20px;font-size:17px;font-weight:600;cursor:pointer;transition:.2s}
.tile:hover{transform:translateY(-2px)}.tile.on{background:var(--c);color:#fff;box-shadow:0 4px 0 var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.pc{background:#fff;border:2.5px solid var(--ink);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 7px 0 var(--ink);transition:transform .25s,box-shadow .25s}
.pc:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 13px 0 var(--ink)}.pc[hidden]{display:none!important}
.pi{position:relative;aspect-ratio:1;background:#f4efe3;overflow:hidden}.pi img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .4s}.pc:hover .pi img{transform:scale(1.07)}
.off{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-family:Fredoka;font-weight:600;padding:5px 12px;border-radius:999px;border:2px solid var(--ink);font-size:14px;transform:rotate(-5deg)}
.pt{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.pt small{color:var(--pur);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.pt h3{font-size:18px;line-height:1.2;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pp{margin-top:auto;display:flex;gap:10px;align-items:baseline;font-family:Fredoka}.pp b{font-size:26px;color:var(--red)}.pp s{opacity:.5}
.go{font-size:14px;font-weight:800}.go i{display:inline-block;transition:.2s;font-style:normal}.pc:hover .go i{transform:translateX(5px)}
.note{margin-top:30px;font-size:14px;opacity:.7}.note a{text-decoration:underline}
.cols{background:#fff;border-block:3px solid var(--ink)}.ctg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-top:36px}
.ct{position:relative;aspect-ratio:1.1;border-radius:var(--r);border:2.5px solid var(--ink);background:var(--c);overflow:hidden;display:flex;align-items:flex-end;box-shadow:0 6px 0 var(--ink);transition:.25s}
.ct:hover{transform:translateY(-5px) scale(1.02)}.ct img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:18px 18px 56px;mix-blend-mode:normal;background:rgba(255,255,255,.25)}
.brick{position:absolute;inset:0;margin:auto;width:60%;fill:#fff;stroke:var(--ink);stroke-width:2}.ct span{position:relative;width:100%;padding:12px 14px;background:var(--ink);color:#fff;font-family:Fredoka;font-weight:600;font-size:18px}
.trust{background:var(--ink);color:#fff}.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
.stars{color:var(--yel);font-size:28px;letter-spacing:4px}.big{font-size:clamp(70px,10vw,140px);line-height:1;color:var(--yel);display:block}.big2{font-size:clamp(38px,5vw,66px);line-height:1;color:var(--teal);display:block;margin-top:34px}
.tgrid p{margin-top:10px;font-size:18px}.cond{margin-top:60px;background:rgba(255,255,255,.08);border:2px dashed rgba(255,255,255,.4);border-radius:var(--r);padding:30px;text-align:center}
.cond h3{font-size:28px;margin-bottom:8px}.cond p{max-width:620px;margin:0 auto 20px;opacity:.85}
.gl{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.gl a{background:#fff;border:2.5px solid var(--ink);border-radius:var(--r);padding:20px 30px;font-family:Fredoka;font-size:24px;font-weight:600;box-shadow:0 6px 0 var(--ink);transition:.2s}
.gl a:nth-child(6n+1):hover{background:var(--red);color:#fff}.gl a:nth-child(6n+2):hover{background:var(--teal)}.gl a:nth-child(6n+3):hover{background:var(--yel)}.gl a:nth-child(6n+4):hover{background:var(--pur);color:#fff}.gl a:nth-child(6n+5):hover{background:var(--blu);color:#fff}.gl a:hover{transform:translateY(-4px) rotate(-1.5deg)}
.foot{background:var(--yel);border-top:3px solid var(--ink);padding:48px 0 24px}.fr{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.fn{display:flex;flex-direction:column;gap:8px}.fn a:hover{text-decoration:underline}.disc{margin-top:30px;font-size:13px;opacity:.75}
.rv{opacity:0;transform:translateY(34px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}.pc.rv{transition-delay:calc(var(--i,0)*45ms)}
@media(max-width:820px){.top nav{display:none}.tgrid{grid-template-columns:1fr}.ann span:nth-child(n+2){display:none}.grid{grid-template-columns:repeat(2,1fr);gap:14px}.pt h3{font-size:15px}.pp b{font-size:21px}.hero{height:380vh}.hbar{display:none}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.rt{animation:none}}
.stage:before{content:"";position:absolute;inset:15% 5%;background:radial-gradient(ellipse at center,rgba(21,18,51,.75),transparent 70%);z-index:-1}