@font-face{font-family:Audiowide;src:url('assets/Audiowide-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#020305;color:#edf7ff;font-family:Arial,Helvetica,sans-serif;--electric:#143dff;--green:#23ff8b}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:6px}::selection{background:var(--electric);color:white}.nav{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20242c;position:relative;z-index:2}.logo{font:30px Audiowide,monospace;letter-spacing:2px}.logo span{font:10px Arial;vertical-align:top;margin-left:5px}nav{display:flex;gap:34px;align-items:center;font:10px monospace;letter-spacing:1px}.nav-play{border:1px solid #79818a;padding:14px 20px}.nav-play span{margin-left:25px;color:var(--green)}.hero{min-height:810px;position:relative;overflow:hidden;padding:36px 5% 45px}.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.85}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020305bb,transparent 75%);pointer-events:none}.hero>*:not(canvas){position:relative;z-index:1}.hero-top{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:2px}.live{display:inline-block;background:var(--green);box-shadow:0 0 12px #23ff8b80;width:6px;height:6px;margin-right:9px}.edition{color:#7c8592}h1{font:clamp(100px,19vw,290px)/.95 Audiowide,monospace;letter-spacing:-.025em;margin:66px 0 38px;text-shadow:0 0 35px #83e9ff20}h2{font:clamp(30px,4.7vw,68px)/1.1 Audiowide,monospace;letter-spacing:.01em;margin:26px 0}h2 span{color:var(--electric)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end}.kicker{font:12px monospace;letter-spacing:3px;color:var(--green)}.intro{font-size:clamp(24px,3vw,42px);line-height:1.1;letter-spacing:-1px;margin:16px 0 27px}.button{display:inline-flex;align-items:center;justify-content:space-between;background:var(--green);color:#04140b;padding:21px 25px;gap:70px;font:16px Audiowide,monospace;letter-spacing:1px;transition:background .2s,box-shadow .2s}.button:hover{background:#a5ffc7;box-shadow:0 0 35px #23ff8b44}.button span{font:28px/15px Arial}.micro{font:9px/1.8 monospace;letter-spacing:1px;color:#85919d;margin-top:17px}.hero-note{text-align:left;min-width:220px}.cross{color:var(--green);font:40px monospace}.hero-note p{font:11px/1.8 monospace;letter-spacing:2px}.hero-note a{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;margin-top:52px}.ticker{overflow:hidden;display:flex;gap:40px;align-items:center;white-space:nowrap;padding:24px 0;background:var(--electric);color:white;font:26px Audiowide,monospace}.ticker b{font:26px Arial}.section{padding:100px 7%}.section-top{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font:10px/1.7 monospace;letter-spacing:2px;color:var(--green)}.aside{font:9px/1.8 monospace;color:#8a929e;letter-spacing:1px}.section-intro{font-size:18px;line-height:1.6;color:#a4adb9}.instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:62px}.instructions article{border-top:1px solid #29303c;padding-top:22px}.step-art{height:110px;display:flex;align-items:center;color:var(--green);font:58px Audiowide;text-shadow:0 0 16px #23ff8b55}.step-art svg{width:170px;height:80px;fill:none;stroke:var(--green);stroke-width:2;filter:drop-shadow(0 0 6px #23ff8b55)}.rotate{gap:23px}.rotate span{color:var(--electric);font:68px Arial}.multiplier{color:#f3ff7a}h3{font-size:24px;font-weight:400;letter-spacing:-.5px;margin:15px 0}.instructions article>p:last-child,.campaign-copy>p:not(.eyebrow),.frequency-layout>div>p{color:#9ba7b5;font-size:15px;line-height:1.8;max-width:460px}.campaign{border-top:1px solid #20242c;border-bottom:1px solid #20242c;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:radial-gradient(ellipse at 25% 50%,#07174b55,transparent 55%)}.course-graphic{height:440px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.course-graphic>span{font:clamp(100px,16vw,225px) Audiowide;color:#d7faff;text-shadow:0 0 25px #306bff88}.course-graphic small{font:8px monospace;letter-spacing:1px;color:#9ba7b5}.orbit{position:absolute;width:100%;height:70%;border:1px solid var(--electric);border-radius:50%;transform:rotate(-35deg);box-shadow:0 0 9px #143dff20}.o2{transform:rotate(35deg);height:50%}.o3{transform:rotate(90deg);height:40%}.campaign h2{font-size:clamp(27px,3.3vw,45px)}.mode{display:flex;gap:20px;align-items:baseline;border-bottom:1px solid #202936;padding:16px 0}.mode span{font:10px Audiowide;min-width:80px;color:var(--green)}.mode p{font:12px monospace;color:#9ba7b5;margin:0}.text-link{display:inline-flex;gap:45px;margin-top:35px;font:12px Audiowide}.text-link span{color:var(--green)}.frequency-layout{display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:center}.palettes{display:flex;gap:14px;margin-top:30px}.swatch{width:29px;height:29px;border:0;border-radius:50%;cursor:pointer;outline-offset:5px}.selected{outline:1px solid #fff}.original{background:#143dff}.eighties{background:#ff35c5}.nineties{background:#b5ff39}.sixties{background:#ff8440}.seventies{background:#ffbf40}dl{margin-top:35px}dl div{display:flex;border-top:1px solid #252c36;padding:17px 0;gap:20px}dt{min-width:85px;font:9px monospace;color:#728192;letter-spacing:1px}dd{margin:0;font:12px/1.8 monospace}figure{margin:30px auto 0;max-width:280px;transform:rotate(5deg)}figure img{display:block;width:100%;height:auto;border:1px solid #354356;border-radius:30px;box-shadow:0 0 80px #143dff22;padding:7px;background:black}figcaption{font:8px/1.7 monospace;letter-spacing:1px;color:#85919d;text-align:center;margin-top:22px}.final{border-top:1px solid #20242c;position:relative;overflow:hidden;background:repeating-radial-gradient(ellipse at 90% 50%,transparent 0 90px,#143dff28 91px 92px,transparent 93px 160px)}.final h2{font-size:clamp(85px,14vw,190px);line-height:.94;margin:40px 0}.final .button{margin-top:20px}footer{display:flex;flex-wrap:wrap;gap:30px;align-items:center;padding:42px 5%;border-top:1px solid #20242c}footer p{font:9px monospace;letter-spacing:2px;color:#7e8996;margin-left:auto}footer>a:last-of-type{font:9px monospace;margin-left:40px}footer small{flex-basis:100%;color:#637080;font:8px monospace;letter-spacing:1px}@media(min-width:1600px){.hero{min-height:940px}}@media(max-width:700px){.nav{height:72px}.logo{font-size:24px}nav{gap:12px}nav>a:not(.nav-play){display:none}.nav-play{font-size:9px;padding:12px}.hero{min-height:740px;padding-top:27px}.hero-top{font-size:8px;letter-spacing:1px}.edition{display:none}h1{font-size:21vw;margin:68px 0 54px}.hero-bottom{display:block}.hero-note{margin-top:40px;display:flex;align-items:center;gap:15px}.hero-note .cross{font-size:25px}.hero-note p{font-size:8px;letter-spacing:1px}.hero-note a{margin:0 0 0 auto;font-size:7px;width:95px;gap:10px}.intro{font-size:33px}.button{padding:20px 24px;font-size:14px}.hero canvas{opacity:.7}.ticker{font-size:20px;padding:20px 0;gap:25px}.section{padding:65px 6%}h2{font-size:33px}.aside{font-size:7px}.eyebrow{font-size:8px}.section-intro{font-size:15px}.instructions{grid-template-columns:1fr;gap:25px;margin-top:35px}.instructions article{display:grid;grid-template-columns:95px 1fr;column-gap:15px;padding-top:20px}.step-art{grid-row:1/4;height:110px;font-size:34px}.step-art svg{width:90px}.rotate{gap:7px;font-size:30px}.rotate span{font-size:38px}.instructions h3{font-size:22px;margin:5px 0}.instructions article>p:last-child{font-size:13px;margin-top:6px}.campaign{grid-template-columns:1fr;gap:25px}.course-graphic{height:320px}.course-graphic>span{font-size:155px}.campaign h2{font-size:33px}.frequency-layout{grid-template-columns:1fr;gap:30px}.frequency figure{max-width:240px}.final h2{font-size:100px}.final{background-position:200px}footer{gap:22px}footer p{font-size:7px;max-width:120px;line-height:1.8}footer>a:last-of-type{margin:0;font-size:8px}footer small{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.campaign{overflow:hidden}

.store-presence{display:flex;align-items:center;gap:16px;margin-top:27px;padding:19px 0;max-width:440px;border-top:1px solid #233043}.store-app-icon{width:58px;height:58px;border-radius:13px;flex:none}.store-status{margin:0 0 5px;color:#eafaff;font:9px/1.5 monospace;letter-spacing:1.3px}.store-devices{margin:0;color:#8da2b3;font:11px/1.5 monospace}.store-info{display:inline-block;margin-top:5px;color:var(--green);font:9px/1.6 monospace}.apple-store-link{display:block;padding:14px;flex:none}.apple-store-link[hidden]{display:none}.apple-store-link img{display:block;width:162px;height:54px;max-width:none;transform:none;filter:none}.store-presence.store-live{flex-wrap:wrap}.store-live .store-info{display:none}@media(max-width:700px){.store-presence{margin-top:23px;padding:17px 0;gap:13px;max-width:100%}.store-status{font-size:8px;letter-spacing:1px}.store-app-icon{width:52px;height:52px}.hero{min-height:860px}.store-live .apple-store-link{padding-left:0}}

.store-top{padding:0 5%;border-bottom:1px solid #1d2b3d;background:#020509}.store-top .store-presence{margin:0;max-width:none;min-height:88px;padding:15px 0;border:0}.store-top .store-app-icon{width:48px;height:48px}.store-top .store-status{font-size:10px}.store-top .store-info{margin-top:3px}.store-top .apple-store-link{margin-left:auto}@media(max-width:700px){.store-top .store-presence{min-height:82px;padding:12px 0}.store-top .store-status{font-size:9px}.store-top .store-app-icon{width:46px;height:46px}.hero{min-height:740px}}

.store-price{display:inline-block;margin-left:12px;color:var(--green);font-weight:bold;white-space:nowrap}