:root{--ink:#eef3ff;--muted:#aeb9cc;--surface:#172235;--line:#31415d;--blue:#698eff;--green:#5dd7a0;--red:#ff8b8b;--bg:#0d131e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-header,main,footer{max-width:1120px;margin:auto}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{font-weight:900;letter-spacing:.08em;text-decoration:none;color:var(--ink)}.brand span,.eyebrow,.queue-number{color:#91adff}.site-header nav{display:flex;gap:22px}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover{color:var(--ink)}main{padding:34px 28px 64px}.hero{padding:46px 0 58px;max-width:790px}.eyebrow{text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.12em;margin:0 0 10px}.hero h1,.page-intro h1{font-size:clamp(2.5rem,6vw,5.8rem);line-height:1;letter-spacing:-.06em;margin:0 0 24px}.lead,.page-intro>p{color:var(--muted);font-size:1.15rem;max-width:700px}.actions{display:flex;gap:12px;margin-top:30px}.button,button{display:inline-block;border:1px solid var(--line);background:#23314a;color:var(--ink);padding:12px 18px;border-radius:10px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.button.primary,button.primary{background:var(--blue);border-color:var(--blue);color:#081226}.status-card,.form-card,.queue-row,.empty,.notice{background:var(--surface);border:1px solid var(--line);border-radius:16px}.status-card{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.status-card h2{margin:0}.status-card a{color:#aabfff}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.three-columns article{padding:8px}.three-columns span{font-weight:900;color:var(--blue)}.three-columns h2{margin:8px 0}.three-columns p{color:var(--muted)}.page-intro{margin:20px 0 32px}.page-intro h1{font-size:clamp(2.4rem,5vw,4.5rem);margin-bottom:12px}.split-title{display:flex;justify-content:space-between;align-items:end;gap:18px}.form-card{max-width:700px;padding:24px;display:grid;gap:18px}label{font-weight:750;display:grid;gap:8px}label small{font-weight:400;color:var(--muted)}input{width:100%;background:#0e1726;color:var(--ink);border:1px solid var(--line);padding:13px;border-radius:9px;font:inherit}.notice,.empty{padding:16px 20px;margin:18px 0;max-width:700px}.notice.success{border-color:#287c5c;color:#b9f8d9}.notice.error{border-color:#8b4b51;color:#ffc4c4}.empty{color:var(--muted)}.empty a{color:#adc0ff}.queue{display:grid;gap:10px}.queue-row{padding:16px;display:flex;align-items:center;gap:18px}.queue-row.status-playing{border-color:var(--green);box-shadow:0 0 0 1px #235e49}.queue-number{font-weight:900;font-size:1.2rem;min-width:28px}.song{flex:1;display:grid}.song span,.song small{color:var(--muted);font-size:.9rem}.song b{color:var(--ink)}.queue-actions{display:flex;gap:8px}.queue-actions button{padding:8px 12px;font-size:.88rem}.queue-actions .quiet{background:transparent;color:var(--muted)}footer{padding:20px 28px 34px;color:#71809a;font-size:.85rem}.tv-body{background:#050910}.tv-screen{max-width:none;min-height:100vh;padding:0;display:grid;place-items:center}.waiting{text-align:center}.waiting p{color:#9ab0ee;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.waiting h1{font-size:clamp(3rem,8vw,8rem);line-height:.94;letter-spacing:-.06em;margin:18px 0}.now-playing{padding:24px 7vw;position:absolute;z-index:1;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.92));text-align:center}.now-playing span{font-size:.8rem;font-weight:900;letter-spacing:.15em;color:#aabfff}.now-playing h1{font-size:clamp(2.4rem,6vw,5rem);margin:7px 0 0;line-height:1}.now-playing h2{color:#c4cedf;font-size:clamp(1rem,2vw,1.6rem);font-weight:500;margin:6px 0}.player-wrap{height:100vh;width:100vw;background:#000}.player-wrap iframe,.player-wrap #youtube-player{height:100%;width:100%;border:0}.direct-player{min-height:100vh;width:100vw;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 70% 20%,#311145,transparent 35%),#080c14;padding:30px}.direct-player span{color:#aabfff;font-weight:900;font-size:.82rem;letter-spacing:.16em}.direct-player h1{font-size:clamp(2.4rem,6vw,6rem);line-height:1;letter-spacing:-.06em;margin:16px 0}.direct-player p{font-size:1.15rem;color:var(--muted)}@media(max-width:700px){.site-header{padding:0 18px}.site-header nav{gap:12px}.site-header nav a{font-size:.9rem}main{padding:22px 18px 46px}.three-columns{grid-template-columns:1fr}.status-card,.split-title{align-items:flex-start;flex-direction:column}.queue-row{align-items:flex-start;flex-wrap:wrap}.queue-actions{margin-left:46px}.hero h1{font-size:3.2rem}}
/* Public product landing page */
.landing-header{justify-content:flex-end}.landing-nav{display:flex;align-items:center;gap:14px}.landing-nav form{margin:0}.landing-nav label{display:block}.landing-nav select{background:#101b2e;color:var(--ink);border:1px solid #506486;border-radius:9px;padding:9px 11px;font:700 .85rem inherit}.landing-nav a{color:#c7d5ee;text-decoration:none;font-weight:750;font-size:.92rem}.landing-nav .landing-login{padding:9px 13px;border:1px solid #526baf;border-radius:9px;background:#273b65;color:#fff}.landing-logo{width:205px!important}.landing-brand-lockup{display:flex;flex-direction:column;align-items:flex-start}.landing-topline .eyebrow{margin:10px 0 0!important;color:#ff9b5d;max-width:340px}.landing-hero-content{justify-content:flex-end!important;padding-bottom:74px!important}.landing-hero h1{font-size:clamp(2.4rem,4vw,3.25rem)!important;line-height:.98!important;letter-spacing:-.055em!important;white-space:nowrap}.landing-youtube{margin-bottom:28px!important}.landing-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 74px}.landing-capabilities article{padding:34px 36px;border:1px solid #314d69;border-radius:19px;background:linear-gradient(145deg,#15283a,#101b2c)}.landing-capabilities article:last-child{border-color:#665080;background:linear-gradient(145deg,#271d3a,#161b2e)}.landing-capabilities .eyebrow{color:#7dc8ff}.landing-capabilities article:last-child .eyebrow{color:#d6a1ff}.landing-capabilities h2{font-size:1.55rem;line-height:1.1;letter-spacing:-.03em;margin:0 0 10px}.landing-capabilities p:last-child{margin:0;color:var(--muted)}@media(max-width:700px){.landing-header{height:auto;min-height:70px;padding:14px 18px}.landing-nav{width:100%;justify-content:flex-end;gap:9px;flex-wrap:wrap}.landing-nav a{font-size:.82rem}.landing-nav select{padding:7px 8px;font-size:.78rem}.landing-capabilities{grid-template-columns:1fr;margin-bottom:54px}.landing-capabilities article{padding:28px 24px}.landing-logo{width:150px!important}.landing-hero h1{white-space:normal}}
.landing-player{display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;padding:0 14px 74px}.landing-player h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 15px}.landing-player>div>p{color:var(--muted);font-size:1.05rem;margin:0}.landing-player ol{display:grid;gap:11px;margin:0;padding:0;list-style:none}.landing-player li{display:flex;gap:17px;padding:17px 18px;border:1px solid #31415d;border-radius:13px;background:#121d2e}.landing-player li>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#fa8145;color:#171019;font-weight:900;font-size:.78rem}.landing-player li strong{display:block;font-size:1rem}.landing-player li p{color:var(--muted);font-size:.9rem;margin:3px 0 0}.landing-player .eyebrow{color:#ff9b5d}@media(max-width:700px){.landing-player{grid-template-columns:1fr;gap:28px;padding-bottom:54px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing-hero{min-height:620px;position:relative;overflow:hidden;border:1px solid #293b5b;border-radius:26px;isolation:isolate;background:#081221;margin-bottom:54px}.landing-hero-image,.landing-hero-shade{position:absolute;inset:0;width:100%;height:100%}.landing-hero-image{object-fit:cover;object-position:center}.landing-hero-shade{background:linear-gradient(90deg,rgba(8,15,27,.99) 0%,rgba(8,15,27,.94) 38%,rgba(8,15,27,.42) 69%,rgba(8,15,27,.15) 100%),linear-gradient(0deg,rgba(8,15,27,.45),transparent 45%)}.landing-hero-content{position:relative;z-index:1;width:min(610px,62%);padding:36px 42px 46px;display:flex;min-height:620px;flex-direction:column;justify-content:center}.landing-topline{position:absolute;top:30px;left:42px;right:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.landing-logo{width:112px;height:auto;filter:drop-shadow(0 4px 16px rgba(0,0,0,.5))}.landing-topline label{display:block}.landing-topline select{background:#101b2e;color:var(--ink);border:1px solid #506486;border-radius:9px;padding:9px 11px;font:700 .85rem inherit}.landing-hero .eyebrow{color:#ff9b5d;margin-top:84px}.landing-hero h1{font-size:clamp(3.25rem,5.4vw,5.4rem);line-height:.95;letter-spacing:-.065em;margin:0 0 22px}.landing-hero .lead{font-size:1.08rem;max-width:560px;color:#d5ddec;margin:0}.landing-hero .actions{margin-top:28px}.landing-hero .actions .button:first-child{background:rgba(23,34,53,.78);backdrop-filter:blur(8px)}.landing-hero-note{margin:26px 0 0;color:#bcc9df;font-size:.88rem}.landing-hero-note span{color:#42d69a}.landing-section{max-width:760px;margin:0 auto 30px;text-align:center}.landing-section h2,.landing-feature h2,.landing-languages h2,.landing-youtube h2,.landing-cta h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 15px}.landing-intro>p:last-child,.landing-feature-copy>p,.landing-languages>div>p,.landing-youtube p,.landing-cta p{color:var(--muted);font-size:1.05rem;margin:0}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 74px}.landing-steps article{background:linear-gradient(145deg,#19263a,#111a29);border:1px solid #314563;border-radius:16px;padding:28px 26px;min-height:228px}.landing-steps span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#293c60;color:#a9c1ff;font-weight:900;font-size:.82rem}.landing-steps h2{margin:21px 0 8px;font-size:1.25rem}.landing-steps p{color:var(--muted);margin:0}.landing-youtube{display:grid;grid-template-columns:.86fr 1.14fr;gap:42px;padding:44px 48px;margin:0 0 74px;border:1px solid #754126;border-radius:20px;background:linear-gradient(110deg,#261612,#1b1d2a 58%,#152444)}.landing-youtube .eyebrow{color:#ff9b5d}.landing-youtube-note{font-size:.9rem!important;padding-top:16px;margin-top:16px!important;border-top:1px solid #64443d}.landing-feature{display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;border:1px solid #2e4160;border-radius:21px;background:#131e30;margin-bottom:74px}.landing-feature>img{width:100%;height:100%;min-height:385px;object-fit:cover}.landing-feature-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.landing-feature-copy .eyebrow{color:#ff9b5d}.landing-detail{display:grid;gap:5px;margin-top:25px;padding:15px 17px;border-left:3px solid #ff8a4c;background:#202d43;border-radius:0 10px 10px 0}.landing-detail span{color:#aeb9cc;font-size:.93rem}.landing-languages{display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;padding:10px 14px 78px}.landing-language-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.landing-language-columns>div{padding:22px;border:1px solid #31415d;border-radius:15px;background:#111b2b}.landing-language-columns strong{display:block;font-size:1.08rem}.landing-language-columns p{font-size:.9rem!important;margin:6px 0 17px!important}.landing-language-list{display:flex;flex-wrap:wrap;gap:7px}.landing-language-list span{padding:5px 8px;border-radius:7px;background:#20314c;color:#dbe5fb;font-size:.78rem;font-weight:700}.landing-language-list.admin span{background:#27335b;color:#fff}.landing-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:46px 48px;border-radius:21px;background:linear-gradient(120deg,#30457c,#202e50 48%,#141e31);border:1px solid #5069ac}.landing-cta .eyebrow{color:#b9caff}.landing-cta h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:9px}.landing-cta .button{white-space:nowrap;background:#ff8448;border-color:#ff9b5d;color:#171019}@media(max-width:700px){.landing-hero{min-height:650px;border-radius:18px}.landing-hero-image{object-position:69% center}.landing-hero-shade{background:linear-gradient(90deg,rgba(8,15,27,.98),rgba(8,15,27,.74)),linear-gradient(0deg,rgba(8,15,27,.48),transparent 60%)}.landing-hero-content{width:100%;min-height:650px;padding:28px 24px 34px}.landing-topline{left:24px;right:20px;top:22px}.landing-logo{width:96px}.landing-hero .eyebrow{margin-top:80px}.landing-hero h1{font-size:3.1rem}.landing-hero .actions{flex-direction:column}.landing-hero .actions .button{text-align:center}.landing-steps,.landing-youtube,.landing-feature,.landing-languages{grid-template-columns:1fr}.landing-steps{margin-bottom:54px}.landing-youtube{gap:16px;padding:31px 25px;margin-bottom:54px}.landing-feature{margin-bottom:54px}.landing-feature>img{min-height:250px;max-height:310px}.landing-feature-copy{padding:32px 25px}.landing-languages{gap:28px;padding-bottom:54px}.landing-language-columns{grid-template-columns:1fr}.landing-cta{flex-direction:column;align-items:flex-start;padding:34px 25px}.landing-cta .button{width:100%;text-align:center}}
.showcase-intro{max-width:800px;padding:34px 0 38px}.showcase-intro .eyebrow{color:#ff9b5d}.showcase-intro h1{font-size:clamp(2.7rem,5vw,5.1rem);line-height:.98;letter-spacing:-.06em;margin:0 0 18px}.showcase-intro>p{max-width:680px;color:var(--muted);font-size:1.12rem;margin:0 0 24px}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 0 64px}.showcase-card{overflow:hidden;border:1px solid #32435f;border-radius:20px;background:#131d2e}.showcase-shot{height:340px;display:grid;place-items:center;overflow:hidden;background:#09101b;border-bottom:1px solid #32435f}.showcase-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.showcase-shot-wide img{object-fit:contain}.showcase-card-body{padding:26px 28px 30px}.showcase-card-body .eyebrow{color:#84b9ff}.showcase-card h2{font-size:1.55rem;line-height:1.08;letter-spacing:-.035em;margin:0 0 10px}.showcase-card p:last-child{margin:0;color:var(--muted)}.showcase-outlook{display:flex;align-items:center;min-height:260px;background:radial-gradient(circle at 85% 10%,#243e7a,transparent 48%),linear-gradient(145deg,#1c233b,#121b2b)}.showcase-outlook .eyebrow{color:#62d8a2}@media(max-width:700px){.showcase-intro{padding:20px 0 30px}.showcase-grid{grid-template-columns:1fr;margin-bottom:44px}.showcase-shot{height:250px}.showcase-card-body{padding:23px}.showcase-intro h1{font-size:clamp(2.5rem,12vw,3.8rem)}}
.landing-feature-list{padding:4px 14px 76px}.landing-feature-list-heading{max-width:720px;margin:0 auto 25px;text-align:center}.landing-feature-list-heading .eyebrow{color:#ff9b5d}.landing-feature-list-heading h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.04;letter-spacing:-.045em;margin:0}.landing-feature-list-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-feature-list-cards article{padding:27px 24px;border:1px solid #3b4c70;border-radius:17px;background:linear-gradient(145deg,#18263a,#101927)}.landing-feature-list-cards article:nth-child(2){border-color:#794343;background:linear-gradient(145deg,#34201f,#191925)}.landing-feature-list-cards span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#294164;color:#b6cdff;font-weight:900}.landing-feature-list-cards article:nth-child(2) span{background:#783b35;color:#ffe0c6}.landing-feature-list-cards h3{font-size:1.15rem;margin:17px 0 7px}.landing-feature-list-cards p{color:var(--muted);font-size:.93rem;margin:0}@media(max-width:700px){.landing-feature-list{padding:0 0 54px}.landing-feature-list-cards{grid-template-columns:1fr}.landing-feature-list-cards article{padding:24px}}
.landing-remote{padding:0 14px 76px}.landing-remote-heading{max-width:760px;margin:0 auto 25px;text-align:center}.landing-remote-heading .eyebrow{color:#a7baff}.landing-remote-heading h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.04;letter-spacing:-.045em;margin:0}.landing-remote-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.landing-remote-cards article{min-height:255px;padding:32px;border:1px solid #445b96;border-radius:20px}.landing-remote-live{background:radial-gradient(circle at 86% 8%,#32539b,transparent 46%),linear-gradient(145deg,#182d4c,#111b2c)}.landing-remote-soon{background:radial-gradient(circle at 86% 8%,#773f78,transparent 45%),linear-gradient(145deg,#2d1d3b,#171927);border-color:#85557f!important}.landing-feature-badge{display:inline-block!important;margin:0 0 24px!important;padding:6px 9px;border:1px solid #5ee0a5;border-radius:999px;color:#8af1bd!important;font-size:.72rem!important;font-weight:900;letter-spacing:.08em}.landing-remote-soon .landing-feature-badge{border-color:#e7a7f3;color:#f0bcfa!important}.landing-remote-cards h3{font-size:1.8rem;line-height:1.05;letter-spacing:-.04em;margin:0 0 12px}.landing-remote-cards p:last-child{max-width:520px;margin:0;color:#d1daec;font-size:1.02rem}@media(max-width:700px){.landing-remote{padding:0 0 54px}.landing-remote-cards{grid-template-columns:1fr}.landing-remote-cards article{min-height:0;padding:28px 24px}}
.landing-versions{padding:0 14px 76px}.landing-versions-heading{max-width:720px;margin:0 auto 25px;text-align:center}.landing-versions-heading .eyebrow{color:#ff9b5d}.landing-versions-heading h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.04;letter-spacing:-.045em;margin:0}.landing-version-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.landing-version-grid article{padding:29px 30px;border:1px solid #3c526f;border-radius:20px;background:#131e30}.landing-version-now{background:linear-gradient(145deg,#152c2b,#101c27)!important;border-color:#347863!important}.landing-version-next{background:linear-gradient(145deg,#261d39,#171928)!important;border-color:#735487!important}.landing-version-grid h3{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-size:1.12rem;letter-spacing:.035em}.landing-version-grid h3 span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1b9c68;color:#fff;font-size:.9rem}.landing-version-next h3 span{background:#6c4f82}.landing-version-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.landing-version-group-grid section{padding:17px 17px 18px;border:1px solid rgba(108,224,170,.24);border-radius:13px;background:rgba(9,24,31,.3)}.landing-version-group-grid section:last-child{grid-column:1/-1}.landing-version-group-grid h4{margin:0 0 10px;color:#a8f0cb;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.landing-version-grid ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.landing-version-grid li{position:relative;padding-left:22px;color:#d8e4ee;font-size:.91rem}.landing-version-now li:before{content:'✓';position:absolute;left:0;color:#6ce0aa;font-weight:900}.landing-version-next li:before{content:'○';position:absolute;left:0;color:#d5b4ff;font-weight:900}@media(max-width:700px){.landing-versions{padding:0 0 54px}.landing-version-grid{grid-template-columns:1fr}.landing-version-grid article{padding:26px 23px}.landing-version-group-grid{grid-template-columns:1fr}.landing-version-group-grid section:last-child{grid-column:auto}}