:root{--plum:#321852;--plum-soft:#4c3465;--lime:#e2f453;--lime-hot:#dafa31;--lavender:#c8a5ef;--peach:#ffc98f;--cream:#f8f5ef;--muted:#91839d;--white:#fffdf9;--shadow:0 28px 70px #3218522e;--display:Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;--body:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--plum);font-family:var(--body);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-header{z-index:50;height:72px;color:var(--plum);border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px 0 24px;transition:background .35s,box-shadow .35s,transform .35s;display:grid;position:fixed;top:18px;left:24px;right:24px}.site-header.is-scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9e0;box-shadow:0 16px 44px #3218521f}.wordmark{font:900 2rem/.8 var(--display);letter-spacing:-.05em}nav{text-transform:uppercase;letter-spacing:.12em;gap:32px;font-size:.76rem;font-weight:800;display:flex}nav a{position:relative}nav a:after{content:"";background:currentColor;height:2px;transition:right .25s;position:absolute;bottom:-6px;left:0;right:100%}nav a:hover:after{right:0}.header-cta{background:var(--plum);color:var(--lime);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;justify-self:end;padding:15px 20px;font-size:.76rem;font-weight:900}.header-cta span,.pill-button span,.make-room span{transition:transform .25s;display:inline-block}.header-cta:hover span,.pill-button:hover span,.make-room:hover span{transform:translate(4px,-4px)}.hero{background:radial-gradient(circle at 76% 25%, #ffffff6b, transparent 22%), var(--lime);grid-template-columns:1.05fr .95fr;align-items:center;min-height:100svh;padding:150px 5vw 72px;display:grid;position:relative;overflow:hidden}.eyebrow{letter-spacing:.24em;text-transform:uppercase;margin:0 0 18px;font-size:.73rem;font-weight:900}.hero h1,h2{font-family:var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:0}.hero h1{max-width:860px;font-size:clamp(6rem,12.5vw,13.5rem);line-height:.72}.hero h1 span{transform-origin:0;animation:.8s cubic-bezier(.2,.75,.1,1) both headline-in;display:block}.hero h1 span:nth-child(2){color:#0000;-webkit-text-stroke:3px var(--plum);animation-delay:.1s}.hero h1 span:nth-child(3){animation-delay:.2s}.hero-deck{max-width:580px;margin:34px 0;font-size:clamp(1.05rem,1.6vw,1.45rem);font-weight:650;line-height:1.35}.pill-button{letter-spacing:.12em;text-transform:uppercase;min-width:250px;box-shadow:var(--shadow);border-radius:999px;justify-content:space-between;align-items:center;gap:36px;padding:18px 22px;font-size:.78rem;font-weight:900;display:inline-flex}.pill-button.plum{background:var(--plum);color:var(--lime)}.pill-button.lime{background:var(--lime);color:var(--plum)}.hero-stage{min-height:620px;animation:1s cubic-bezier(.2,.75,.1,1) .2s both stage-in;position:relative}.sub-card{background:var(--white);width:min(460px,80%);height:108px;box-shadow:var(--shadow);border-radius:28px;grid-template-columns:66px 1fr auto;align-items:center;gap:18px;padding:16px 22px;font-size:1.25rem;font-weight:850;display:grid;position:absolute}.sub-card b{background:#f4f1f5;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.sub-card b img{width:34px;height:34px;display:block}.sub-card strong{font:900 1.55rem/1 var(--display)}.card-netflix{animation:5.5s ease-in-out infinite float-a;top:19%;left:8%;transform:rotate(-5deg)}.card-spotify{animation:6.5s ease-in-out infinite float-b;top:42%;left:17%;transform:rotate(3deg)}.card-hulu{opacity:.68;animation:7s ease-in-out -2s infinite float-a;top:65%;left:4%;transform:rotate(-2deg)}.brand-letter{color:#e50914;font-size:2.2rem}.spotify-logo{background:#f4f1f5!important}.hulu-mark{color:#111;font-size:.8rem;background:#1ce783!important}.swap-rule{background:var(--plum);color:var(--lime);box-shadow:var(--shadow);border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:9px;animation:5s ease-in-out infinite rule-float;display:grid;position:absolute;bottom:6%;right:0;transform:rotate(4deg)}.swap-rule span{font:900 .8rem/1 var(--display);letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:12px 14px}.swap-rule span:last-child{background:var(--lime);color:var(--plum)}.swap-rule b{font-size:1.1rem}.scroll-note{letter-spacing:.2em;align-items:center;gap:18px;font-size:.66rem;font-weight:900;display:flex;position:absolute;bottom:28px;left:5vw}.scroll-note span{animation:1.4s ease-in-out infinite nudge}.ticker{background:var(--plum);color:var(--lime);white-space:nowrap;font:900 2rem/1 var(--display);letter-spacing:.03em;padding:19px 0 15px;overflow:hidden}.ticker div,.privacy-marquee div{width:max-content;animation:24s linear infinite ticker}.lineup-section{background:var(--plum);color:var(--white);grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;min-height:900px;padding:120px 6vw;scroll-margin-top:24px;display:grid}.section-heading h2,.swap-copy h2,.steps-title h2,.final-cta h2,.app-copy h2{font-size:clamp(4.5rem,8vw,9rem);line-height:.78}.section-heading>p:last-child,.swap-copy>p:last-child,.app-copy>p:last-child{color:#c5b7cf;max-width:550px;margin:28px 0 0;font-size:1.15rem;font-weight:600;line-height:1.5}.lavender-text{color:var(--lavender)}.swap-board{background:var(--cream);max-width:740px;color:var(--plum);border-radius:48px;padding:28px;transform:rotate(1.5deg);box-shadow:0 35px 90px #00000040}.demo-progress{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin:0 2px 22px;display:grid}.demo-progress button{color:#9b8fa4;font:900 .64rem var(--body);letter-spacing:.13em;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;transition:color .3s;display:flex}.demo-progress button b{border:2px solid;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.demo-progress button.is-active{color:var(--plum)}.demo-progress button.is-active b{background:var(--lime);border-color:var(--lime)}.demo-progress>span{background:#ded8e0;border-radius:2px;height:2px}.board-message{justify-content:space-between;align-items:flex-start;gap:20px;min-height:92px;padding:0 4px 20px;display:flex}.board-message div{gap:7px;display:grid}.board-message small{letter-spacing:.18em;color:#867790;font-size:.66rem;font-weight:950}.board-message div>strong{font:900 clamp(2rem, 3.5vw, 3.3rem)/.9 var(--display)}.board-message>b{letter-spacing:.1em;background:#e9e4ea;border-radius:999px;flex:none;padding:10px 12px;font-size:.64rem}.active-list{gap:12px;display:grid}.lineup-card,.wants-in>div{background:#fff;border-radius:24px;grid-template-columns:50px 1fr auto;align-items:center;gap:16px;min-height:86px;padding:14px 18px;font-size:1.05rem;font-weight:850;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s,box-shadow .35s,background .35s;display:grid;box-shadow:0 10px 25px #32185214}.lineup-card b,.wants-in b{background:#f3eff4;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.lineup-card b img{width:29px;height:29px;display:block}.lineup-card strong,.wants-in strong{font:900 1.25rem var(--display)}.lineup-card>span{gap:3px;display:grid}.lineup-card>span small{color:#d85f31;letter-spacing:.12em;font-size:.55rem}.lineup-card.green b{color:#1ed760}.lineup-card.red b{color:#e50914;font-size:1.8rem}.lineup-card.xbox b{background:#f3eff4}.lineup-card.hulu{animation:.6s cubic-bezier(.2,.8,.2,1) both demo-arrive}.lineup-card.hulu b{color:#111;font:900 .58rem var(--body);background:#1ce783}.lineup-card.is-picked{box-shadow:0 0 0 3px var(--peach), 0 18px 38px #32185226;background:#fff0df;transform:translate(-12px)rotate(-1deg)}.wants-in{background:var(--peach);border-radius:28px;margin-top:22px;padding:18px}.wants-in small{letter-spacing:.18em;margin-bottom:10px;font-weight:900;display:block}.wants-in b{background:#1ce783;font-size:.7rem}.wants-in.is-complete{background:#ded8e0;animation:.6s cubic-bezier(.2,.8,.2,1) both bench-arrive}.wants-in.is-complete b{color:#e50914;background:#f3eff4;font-size:1.6rem}.bill-result{background:var(--lime);border-radius:20px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin:16px 2px 0;padding:14px 16px;animation:.5s cubic-bezier(.2,.8,.2,1) both result-pop;display:grid}.bill-result span{letter-spacing:.14em;font-size:.62rem;font-weight:950}.bill-result s{color:#8c7f95;font-weight:800}.bill-result strong{font:900 1.7rem var(--display)}.make-room{background:var(--plum);width:100%;color:var(--lime);letter-spacing:.15em;cursor:pointer;border:0;border-radius:999px;justify-content:space-between;margin-top:18px;padding:20px 24px;font-weight:950;display:flex}.swap-story{background:var(--lime);grid-template-columns:1fr 1fr;align-items:center;gap:7vw;min-height:820px;padding:120px 6vw;display:grid}.swap-copy h2 span{color:#0000;-webkit-text-stroke:3px var(--plum)}.swap-copy>p:last-child{color:#675575}.swap-animation{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;min-height:540px;display:grid;position:relative}.swap-slot{min-height:300px;box-shadow:var(--shadow);border-radius:44px;flex-direction:column;justify-content:space-between;padding:28px;animation:4s ease-in-out infinite swap-rock;display:flex;position:relative}.swap-slot small{letter-spacing:.2em;font-weight:950}.swap-slot b{width:82px;height:82px;font:900 2.3rem var(--display);background:#fff;border-radius:25px;place-items:center;display:grid}.swap-slot span{font:900 2.3rem var(--display)}.slot-in{background:var(--plum);color:#fff;transform:rotate(-4deg)}.slot-in b{color:#e50914}.slot-out{background:var(--lavender);animation-delay:-2s;transform:rotate(4deg)}.slot-out b{font:900 .9rem var(--body);background:#1ce783}.swap-arrow{font:900 3rem var(--display);animation:1.6s ease-in-out infinite arrow-pulse}.saving-chip{background:var(--peach);letter-spacing:.12em;white-space:nowrap;border-radius:999px;padding:16px 22px;font-weight:950;position:absolute;bottom:5%;left:50%;transform:translate(-50%)rotate(-3deg)}.app-showcase{grid-template-columns:1fr 1fr;display:grid}.app-panel{min-height:1100px;padding:90px 5vw 0;position:relative;overflow:hidden}.app-panel.lavender{background:var(--lavender)}.app-panel.peach{background:var(--peach)}.app-copy{z-index:2;position:relative}.app-copy h2{font-size:clamp(4rem,6vw,7rem)}.app-copy>p:last-child{color:#5f4c70;max-width:490px}.phone-shell{background:var(--plum);border-radius:65px;width:min(510px,72%);padding:12px;transition:transform .5s;position:absolute;bottom:-36%;left:50%;box-shadow:0 40px 100px #3218524d}.phone-shell img{border-radius:52px;width:100%;display:block}.tilt-left{transform:translate(-50%)rotate(-5deg)}.tilt-right{transform:translate(-50%)rotate(5deg)}.app-panel:hover .tilt-left{transform:translate(-50%)rotate(-1deg)translateY(-22px)}.app-panel:hover .tilt-right{transform:translate(-50%)rotate(1deg)translateY(-22px)}.steps-section{background:var(--cream);padding:120px 5vw}.steps-title{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:70px;display:flex}.steps-title h2{max-width:900px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.step-card{background:var(--lime);border-radius:42px;flex-direction:column;min-height:430px;padding:34px;transition:transform .35s,box-shadow .35s;display:flex}.step-card:hover{box-shadow:var(--shadow);transform:translateY(-14px)rotate(-1deg)}.step-card.purple{background:var(--lavender)}.step-card.orange{background:var(--peach)}.step-card>span{border:2px solid var(--plum);border-radius:50%;place-items:center;width:52px;height:52px;font-weight:950;display:grid}.step-card h3{font:900 clamp(3rem, 4.5vw, 5.2rem)/.8 var(--display);letter-spacing:-.04em;margin:auto 0 20px}.step-card p{max-width:330px;margin:0;font-size:1.05rem;font-weight:650;line-height:1.45}.privacy-band{background:var(--plum);color:var(--white);padding:84px 0 72px;overflow:hidden}.privacy-band>.eyebrow{color:var(--lavender);padding:0 5vw}.privacy-marquee{white-space:nowrap;overflow:hidden}.privacy-marquee div{font:900 clamp(4rem, 9vw, 10rem)/.82 var(--display);color:var(--lime);animation-duration:30s}.final-cta{background:var(--lavender);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:850px;padding:110px 6vw;display:flex;position:relative;overflow:hidden}.final-cta h2{z-index:2;font-size:clamp(8rem,19vw,20rem);line-height:.66;position:relative}.final-cta h2 span{color:var(--lime);-webkit-text-stroke:3px var(--plum)}.final-cta>p:not(.eyebrow){z-index:2;font-size:1.25rem;font-weight:700;position:relative}.final-cta .pill-button{z-index:2;margin-top:24px;position:relative}.floating-word{background:var(--peach);font:900 1.4rem var(--display);border-radius:999px;padding:14px 22px;animation:7s ease-in-out infinite drift;position:absolute}.floating-word.one{top:24%;left:8%;transform:rotate(-10deg)}.floating-word.two{background:var(--lime);animation-delay:-2s;top:32%;right:8%;transform:rotate(8deg)}.floating-word.three{background:var(--white);animation-delay:-4s;bottom:18%;left:14%;transform:rotate(5deg)}footer{background:var(--cream);letter-spacing:.14em;grid-template-columns:auto 1fr auto auto;align-items:center;gap:32px;padding:38px 5vw;font-size:.68rem;font-weight:900;display:grid}footer p{margin:0}.reveal{animation:cubic-bezier(.16,1,.3,1) both reveal-up;animation-timeline:view();animation-range:entry 8% cover 32%}@keyframes headline-in{0%{opacity:0;transform:translateY(70px)rotate(2deg)}to{opacity:1;transform:none}}@keyframes stage-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:none}}@keyframes float-a{0%,to{translate:0}50%{translate:8px -20px}}@keyframes float-b{0%,to{translate:0}50%{translate:-10px 18px}}@keyframes rule-float{0%,to{translate:0}50%{translate:-8px -10px}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes card-breathe{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes demo-arrive{0%{opacity:0;transform:translateY(90px)rotate(5deg)scale(.92)}to{opacity:1;transform:none}}@keyframes bench-arrive{0%{opacity:0;transform:translate(-80px)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes result-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes swap-rock{0%,to{translate:0}50%{translate:0 -15px}}@keyframes arrow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes drift{0%,to{translate:0}50%{translate:12px -18px}}@keyframes reveal-up{0%{opacity:.2;transform:translateY(80px)}to{opacity:1;transform:none}}@media (max-width:980px){.site-header{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:1fr;padding-top:140px}.hero-stage{min-height:520px}.lineup-section,.swap-story,.app-showcase{grid-template-columns:1fr}.app-panel{min-height:980px}.phone-shell{width:min(500px,70%);bottom:-39%}.steps-grid{grid-template-columns:1fr}.step-card{min-height:330px}footer{grid-template-columns:1fr 1fr}}@media (max-width:620px){.site-header{height:60px;padding:0 10px 0 18px;top:10px;left:10px;right:10px}.wordmark{font-size:1.7rem}.header-cta{padding:12px 15px}.hero{min-height:auto;padding:120px 22px 65px}.hero h1{font-size:clamp(5.2rem,27vw,8.5rem)}.hero h1 span:nth-child(2){-webkit-text-stroke-width:2px}.hero-stage{min-height:460px;margin-top:20px}.sub-card{border-radius:22px;grid-template-columns:48px 1fr auto;gap:12px;width:94%;height:84px;padding:12px 14px;font-size:1rem}.sub-card b{border-radius:13px;width:44px;height:44px}.sub-card strong{font-size:1.1rem}.bench-stamp{font-size:.8rem}.scroll-note{display:none}.ticker{font-size:1.5rem}.lineup-section,.swap-story,.steps-section{padding:86px 22px}.section-heading h2,.swap-copy h2,.steps-title h2,.app-copy h2{font-size:clamp(4rem,20vw,6rem)}.swap-board{border-radius:34px;padding:16px;transform:none}.demo-progress{gap:5px}.demo-progress button{letter-spacing:.08em;gap:4px;font-size:.52rem}.demo-progress button b{width:22px;height:22px}.board-message{min-height:82px}.board-message div>strong{font-size:2rem}.board-message>b{font-size:.52rem}.lineup-card,.wants-in>div{grid-template-columns:42px 1fr auto;min-height:72px;padding:10px 12px}.lineup-card b,.wants-in b{width:38px;height:38px}.swap-animation{grid-template-columns:1fr 1fr;gap:12px;min-height:400px}.swap-slot{border-radius:30px;min-height:230px;padding:20px}.swap-slot b{border-radius:18px;width:60px;height:60px}.swap-slot span{font-size:1.8rem}.swap-arrow{display:none}.saving-chip{font-size:.72rem;bottom:4%}.app-panel{min-height:820px;padding:76px 22px 0}.phone-shell{border-radius:45px;width:78%;padding:9px;bottom:-32%}.phone-shell img{border-radius:37px}.steps-title{display:block}.steps-title .eyebrow{margin-bottom:18px}.step-card{border-radius:32px;padding:26px}.privacy-marquee div{font-size:5rem}.final-cta{min-height:680px;padding:80px 22px}.final-cta h2{font-size:clamp(7rem,35vw,11rem)}.floating-word{display:none}footer{grid-template-columns:1fr;gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{animation:none}}