:root{--paper:#e9e8ed;--black:#121215;--pink:#fa257d;--cyan:#9ce8ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--pink);outline-offset:7px}header{height:90px;position:absolute;z-index:5;top:0;left:0;right:0;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:20px;font-weight:900;letter-spacing:-1px}nav{display:flex;gap:38px}nav a,.eyebrow,.label,.section-top,.hero-foot,footer>span,footer>a:last-child{font-size:10px;letter-spacing:2.2px;font-weight:600}nav a{padding:10px 0}.hero{min-height:790px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#fff 5%,#dbdae4 55%,#8b8999 100%)}.portal{position:absolute;inset:-10%;pointer-events:none;opacity:.93;transform:rotate(-22deg)}.portal i{position:absolute;left:50%;top:50%;width:1100px;height:1350px;border:42px solid #292a30;border-radius:47%;transform:translate(-50%,-50%);box-shadow:inset 6px 8px 13px #ffffff38,6px 9px 20px #1115}.portal i:nth-child(2){width:1260px;height:1510px;transform:translate(-50%,-50%) rotate(9deg)}.portal i:nth-child(3){width:1420px;height:1670px;transform:translate(-50%,-50%) rotate(18deg)}.portal i:nth-child(4){width:1580px;height:1830px;transform:translate(-50%,-50%) rotate(27deg)}.portal i:nth-child(5){width:1740px;height:1990px;transform:translate(-50%,-50%) rotate(36deg)}.portal i:nth-child(6){width:1900px;height:2150px;transform:translate(-50%,-50%) rotate(45deg)}.portal i:nth-child(7){width:2060px;height:2310px;transform:translate(-50%,-50%) rotate(54deg)}.hero-content{position:relative;text-align:center;padding:120px 20px 90px}.sigil{margin:0 auto 34px;width:68px;height:68px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #ffffffb0;border-radius:50%;font-weight:900;font-size:22px;box-shadow:0 0 34px #ff329948,inset 0 0 22px #bbf9ff90}.sigil b{color:var(--pink);text-shadow:0 0 9px #ff3299}.eyebrow{font-size:9px;letter-spacing:3px}h1{font-size:clamp(60px,7.7vw,112px);line-height:.95;letter-spacing:-5px;margin:25px 0 24px;font-weight:900}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--black)}.tagline{font-size:17px;line-height:1.6;letter-spacing:.2px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--pink);color:white;border-radius:40px;min-height:56px;padding:17px 31px;font-size:10px;letter-spacing:2px;font-weight:bold;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #fa257d35}.hero-foot{position:absolute;left:5%;right:5%;bottom:28px;display:flex;justify-content:space-between;font-size:8px}.listen{background:#faf9f6;padding:65px 7% 80px}.section-top{display:flex;justify-content:space-between;font-size:9px;padding-bottom:22px;border-bottom:1px solid #cccbd0;color:#666}.listen h2{font-size:clamp(42px,5vw,70px);letter-spacing:-3px;line-height:1.06;margin:40px 0 17px}.listen h2 span{color:#85818a}.intro{font-size:15px;color:#666}.platforms{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border:1px solid #cccbd0}.platforms a{position:relative;padding:26px 26px 34px;min-height:200px;transition:background .2s}.platforms a+a{border-left:1px solid #cccbd0}.platforms a:hover{background:#f5e4ed}.number{font:10px 'Courier New',monospace;color:#777}.platforms h3{font-size:29px;letter-spacing:-1px;margin:35px 0 11px}.label{font-size:8px;letter-spacing:1.4px;color:#555}.arrow{position:absolute;right:27px;top:27px;width:14px;height:14px;border-right:1px solid var(--black);border-top:1px solid var(--black)}.arrow:after{content:'';position:absolute;right:-2px;top:6px;width:20px;height:1px;background:var(--black);transform:rotate(-45deg)}.feature{display:grid;grid-template-columns:1fr 1fr;background:#141416;color:#fff;min-height:480px}.orb-art{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,#422249 0%,#19191e 55%)}.orb{width:275px;height:275px;border-radius:50%;background:radial-gradient(circle at 33% 27%,#f7ffff 0%,#b7f8f9 8%,#aaa5e1 25%,#ee76bc 43%,#452344 67%,#111 85%);box-shadow:0 0 50px #d46bbb28,inset -12px -8px 30px #000}.orb:after{content:'';display:block;position:absolute;left:50%;top:50%;width:360px;height:90px;border:1px solid #d9faff99;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg)}.orb-art>span{position:absolute;bottom:35px;left:35px;font-size:11px;letter-spacing:3px;color:#d5d1de}.feature-copy{padding:65px 13%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.feature h2{font-size:65px;line-height:1.02;letter-spacing:-3px;margin:18px 0}.feature p:not(.eyebrow){font-size:15px;line-height:1.6;color:#bebac5}.white{background:#f9f8f6;color:#111;margin-top:15px;font-size:8px;letter-spacing:1.2px;gap:15px}footer{min-height:120px;background:#141416;color:#fff;border-top:1px solid #3b383f;display:flex;align-items:center;justify-content:space-between;padding:0 5%}footer>span{font-size:8px;color:#aaa}footer>a:last-child{font-size:8px}@media(min-width:1500px){.portal{transform:rotate(-22deg) scale(1.3)}}@media(max-width:700px){header{height:75px;padding:0 6%}.wordmark{font-size:17px}nav{gap:20px}nav a{font-size:8px;letter-spacing:1.3px}.hero{min-height:740px}.hero-content{padding:110px 25px 80px}.portal{transform:rotate(-18deg) scale(.58)}.portal i{width:750px;height:1350px}.portal i:nth-child(2){width:900px;height:1500px}.portal i:nth-child(3){width:1050px;height:1650px}.portal i:nth-child(4){width:1200px;height:1800px}.portal i:nth-child(5){width:1350px;height:1950px}.portal i:nth-child(6){width:1500px;height:2100px}.portal i:nth-child(7){width:1650px;height:2250px}.sigil{margin-bottom:40px}h1{font-size:64px;letter-spacing:-3.5px}.eyebrow{font-size:8px;letter-spacing:2px}.tagline{font-size:15px}.hero-foot{font-size:7px;letter-spacing:1px}.hero-foot span:last-child{display:none}.listen{padding:40px 6% 45px}.section-top{font-size:7px;letter-spacing:1.4px}.listen h2{font-size:43px;letter-spacing:-2px;margin-top:30px}.platforms{grid-template-columns:1fr;margin-top:30px}.platforms a{min-height:145px;padding:23px}.platforms a+a{border-left:0;border-top:1px solid #cccbd0}.platforms h3{margin:22px 0 8px;font-size:27px}.feature{grid-template-columns:1fr}.orb-art{min-height:330px}.orb{width:220px;height:220px}.orb:after{width:290px}.feature-copy{padding:40px 8% 55px}.feature h2{font-size:59px}footer{flex-wrap:wrap;padding:28px 6%;gap:24px;min-height:100px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.live-player{margin-top:35px;max-width:850px}.player-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.player-caption p{font-size:14px;margin:0}.live-player iframe{display:block;border:0;border-radius:12px;background:#181818}.playback-note{font-size:11px;line-height:1.6;color:#666;margin-top:12px}
header>.wordmark,header nav{background:#e9e8ede6;padding:10px 14px;border-radius:24px}header nav{gap:27px}header nav a{padding:0}.hero-foot{color:#25252a;background:#e9e8ede8;padding:10px 12px;border-radius:3px}
.live-player{max-width:none;background:#ece9e8;border:1px solid #ded9dc;border-radius:18px;padding:24px;margin-top:32px}.player-caption{margin:0 0 19px;gap:15px}.player-caption p{font-size:26px;font-weight:600;letter-spacing:-.7px;margin-top:7px}.player-caption .eyebrow{font-size:8px;letter-spacing:1.8px;color:#666}.player-service{font-size:9px;letter-spacing:1.8px;color:#555;white-space:nowrap}.live-player iframe{height:175px;max-width:100%;width:100%;border-radius:10px}.playback-note{margin:15px 0 0;font-size:10px;color:#626065}.playback-note a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}@media(max-width:700px){.live-player{padding:18px 14px;border-radius:14px;margin-top:28px}.player-caption p{font-size:23px}.player-service{font-size:7px;letter-spacing:1px}.live-player iframe{height:175px}.playback-note{font-size:10px}}
