:root[data-look=pop]{--studio: #f3f6ff;--studio-deep: #ffffff;--chalk: #17123a;--mist: #4f4a72;--rule: rgba(23, 18, 58, .16);--ink: #17123a;--sky: #48c0ff;--pink: #ff5fa2;--pop-shadow: 6px 6px 0 var(--ink);color-scheme:light}[data-look=pop] body{background:var(--studio)}[data-look=pop] .hero{background:radial-gradient(circle at 1px 1px,rgba(23,18,58,.13) 1.2px,transparent 0) 0 0 / 22px 22px,var(--studio);padding-bottom:40px}[data-look=pop] h1{color:var(--ink);text-shadow:5px 5px 0 var(--pylon);letter-spacing:-.005em}[data-look=pop] .lede{font-weight:700}[data-look=pop] .stickers{display:flex;gap:14px;position:absolute;right:0;top:8px;margin:0;padding:0;list-style:none}[data-look=pop] .stickers li{font:900 30px/1 var(--display);padding:10px 16px 8px;border:3px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);color:var(--ink)}[data-look=pop] .s-nfl{background:#3ddc84;transform:rotate(-7deg)}[data-look=pop] .s-nba{background:var(--sky);transform:rotate(5deg) translateY(10px)}[data-look=pop] .s-free{background:var(--fan);transform:rotate(-3deg) translateY(-4px)}[data-look=pop] .cta{color:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:var(--pop-shadow);transition:transform .12s,box-shadow .12s}[data-look=pop] .cta:hover{background:var(--pylon);transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}[data-look=pop] .cta:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}[data-look=pop] .signin{border-color:var(--pylon);border-bottom-width:3px}[data-look=pop] .wall{background:#fff;border:3px solid var(--ink);border-radius:24px;padding:16px;box-shadow:10px 10px 0 var(--ink)}[data-look=pop] .wall-label{color:var(--ink);font-size:14px}[data-look=pop] .screen,[data-look=pop] .sources{--chalk: #f2f4f8;--mist: #a9b7d3;--studio-deep: #0a1530;color:#f2f4f8}[data-look=pop] .screen{border-radius:14px}[data-look=pop] .source{border-radius:10px;background:#1d1846}[data-look=pop] .ticker span{border:2px solid var(--ink);border-radius:999px;padding:6px 14px 6px 12px;font-weight:700}[data-look=pop] .ticker .on em{color:#d1004f}[data-look=pop] .ticker b[style],[data-look=pop] .ticker b{filter:brightness(.85)}[data-look=pop] .pause{border:2px solid var(--ink);border-radius:999px;color:var(--ink);background:#fff;box-shadow:3px 3px 0 var(--ink)}[data-look=pop] .ways dl{gap:28px}[data-look=pop] .ways dl>div{border:3px solid var(--ink);border-radius:22px;padding:26px 24px 28px;background:var(--k);box-shadow:var(--pop-shadow);color:var(--ink)}[data-look=pop] .ways dl>div:nth-child(1){transform:rotate(-1.2deg)}[data-look=pop] .ways dl>div:nth-child(2){transform:rotate(.8deg) translateY(8px);--k: var(--fan) !important}[data-look=pop] .ways dl>div:nth-child(3){transform:rotate(-.6deg);--k: var(--sky) !important}[data-look=pop] .ways dl>div:nth-child(4){transform:rotate(1.1deg) translateY(6px);--k: var(--pink) !important}[data-look=pop] .ways dd{color:var(--ink)}[data-look=pop] .ways .chip{background:#fff;color:var(--ink);border:2px solid var(--ink)}[data-look=pop] .ways .chip.quiet{color:var(--ink)}[data-look=pop] .ways .tag.clutch{border:2px solid var(--ink)}[data-look=pop] section.band{--bezel: var(--ink);--chalk: #f3f6ff;--mist: #b9b4e0;--rule: rgba(243, 246, 255, .18);color:#f3f6ff}[data-look=pop] .timeline time{color:var(--fan)}[data-look=pop] .close.band{--bezel: var(--pylon);--chalk: var(--ink);--mist: var(--ink);color:var(--ink)}[data-look=pop] .close .cta{background:#fff}[data-look=pop] .steps li{border-top:3px solid var(--ink)}[data-look=pop] .steps li:before{border-radius:50%;border:3px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}[data-look=pop] .details dl>div{border-top:3px solid var(--ink)}[data-look=pop] .faq details{border:2px solid var(--ink);border-radius:16px;padding:0 20px;margin-bottom:10px;background:#fff}[data-look=pop] .faq details:last-of-type{border-bottom:2px solid var(--ink)}[data-look=pop] .faq summary:after{color:var(--pylon)}[data-look=pop] .faq details p{color:var(--mist)}[data-look=pop] :focus-visible{outline-color:var(--pink)}:root[data-look=orange]{--studio: #ffffff;--studio-deep: #fff1e8;--chalk: #1c1233;--mist: #5d5470;--rule: rgba(28, 18, 51, .12);--ink: #1c1233;--peach: #ffe6d6;color-scheme:light}[data-look=orange] body{background:#fff}[data-look=orange] .top{position:relative;z-index:1}[data-look=orange] .hero{background:linear-gradient(to bottom,var(--pylon) 0,var(--pylon) calc(100% - 260px),#fff calc(100% - 260px));margin-top:-84px;padding-top:84px;padding-bottom:32px}[data-look=orange] .mark rect{fill:var(--ink)}[data-look=orange] .mark path,[data-look=orange] .mark circle{stroke:var(--pylon)}[data-look=orange] .mark circle{fill:var(--pylon);stroke:none}[data-look=orange] .signin{background:var(--ink);color:#fff;border:0;padding:10px 18px;border-radius:999px}[data-look=orange] h1{color:var(--ink);font-size:clamp(56px,9.4vw,152px)}[data-look=orange] .lede{color:var(--ink);font-weight:700}[data-look=orange] .fine{color:#1c1233bf}[data-look=orange] .cta{background:var(--ink);color:#fff;border-radius:999px;padding:20px 32px 19px;transition:transform .15s}[data-look=orange] .cta:hover{background:#2e2152;transform:scale(1.04);box-shadow:none}[data-look=orange] .stickers{display:flex;position:absolute;right:0;top:0;gap:10px;margin:0;padding:0;list-style:none}[data-look=orange] .stickers li{font:800 22px/1 var(--display);padding:10px 18px 9px;border-radius:999px;background:#fff;color:var(--ink)}[data-look=orange] .s-free{background:var(--ink)!important;color:#fff!important;transform:rotate(-4deg)}[data-look=orange] .wall{background:var(--ink);border:0;border-radius:32px;padding:18px;box-shadow:0 40px 80px -40px #1c123399}[data-look=orange] .wall-label{color:#ffffffb3}[data-look=orange] .screen,[data-look=orange] .sources{--chalk: #f2f4f8;--mist: #a9b7d3;--studio-deep: #0a1530;color:#f2f4f8}[data-look=orange] .screen{border-radius:18px}[data-look=orange] .source{border-radius:12px;background:#2a1f47}[data-look=orange] .ticker span{background:var(--studio-deep);border-radius:999px;padding:7px 16px 7px 12px}[data-look=orange] .ticker .on em{color:#c2410c}[data-look=orange] .ticker b{filter:brightness(.85)}[data-look=orange] .pause{border-radius:999px;border-color:var(--ink);color:var(--ink)}[data-look=orange] .ways dl{gap:20px}[data-look=orange] .ways dl>div{border:0;border-radius:28px;padding:28px 26px 30px;background:var(--peach)}[data-look=orange] .ways dl>div:nth-child(2){background:#fff3c4}[data-look=orange] .ways dl>div:nth-child(3){background:#ddf1ff}[data-look=orange] .ways dl>div:nth-child(4){background:#ffe0e6}[data-look=orange] .ways dd{color:var(--ink)}[data-look=orange] .ways .chip{background:#fff;color:var(--ink)}[data-look=orange] section.band{--bezel: var(--ink);--chalk: #fff;--mist: #c9c1dd;--rule: rgba(255, 255, 255, .14);color:#fff;border-radius:0}[data-look=orange] .timeline time{color:var(--pylon)}[data-look=orange] .close.band{--bezel: var(--pylon);--chalk: var(--ink);--mist: var(--ink);color:var(--ink)}[data-look=orange] .steps li{border-top:0;background:var(--studio-deep);border-radius:24px;padding:26px 24px 28px}[data-look=orange] .steps li:before{border-radius:50%;color:#fff;background:var(--pylon)}[data-look=orange] .details dl>div{border-top:0}[data-look=orange] .details dt:before{content:"";display:block;width:36px;height:6px;border-radius:3px;background:var(--pylon);margin-bottom:14px}[data-look=orange] .faq details{border:0;background:var(--studio-deep);border-radius:18px;padding:0 22px;margin-bottom:10px}[data-look=orange] .faq details:last-of-type{border:0}[data-look=orange] .faq summary:after{color:var(--pylon)}[data-look=orange] :focus-visible{outline-color:var(--ink)}@media(max-width:900px){[data-look=pop] .stickers,[data-look=orange] .stickers{position:static;grid-area:stickers;justify-self:start}[data-look=pop] .hero-copy,[data-look=orange] .hero-copy{grid-template-areas:"stickers" "title" "lede" "act"}[data-look=pop] .stickers li{font-size:22px}[data-look=pop] .ways dl>div{transform:none!important}}.looks{position:fixed;z-index:50;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:4px;padding:5px;background:#17123a;border-radius:999px;box-shadow:0 10px 30px #00000059;font:700 14px/1 Atkinson Hyperlegible,sans-serif}.looks a{color:#fff;text-decoration:none;padding:9px 14px;border-radius:999px;white-space:nowrap}.looks a[aria-current=true]{background:#ff6b1a;color:#17123a}