:root{--sky-top:#1d6fd6;--sky-bottom:#c9e8ff;--snow:#eef7ff;--steel:#343b44;--ink:#16202b;--yellow:#ffc21a;--pink:#ff2e63;--orange:#ff7a18;--page:var(--snow);--text:var(--ink);--muted:#4d6076;--card:#fff;--edge:#c6dcf0;--wrap:62rem;--radius:14px}@media (prefers-color-scheme:dark){:root{--page:#0d1620;--text:#e8f2fb;--muted:#9db3c8;--card:#16232f;--edge:#27394a}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--text);margin:0;font-family:Inter,Helvetica Neue,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:17px;line-height:1.6;overflow-x:hidden}a{color:inherit}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:1.25rem}.section{padding-block:clamp(2.5rem,6vw,4.5rem)}.hero{isolation:isolate;color:#fff;padding-block:clamp(4rem,12vw,8rem) clamp(9rem,18vw,13rem);position:relative;overflow:hidden}.hero__bg{z-index:-1;background:linear-gradient(#0b4fa8 0%, var(--sky-top) 45%, var(--sky-bottom) 100%);position:absolute;inset:0}.hero__bg:after{content:"";background:var(--page);clip-path:polygon(0 58%,55% 0,100% 34%,100% 100%,0 100%);height:clamp(70px,10vw,130px);position:absolute;inset:auto 0 -1px}.hero__inner{position:relative}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);margin:0 0 .75rem;font-size:.8rem;font-weight:700}.title{letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 6px #0000002e;margin:0;font-size:clamp(3.25rem,13vw,7rem);font-weight:900;line-height:.88}.title__jam{color:var(--yellow)}.lede{color:#eaf4ff;max-width:34rem;margin:1.25rem 0 0;font-size:clamp(1.05rem,2.4vw,1.3rem)}.lede em{color:var(--yellow);font-style:normal;font-weight:700}.cta{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.cta__note{color:#cfe4fb;margin:.9rem 0 0;font-size:.85rem}.btn{letter-spacing:.02em;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.6rem;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--play{background:var(--pink);color:#fff;box-shadow:0 5px #b81c46}.btn--play:hover{box-shadow:0 7px #b81c46}.btn--play:active{box-shadow:0 2px #b81c46}.btn--ghost{color:#fff;border-color:#ffffff8c}.btn--ghost:hover{background:#ffffff24}.btn--big{padding:1.05rem 2.6rem;font-size:1.2rem}.frame{border-radius:var(--radius);border:3px solid var(--steel);background:#000;line-height:0;position:relative;overflow:hidden;box-shadow:0 18px 44px #0c203647}.frame:before{content:"";background:var(--yellow);z-index:1;height:5px;position:absolute;inset:0 0 auto}.frame__shot{width:100%;height:auto;display:block}.h2{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 1.5rem;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:900}.controls{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.control{background:var(--card);border:1px solid var(--edge);border-radius:10px;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.control__key{text-align:center;min-width:5.5rem;color:var(--snow);background:var(--steel);border-radius:7px;flex:none;padding:.4rem .7rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;font-weight:700;box-shadow:inset 0 -3px #00000052}.control__what{color:var(--muted);font-size:.95rem}.tricks,.features{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.trick,.feature{background:var(--card);border:1px solid var(--edge);border-radius:var(--radius);padding:1.15rem 1.25rem}.trick{border-left:5px solid var(--yellow)}.feature{border-left:5px solid var(--sky-top)}.trick__name,.feature__name{text-transform:uppercase;letter-spacing:.01em;margin:0 0 .4rem;font-size:1.05rem;font-weight:800}.trick__how,.feature__body{color:var(--muted);margin:0;font-size:.95rem}.closer{text-align:center;padding-block:clamp(3rem,8vw,5rem)}.closer__h2{margin-bottom:1.75rem;font-size:clamp(2.2rem,7vw,3.6rem)}.footer{border-top:1px solid var(--edge);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-block:2.5rem;font-size:.85rem;display:flex}.footer p{margin:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.aside{max-width:46rem;color:var(--muted);margin:1.25rem 0 0;font-size:.95rem}.earn{grid-template-columns:1fr;align-items:start;gap:1.75rem;display:grid}@media (min-width:44rem){.earn{grid-template-columns:1fr 16rem}}.earn__copy p{color:var(--muted);margin:0 0 .9rem}.earn__copy strong{color:var(--text)}.ladder{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.rung{letter-spacing:.16em;border-radius:3px;justify-content:flex-end;align-items:center;gap:.6rem;padding:.7rem .85rem;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 3px #060e1680}.rung__pip{opacity:.55;background:currentColor;width:9px;height:9px;transform:rotate(45deg)}.rung--locked{color:#ffffff52;letter-spacing:.28em;background:#1e2935;margin-left:1.5rem}.rung--current{color:#fff;background:linear-gradient(#ff8b34,#e85406);margin-left:-1rem;padding-block:1.1rem;font-size:.95rem;box-shadow:inset 0 3px #fff6,0 5px #060e168c}.rung--current .rung__pip{opacity:1}.scoring{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.score-row{background:var(--card);border:1px solid var(--edge);border-left:5px solid var(--yellow);border-radius:8px;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 1rem;display:flex}.score-row__what{font-size:.95rem;font-weight:700}.score-row__worth{color:var(--muted);text-align:right;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9rem}