@import url('/tokens.css');
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a:hover{color:var(--cyan)}:focus-visible{outline:3px solid var(--lime);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(3rem,6.7vw,5.8rem);font-weight:750;margin-bottom:26px}h2{font-size:clamp(2rem,3.5vw,3.1rem)}h3{font-size:1.25rem}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 56px));margin:auto}.preview-bar{display:flex;justify-content:center;align-items:center;gap:12px;background:#0e1c28;font:600 10px/30px ui-monospace,monospace;letter-spacing:.1em;color:#a8c2d2;border-bottom:1px solid var(--line)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);display:inline-block}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:26px;letter-spacing:-1px;font-weight:800;color:var(--ink)}.brand svg{width:36px;color:var(--cyan)}.brand span{font-size:16px;font-weight:450;letter-spacing:-.3px;color:var(--muted)}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:550}.nav-sign-in{border:1px solid #344255;border-radius:9px;padding:10px 18px}.nav-sign-in span{margin-left:16px;color:var(--cyan)}#menu-toggle{display:none}.skip{position:fixed;top:-80px;z-index:100;background:var(--lime);color:#050911;padding:12px}.skip:focus{top:10px}.hero{padding-top:66px;padding-bottom:74px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;min-height:640px}.eyebrow{display:block;color:var(--cyan);font:600 11px/1.6 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.19em;margin-bottom:24px}.gradient-text{background:linear-gradient(100deg,var(--blue),var(--cyan));background-clip:text;-webkit-text-fill-color:transparent}.lede{font-size:18px;line-height:1.75;max-width:470px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 21px;border-radius:10px;border:1px solid #354155;background:transparent;color:var(--ink);font-size:13px;font-weight:650;line-height:1.5}.button.primary{background:var(--cyan);color:#061417;border-color:var(--cyan)}.button.primary:hover{background:#79e9df}.button.secondary:hover{background:#142438}.button.danger{color:#ffa4a4;border-color:#804a4a}.button.small{padding:8px 13px;font-size:12px}.microcopy,.fine-print{font-size:12px;color:#8da4bc}.hero-preview{position:relative;padding:24px 0}.player-frame{border:1px solid #38546b;border-radius:17px;background:#0c1521;box-shadow:0 30px 100px #061725,0 0 0 6px #101c2a66;overflow:hidden;transform:perspective(1100px) rotateY(-7deg)}.player-top{display:flex;gap:14px;align-items:center;padding:14px 17px;font-size:9px;color:#99aec1;border-bottom:1px solid #1e3043}.player-top b{margin-right:auto;color:var(--cyan);font-size:16px}.player-top .active{color:white}.landscape{height:220px;position:relative;overflow:hidden;background:#1a374b}.landscape svg{width:100%;height:100%;display:block;object-fit:cover}.landscape-label{position:absolute;bottom:17px;left:20px}.landscape-label small{font-size:8px;letter-spacing:.2em;color:var(--lime)}.landscape-label h3{font-size:25px;margin:8px 0 3px;color:white}.landscape-label p{font-size:10px;color:#c5d6de;margin:0}.player-channels{padding:15px 17px 19px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-tile{font-size:10px;color:#b4c4d3;padding:15px 10px;border-radius:7px;background:#162437;border:1px solid #203447}.mini-tile b{display:block;color:#eaf4fa;margin-bottom:6px;font-size:12px}.mini-tile:first-child{border-color:#4ce0d28c;background:#143335}.preview-note{position:relative;display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:23px 4px 0;font-size:10px;letter-spacing:.08em;color:var(--muted)}.preview-note span:first-child{border:1px solid #334452;border-radius:20px;padding:5px 11px;color:var(--lime)}.platform-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:23px 0;gap:15px;font-size:12px;color:var(--muted)}.platform-strip strong{color:#d6e3ed;font-weight:500}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}.section-head h2{max-width:570px;margin-bottom:0}.section-head p{max-width:310px;font-size:14px;margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{border-top:1px solid #324151;padding:26px 0}.feature .number{font:12px ui-monospace,monospace;color:var(--cyan);margin-bottom:28px;display:block}.feature p{font-size:14px;line-height:1.8}.feature a{font-size:13px;color:var(--cyan)}.callout{padding:38px 42px;background:linear-gradient(120deg,#112e36,#101d30);border:1px solid #294955;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.callout h2{font-size:30px;margin-bottom:10px}.callout p{font-size:14px;margin:0;max-width:660px}.site-footer{border-top:1px solid var(--line);padding-top:40px;padding-bottom:34px;display:flex;gap:25px;flex-wrap:wrap;justify-content:space-between;align-items:start}.site-footer .brand{font-size:22px}.site-footer p{font-size:12px;margin:8px 0}.footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:12px}.site-footer .fine-print{flex-basis:100%;border-top:1px solid var(--line);padding-top:22px;font-size:11px}.page{padding:50px 0 80px;min-height:65vh}.page h1{font-size:clamp(2.8rem,5vw,4rem)}.page-intro{max-width:740px;margin-bottom:36px}.page-intro p{font-size:17px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.auth-intro{padding-top:28px}.auth-intro h1{max-width:450px}.auth-intro .points{padding:0;list-style:none;color:var(--muted);font-size:14px}.points li{margin:18px 0}.points li::before{content:'✓';color:var(--cyan);margin-right:12px}.form-title{font-size:25px;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-size:13px;color:#c6d6e7}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#060f1c;border:1px solid #344457;border-radius:8px;padding:11px 13px;min-height:44px}.field input::placeholder{color:#7890a5}.field small{font-size:11px;color:var(--muted)}.field textarea{resize:vertical;min-height:180px}.form-link{display:inline-block;margin-top:20px;color:var(--cyan);font-size:13px}.form-status{font-size:13px;padding:12px 0;min-height:30px;color:var(--cyan)}.form-status.error{color:#ffabab}.full-width{width:100%}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.toolbar h1{font-size:36px;margin:0}.toolbar .actions{margin:0}.pill{border-radius:30px;border:1px solid #355262;padding:5px 11px;font-size:11px;color:var(--cyan)}.workspace{display:grid;grid-template-columns:220px 1fr;gap:28px}.sidebar{padding:20px 17px;align-self:start}.sidebar h2{font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 18px}.sidebar a,.sidebar button{display:block;width:100%;text-align:left;padding:11px 12px;margin:3px 0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px}.sidebar .selected{background:#19333d;color:var(--cyan)}.sidebar hr{border:0;border-top:1px solid var(--line);margin:22px 0}.stack{display:grid;gap:22px}.empty{padding:28px;border:1px dashed #344657;border-radius:12px;text-align:center}.empty p{font-size:13px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:17px 0}.list-row:last-child{border-bottom:0}.list-row p{font-size:12px;margin:4px 0 0}.list-row strong{font-size:14px}.row-actions{display:flex;gap:8px;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .span-two{grid-column:1/-1}.editor-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);gap:18px;margin-bottom:26px}.editor-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:12px 4px;font-size:13px}.editor-tabs button[aria-selected=true]{color:var(--cyan);border-bottom-color:var(--cyan)}.editor-note{border-left:3px solid var(--cyan);padding:11px 16px;background:#12232d;color:#b4ccd8;font-size:12px;margin-bottom:24px}.channel-row{display:grid;grid-template-columns:35px 1fr 78px 78px 80px;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.channel-row input[type=text]{background:#101e2d;border:1px solid #2d4156;border-radius:6px;color:white;padding:8px;width:100%;font-size:13px}.channel-row label{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted)}input[type=checkbox]{accent-color:var(--cyan);width:16px;height:16px}.order-buttons{display:flex;gap:5px}.icon-button{background:#132334;color:var(--ink);border:1px solid #344457;border-radius:6px;padding:5px 10px;font-size:12px;min-height:32px}.channel-symbol{width:32px;height:32px;background:#1c3b46;border-radius:9px;display:grid;place-items:center;color:var(--cyan);font-size:14px}.tile-editor{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tile-card{border:1px solid #304253;background:#0b1b29;border-radius:12px;padding:18px}.tile-card h3{margin:0 0 18px}.epg-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.epg-row .field{margin:0}.epg-row strong{font-size:13px}.notice{padding:15px 18px;border:1px solid #4b5141;border-radius:12px;background:#20271c;color:#d1d9bb;font-size:13px}.content-text{max-width:780px}.content-text h2{font-size:25px;margin:40px 0 16px}.content-text li{margin:12px 0;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:16px;color:var(--ink)}details p{margin:16px 0 0;font-size:14px}.studio-preview{display:flex;flex-wrap:wrap;gap:12px;padding:20px;background:#050c17;border-radius:12px;margin-top:20px}.studio-preview span{padding:15px 22px;border:1px solid #345363;border-radius:8px;font-size:13px}.studio-preview .favorite{border-color:var(--lime)}[hidden]{display:none!important}
@media(max-width:950px){.hero{gap:24px;padding-top:35px;min-height:540px}h1{font-size:clamp(3.2rem,6.5vw,4.5rem)}.landscape{height:180px}.player-top{gap:9px}.auth-grid{gap:35px}.workspace{grid-template-columns:180px 1fr}.platform-strip{flex-wrap:wrap}.channel-row{grid-template-columns:30px 1fr 64px 64px 70px;gap:7px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.preview-bar{font-size:8px;gap:7px}.site-header{height:80px}.brand{font-size:24px}#menu-toggle{display:block}nav{display:none;position:absolute;z-index:10;top:110px;left:18px;right:18px;background:#0e1e2e;border:1px solid #344457;padding:22px;border-radius:12px;flex-direction:column;align-items:stretch;gap:22px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:40px;gap:12px}.hero h1{font-size:clamp(3.4rem,12.5vw,5.3rem)}.lede{font-size:16px}.hero-preview{padding:15px 8px}.player-frame{transform:none}.landscape{height:210px}.platform-strip{justify-content:flex-start;gap:15px 25px}.platform-strip>span{width:100%;font-size:10px}.section{padding:55px 0}.section-head{display:block}.section-head p{margin-top:20px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature{padding:22px 0 5px}.feature .number{margin-bottom:18px}.callout{padding:26px;display:block}.callout .button{margin-top:22px}.auth-grid{grid-template-columns:1fr;gap:20px}.auth-intro{padding-top:0}.auth-intro .points{display:none}.page{padding:30px 0 55px}.panel{padding:21px}.workspace{grid-template-columns:1fr;gap:18px}.sidebar{display:flex;flex-wrap:wrap;gap:3px;padding:12px}.sidebar h2,.sidebar hr{display:none}.sidebar a,.sidebar button{width:auto;margin:0}.toolbar{align-items:start;flex-wrap:wrap}.toolbar h1{font-size:30px}.channel-row{grid-template-columns:25px 1fr 62px;gap:8px;padding:18px 0}.channel-row>label{grid-row:2}.channel-row>label:first-of-type{grid-column:2}.channel-row .order-buttons{grid-column:3;grid-row:1}.channel-row>label:nth-of-type(2){grid-column:3}.tile-editor{grid-template-columns:1fr}.epg-row{grid-template-columns:1fr 1fr}.epg-row>strong{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.form-grid .span-two{grid-column:auto}.list-row{flex-wrap:wrap}.row-actions{flex-wrap:wrap}.footer-links{gap:15px}.site-footer{padding-top:30px}.editor-tabs{gap:12px}.editor-tabs button{font-size:12px}.actions .button{flex:1;white-space:nowrap}}
@media(prefers-reduced-motion:no-preference){.button,a{transition:background .15s,color .15s}.hero-preview{animation:arrive .7s ease-out}@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}

.guide-results{margin-block:24px}.guide-channel{padding-block:20px;border-top:1px solid var(--line);overflow-wrap:anywhere}.guide-channel h3{margin:0 0 16px}.guide-programmes{list-style:none;margin:0;padding:0;display:grid;gap:12px}.guide-programmes li{display:grid;gap:8px;padding:16px;border-radius:12px;background:rgba(76,224,210,.05);border:1px solid rgba(76,224,210,.14)}.guide-programmes time{font-size:.82rem;color:var(--muted)}.guide-paging{margin-block:24px}#guide-form{max-width:620px}#guide-start{max-width:100%;color-scheme:dark}

.studio-paging{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}.studio-paging .microcopy{margin:0}#studio-filter .field{margin-bottom:10px}#studio-filter .row-actions{flex-wrap:wrap}.tile-card .field{min-width:0}.tile-card select{max-width:100%}

.diagnostic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.diagnostic-grid dt{color:var(--muted)}.diagnostic-grid dd{margin:.3rem 0 0;font-weight:600}#support-share input{width:100%;min-width:0;font-family:monospace}#support-activity li{margin:.6rem 0;overflow-wrap:anywhere}

.authorization-page .site-header,.authorization-page .site-footer{display:none}.authorization-flow{max-width:540px;padding:18px 0}.authorization-flow h1{font-size:24px;margin:0 0 16px}.authorization-flow h2{font-size:24px;margin:0 0 16px}.authorization-flow .panel{padding:20px}.authorization-flow .field{margin-bottom:14px}.authorization-flow .microcopy{margin:16px 0 0}.authorization-flow .actions{gap:12px;flex-wrap:wrap}
#studio-conflicts{margin:1.5rem 0;padding:1rem;border:1px solid var(--accent,#50d4c5);border-radius:14px}
.conflict-choice{min-width:0;padding:1rem;border:1px solid #32404e;border-radius:10px}
.conflict-choice legend,.conflict-choice label{overflow-wrap:anywhere}
.conflict-choice label{display:block;margin:.6rem 0}

.artwork-preview{display:block;width:100%;max-width:320px;max-height:180px;object-fit:contain;border-radius:12px;margin-top:12px;background:#050911}.artwork-manager{margin:20px 0;padding:16px;border:1px solid var(--line,#253349);border-radius:14px}.artwork-manager summary{cursor:pointer;font-weight:600}.artwork-manager form{display:grid;gap:12px;margin:16px 0}

.studio-panel{min-width:0}.studio-save-bar{position:sticky;top:12px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;margin:-8px -8px 24px;background:#101d30;border:1px solid #355262;border-radius:12px;box-shadow:0 8px 24px #050911b3}.studio-save-bar [role=status]{font-size:13px;color:var(--cyan)}.studio-save-bar button{flex-shrink:0}.channel-filters{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.channel-filters .field{min-width:0}.channel-filters select{min-width:0;max-width:100%}.channel-selection{padding:16px;background:#10202f;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.channel-selection .row-actions{flex-wrap:wrap;margin-bottom:12px}.channel-selection .microcopy{margin:0}.channel-selection [role=status]{font-size:12px;color:var(--cyan)}.channel-identity{min-width:0}.channel-identity small{display:block;color:var(--muted);font-size:11px;margin-top:4px;overflow-wrap:anywhere}.channel-select{margin:auto}.configuration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px;margin:32px 0}.configuration-grid h2{font-size:25px;overflow-wrap:anywhere}.configuration-grid p{font-size:14px}.configuration-grid .eyebrow{margin-bottom:14px}.configuration-grid .button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
@media(max-width:700px){.studio-save-bar{top:6px;flex-wrap:wrap;margin:0 0 20px;padding:12px}.studio-save-bar button{width:100%}.channel-filters{grid-template-columns:1fr;gap:0}.channel-row .channel-select{grid-column:1;grid-row:1}.channel-identity{grid-column:2;grid-row:1}.channel-row>label:first-of-type{grid-column:2;grid-row:2}.channel-row>label:nth-of-type(2){grid-column:3;grid-row:2}.channel-selection .button{min-height:40px}.channel-selection .row-actions{gap:8px}.editor-tabs{overflow-x:auto}.editor-tabs button{flex-shrink:0}.studio-save-bar [role=status]{font-size:12px}}

.studio-save-actions{display:flex;gap:10px;flex-wrap:wrap}.studio-draft-offer{margin-bottom:24px}.studio-draft-offer h3{margin-top:0}.studio-draft-offer p{font-size:14px}.studio-draft-offer .actions{margin-bottom:0}@media(max-width:700px){.studio-save-actions{width:100%}.studio-save-actions button{flex:1;min-width:130px;width:auto}.studio-draft-offer .actions{flex-wrap:wrap}}

.provider-settings{min-width:0}.provider-settings h2{overflow-wrap:anywhere}.provider-settings details>summary{font-size:20px;font-weight:700;cursor:pointer}.provider-settings details>p{font-size:14px}.provider-settings fieldset{border:0;padding:0;margin:0;min-width:0}.provider-settings-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;margin:20px 0}.provider-settings-consent input{flex:0 0 18px;width:18px;height:18px;margin-top:3px}.provider-settings-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}.provider-settings .actions{flex-wrap:wrap}

input[data-collection-member] {
  inline-size: 26px;
  block-size: 26px;
  flex: 0 0 26px;
  cursor: pointer;
}

@media (max-width: 700px) {
  .public-landing .site-header nav {
    display: flex;
    position: static;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .public-landing .hero h1 {
    font-size: clamp(2.6rem, 11vw, 4.5rem);
  }
}