.hero{padding-block:clamp(4.5rem,10vw,8.5rem)!important}.hero-glow{background:radial-gradient(circle, var(--glow), transparent 65%);pointer-events:none;width:720px;height:720px;position:absolute;inset:-20% -10% auto auto}.btn-main,.btn-ghost{font:600 1.1rem/1 var(--font-display);transition:transform .25s var(--ease), border-color .2s;border-radius:999px;align-items:center;padding:1rem 2rem;text-decoration:none;display:inline-flex}.btn-main{color:#fff;background:linear-gradient(120deg, var(--color-accent), var(--color-accent-hover));box-shadow:0 14px 34px -14px var(--glow)}.btn-main:hover{color:#fff;text-decoration:none;transform:translateY(-3px)}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border-strong);background:var(--color-surface)}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-text);text-decoration:none;transform:translateY(-3px)}.stat-n{font:700 2rem/1 var(--font-display);color:var(--color-primary)}.stat-l{color:var(--color-text-muted);margin:.5rem 0 0;font-size:.95rem}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:flex}.sec-head h2{max-width:26ch;margin:0;font-size:clamp(2rem,4.5vw,3rem)}.sec-link{font:600 1.1rem/1 var(--font-display);color:var(--color-accent-ink);text-decoration:none}.sec-link:hover{text-decoration:underline}.tile{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:24px;padding:2rem;display:block}.tile-flush{flex-direction:column;padding:0;display:flex;overflow:hidden}.tile:hover{color:var(--color-text);text-decoration:none}.nl-panel{background:radial-gradient(circle at 20% 0%, var(--glow), transparent 60%), var(--color-surface);border:1px solid var(--color-border-strong);border-radius:32px;padding:clamp(2.5rem,6vw,4.5rem)}.nl-panel h2,.nl-panel p{color:var(--color-text)!important}.nl-panel svg{color:var(--color-accent)!important}.nl-panel button[type=submit]{background:linear-gradient(120deg, var(--color-accent), var(--color-accent-hover))!important;color:#fff!important;border-radius:999px!important}.nl-panel input[type=text],.nl-panel input[type=email]{background:var(--color-surface-2)!important;color:var(--color-text)!important;border:1px solid var(--color-border-strong)!important;border-radius:14px!important;padding:1rem 1.25rem!important;font-size:1.05rem!important}.cc-card{border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg);border-radius:28px;padding:clamp(1.75rem,4vw,2.5rem)}.cc-q{font:600 1.35rem/1.4 var(--font-display);color:var(--color-primary);margin:0 0 1.5rem}.cc-pairs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.cc-pair{text-align:left;min-height:150px;transition:transform .25s var(--ease), border-color .2s;border:3px solid #0000;border-radius:18px;justify-items:start;gap:.4rem;padding:1.4rem;display:grid}.cc-pair b{font:800 2.4rem/1 var(--font-display)}.cc-pair{box-shadow:inset 0 0 0 2px #8084a073}.cc-pair:not(:disabled):hover{border-color:var(--color-accent);transform:translateY(-3px)}.cc-pair.win{border-color:var(--color-ok)}.cc-pair.lose{border-color:#f87171}.cc-fb{min-height:3.2rem;color:var(--color-text-muted);margin:1.25rem 0 .5rem;font-size:1.05rem}.cc-more{font-size:1.02rem;font-weight:600}@media (width<=560px){.cc-pairs{grid-template-columns:1fr}}.hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:2.5rem;display:grid}.hero-text,.hero-card,.hero-stats{grid-area:auto}@media (width>=768px){.hero-grid{-moz-column-gap:clamp(2rem, 5vw, 5rem);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"text card""stats card";gap:2.5rem clamp(2rem,5vw,5rem)}.hero-text{grid-area:text;align-self:end}.hero-card{grid-area:card}.hero-stats{grid-area:stats;align-self:start}}.hero-text .flex{margin-bottom:0}.hero-stats dl{margin-top:0}.hero-toys,.ghost-cursor{visibility:hidden;opacity:0}.is-parsed .hero-toys,.is-parsed .ghost-cursor{visibility:visible;opacity:1;transition:opacity .6s .1s}.hero-toys{z-index:20;pointer-events:none;position:absolute;inset:0}.fx-shape{left:var(--l);top:var(--t);width:var(--s);height:var(--s);pointer-events:auto;cursor:pointer;translate:calc(var(--px,0) * var(--d) * 1px) calc(var(--py,0) * var(--d) * 1px);transition:translate .5s var(--ease);animation:7s ease-in-out infinite fx-float;animation-delay:var(--r);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.fx-shape svg{filter:drop-shadow(0 6px 10px #00000040);width:100%;height:100%;transition:scale .25s var(--ease), rotate .4s var(--ease);display:block;overflow:visible}.fx-shape:hover svg{rotate:12deg;scale:1.18}.fx-shape.is-popped{pointer-events:none}.fx-shape.is-popped svg{opacity:0;transition:scale .18s ease-in,opacity .18s;scale:0}.fx-shape.is-back svg{animation:fx-back .7s var(--ease)}@keyframes fx-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(6deg)}}@keyframes fx-back{0%{scale:0}60%{scale:1.25}to{scale:1}}.ghost-cursor{z-index:5;pointer-events:none;will-change:transform;align-items:flex-start;gap:2px;display:flex;position:absolute;top:0;left:0}.ghost-cursor[hidden]{display:none}.ghost-cursor svg{filter:drop-shadow(0 3px 6px #00000059);transition:scale .15s}.ghost-cursor.is-click svg{scale:.8}.ghost-cursor span{font:600 12px/1.3 var(--font-display);color:#fff;white-space:nowrap;background:#ff4f8b;border-radius:6px 12px 12px;margin:14px 0 0 -2px;padding:3px 9px;box-shadow:0 6px 14px -6px #00000080}@media (width<=900px){.hero-toys{display:none}}.swatches{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem;display:flex}.sw-label{font:600 .95rem/1 var(--font-display);color:var(--color-text-muted);margin-right:.3rem}.sw{background:var(--c);width:30px;height:30px;box-shadow:0 0 0 2px var(--color-bg), 0 4px 10px -4px var(--c);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s;border:2px solid #0000;border-radius:50%;padding:0}.sw:hover{transform:scale(1.15)}.sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--c);transform:scale(1.1)}.sw-name{color:var(--color-text-muted);margin-left:.3rem;font:600 .9rem/1 ui-monospace,monospace}.app-card{--t:var(--color-accent);border:1px solid color-mix(in srgb, var(--t) 40%, transparent);background:radial-gradient(130% 90% at 50% -10%, color-mix(in srgb, var(--t) 26%, transparent), transparent 65%), var(--color-surface);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:28px;flex-direction:column;gap:1.1rem;padding:2rem;display:flex}.app-card:hover{box-shadow:0 26px 56px -26px var(--t);transform:translateY(-6px)}.app-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1rem;display:flex}.app-icon{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:22px;width:88px;height:88px;box-shadow:0 14px 30px -12px #0000008c}.app-pill{font:700 .78rem/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#04130d;background:var(--color-ok);white-space:nowrap;border-radius:999px;padding:.4rem .85rem}.app-card h3{margin:.4rem 0 0;font-size:1.55rem}.app-blurb{color:var(--color-text-muted);margin:0;font-size:1.08rem}.app-card .fchecks{margin-top:.2rem}.app-actions{gap:.7rem;margin-top:auto;padding-top:1rem;display:grid}.pg-stage{aspect-ratio:16/6.5;border:1px solid var(--color-border-strong);background:radial-gradient(70% 90% at 50% 0%, var(--color-accent-subtle), transparent 70%), var(--color-surface);border-radius:28px;width:100%;min-height:280px;position:relative;overflow:hidden}.pg-stage canvas{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.pg-poster{place-content:center;justify-items:center;gap:1.4rem;transition:opacity .5s;display:grid;position:absolute;inset:0}.pg-stage[data-ready=true] .pg-poster{opacity:0;pointer-events:none}.pg-shapes{align-items:center;gap:1.4rem;display:flex}.pg-shapes i{background:var(--color-accent);width:46px;height:46px;animation:6s ease-in-out infinite fx-float;display:block}.pg-shapes .a{border-radius:12px}.pg-shapes .b{background:var(--color-cyan);border-radius:50%;animation-delay:-1s}.pg-shapes .c{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--color-reward);animation-delay:-2s}.pg-shapes .d{border:9px solid var(--color-accent-ink);background:0 0;border-radius:50%;animation-delay:-3s}.pg-shapes .e{background:#ff6b9d;border-radius:14px;animation-delay:-4s}@media (width<=700px){.pg-stage{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.fx-shape,.pg-shapes i{animation:none}}