.install-guide{max-width:760px;margin:auto;padding:48px 24px 64px}.install-guide h1{font-size:clamp(34px,6vw,58px);line-height:1.08;text-align:left}.install-intro{max-width:550px;font-size:18px;line-height:1.6}.install-steps{list-style:none;padding:0;margin:36px 0;display:grid;gap:14px}.install-steps li{display:flex;gap:20px;padding:24px;background:var(--bg,#050d19);border:1px solid var(--border,#91b8d91f);border-radius:16px}.install-steps li>span{color:var(--text,#f2f8fc);font-size:20px;padding-top:4px}.install-guide h2{text-align:left;font-size:21px;margin:0 0 8px}.install-guide p{line-height:1.65;color:var(--text,#f2f8fc);text-align:left}.install-steps p{margin:0}.install-guide a{color:var(--text,#f2f8fc);text-underline-offset:4px}.install-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.install-actions a,.install-notes summary{min-height:44px;display:inline-flex;align-items:center}.install-notes{margin-top:40px;padding-top:24px;border-top:1px solid var(--border,#91b8d91f)}.install-notes summary{cursor:pointer;color:var(--text,#f2f8fc)}.install-notes details p{margin-top:8px}@media(max-width:600px){.install-guide{padding:32px 18px 48px}.install-steps li{padding:18px;gap:14px}.install-guide h2{font-size:19px}header nav a{font-size:13px}}
.install-visual{margin:28px 0 36px}.install-visual img{display:block;width:100%;height:auto;border-radius:16px}.install-visual figcaption{margin-top:10px;font-size:14px;color:var(--text,#f2f8fc);text-align:center}.install-visual a:focus-visible{outline:2px solid var(--focus-ring,#68e5ef);outline-offset:5px;display:block}

.install-platforms{display:flex;gap:8px;margin:28px 0 22px;padding:4px;border:1px solid var(--border,#91b8d91f);border-radius:14px;background:var(--bg,#050d19);width:fit-content;max-width:100%}
.install-platforms [role=tab]{min-height:44px;min-width:110px;padding:10px 18px;border:0;border-radius:10px;background:transparent;color:#bdb5a4;font-weight:600;cursor:pointer}
.install-platforms [role=tab][aria-selected=true]{background:var(--text,#f2f8fc);color:#1a1813}
.install-platforms [role=tab]:focus-visible{outline:2px solid var(--focus-ring,#68e5ef);outline-offset:2px}
.install-android-card{margin:22px 0 28px;padding:22px 18px;border:1px solid var(--border,#91b8d91f);border-radius:16px;background:linear-gradient(160deg,var(--surface,#0b1a2a),var(--bg,#050d19))}
.install-android-card ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.install-android-card li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--text,#f2f8fc);font-size:13px;line-height:1.4}
.install-android-card strong{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--surface,#0b1a2a);border:1px solid #494335;color:var(--text,#f2f8fc);font-size:22px}
.install-panel[hidden]{display:none!important}
@media(max-width:600px){.install-platforms{width:100%}.install-platforms [role=tab]{flex:1;min-width:0}.install-android-card ol{grid-template-columns:1fr;gap:14px}.install-android-card li{flex-direction:row;text-align:left;justify-content:flex-start}}

.install-platforms{flex-wrap:wrap}
@media(max-width:600px){.install-platforms [role=tab]{min-width:0;font-size:14px;padding:10px 12px}}


/* Start watching — device accordion */
.start-watching{max-width:760px;margin:0 auto}
.start-watching > h2,.start-watching .start-title{font-size:clamp(38px,4.5vw,62px);font-weight:500;margin:0 0 16px;letter-spacing:-.045em;color:var(--text,#f2f8fc);line-height:1.16}
.start-watching .start-lead{color:var(--text-muted,#b0c0ce);margin:0 auto 22px;font-size:15px;line-height:1.7;max-width:620px}

/* Start watching — center header block only (list/detail stay left) */
.start-watching > .eyebrow,
.start-watching .start-title,
.start-watching .start-lead,
.install-guide.start-watching > .eyebrow,
.install-guide.start-watching > h1.start-title,
.install-guide.start-watching > p.start-lead,
.install-guide.start-watching > p.install-intro{
  text-align:center;
}
/* Override .install-guide h1 / p left-align for intro only */
.install-guide.start-watching > h1.start-title{
  text-align:center;
}
.install-guide.start-watching > p.start-lead,
.install-guide.start-watching > p.install-intro,
.install-guide.start-watching > .start-lead{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.start-watching .start-lead,
.start-watching .install-intro{
  margin-left:auto;
  margin-right:auto;
}
.start-watching .apps-tabs{
  justify-content:center;
}
.device-guides{display:grid;gap:10px}
.device-guide{border:1px solid var(--border,#91b8d91f);border-radius:16px;background:var(--bg,#050d19);overflow:hidden}
.device-guide[open],.device-guide.is-open{border-color:var(--border,#91b8d91f);background:var(--surface,#0b1a2a)}
.device-guide > summary,.device-guide-toggle{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:0;background:transparent;color:var(--text,#f2f8fc);font:inherit;font-weight:650;font-size:17px;text-align:left}
.device-guide > summary::-webkit-details-marker{display:none}
.device-guide > summary::after,.device-guide-toggle .chev{margin-left:auto;content:"";width:10px;height:10px;border-right:2px solid #bdb5a4;border-bottom:2px solid #bdb5a4;transform:rotate(45deg);transition:transform .15s ease;opacity:.8}
.device-guide-toggle .chev{content:none;display:inline-block;flex:0 0 auto}
.device-guide[open] > summary::after,.device-guide.is-open .device-guide-toggle .chev{transform:rotate(-135deg);margin-top:4px}
.device-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface,#0b1a2a);border:1px solid var(--border,#91b8d91f);color:var(--brand-text,#68e5ef);flex:0 0 auto}
.device-ico svg{width:20px;height:20px;fill:currentColor}
.device-guide-body{padding:0 18px 18px;border-top:1px solid var(--border,#91b8d91f)}
.device-guide-body[hidden]{display:none!important}
.device-guide-body > p:first-child{margin-top:14px}
.guide-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}
.guide-steps li{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 14px;border-radius:12px;background:var(--bg,#050d19);border:1px solid var(--border,#91b8d91f)}
.guide-steps .n{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2,#10263a);color:var(--brand-text,#68e5ef);font-size:13px;font-weight:700}
.guide-steps h3{margin:0 0 4px;font-size:15px;color:var(--text,#f2f8fc)}
.guide-steps p{margin:0;font-size:14px;line-height:1.5;color:var(--text-muted,#b0c0ce)}
.guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.guide-actions .button-link,.guide-actions button.primary{min-height:44px}
.m3u-card{margin-top:18px;padding:16px;border-radius:14px;border:1px solid var(--brand,#16d7e8);background:linear-gradient(160deg,var(--surface,#0b1a2a),var(--bg,#050d19))}
.m3u-card h3{margin:0 0 6px;font-size:15px;color:var(--text,#f2f8fc)}
.m3u-card p{margin:0 0 12px;font-size:13px;color:var(--text-muted,#b0c0ce);line-height:1.45}
.m3u-row{display:flex;gap:8px;align-items:stretch}
.m3u-row input{flex:1;min-width:0;padding:12px 14px;border-radius:10px;border:1px solid var(--border,#91b8d91f);background:var(--bg,#050d19);color:var(--text,#f2f8fc);font-size:12px}
.m3u-row button{flex:0 0 auto;padding:0 16px;border-radius:10px;border:0;background:var(--brand,#16d7e8);color:var(--brand-ink,#03121e);font-weight:700;cursor:pointer}
.m3u-row button:disabled{opacity:.5;cursor:default}
.m3u-status{margin-top:8px;font-size:12px;color:var(--text-muted,#b0c0ce)}
@media(max-width:600px){
  .device-guide > summary,.device-guide-toggle{padding:14px 14px;font-size:16px}
  .device-guide-body{padding:0 14px 14px}
  .m3u-row{flex-direction:column}
  .m3u-row button{min-height:44px}
}



/* Apps & Guides — Apollo-style list */
.apps-guides{max-width:720px}
.apps-guides .apps-title{margin:0 0 6px;font-size:clamp(28px,5vw,40px);letter-spacing:-0.03em;color:var(--text,#f2f8fc)}
.apps-guides .apps-lead{margin:0 0 22px;color:var(--text-muted,#b0c0ce);font-size:15px}
.apps-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.apps-row{display:flex;align-items:center;gap:16px;width:100%;padding:14px 4px;border:0;border-bottom:1px solid var(--border,#91b8d91f);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:none}
.apps-row:hover{background:rgba(255,255,255,.02)}
.apps-row:focus-visible{outline:2px solid var(--brand,#16d7e8);outline-offset:2px;border-radius:8px}
.apps-ico{width:64px;height:64px;border-radius:16px;background:var(--surface,#0b1a2a);display:grid;place-items:center;flex:0 0 auto;color:var(--text,#f2f8fc);border:1px solid var(--border,#91b8d91f)}
.apps-ico svg{width:32px;height:32px;fill:currentColor;stroke:currentColor}
.apps-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.apps-name{color:var(--text,#f2f8fc);font-size:16px;font-weight:600}
.apps-action{color:var(--brand-text,#68e5ef);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.apps-action::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);flex:none;margin-top:1px}
.apps-detail{margin-top:4px}
.apps-detail[hidden]{display:none!important}
.apps-detail-bar{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.apps-back{border:0;background:transparent;color:var(--brand-text,#68e5ef);font:inherit;font-weight:600;cursor:pointer;padding:8px 0;min-height:44px}
.apps-detail h2{margin:0 0 10px;font-size:24px;color:var(--text,#f2f8fc)}
.apps-detail .guide-steps{margin-top:8px}
.apps-m3u-host{margin-top:18px}
.apps-m3u-host:empty{display:none}
@media(max-width:600px){
  .apps-ico{width:56px;height:56px;border-radius:14px}
  .apps-ico svg{width:28px;height:28px}
  .apps-name{font-size:15px}
}


/* Apps & Guides — category tabs (night) */
.apps-tabs{
  display:flex;gap:2px;margin:0 0 8px;padding:0 0 0;
  border-bottom:1px solid var(--border,#91b8d91f);
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.apps-tabs::-webkit-scrollbar{display:none}
.apps-tab{
  flex:0 0 auto;min-height:44px;padding:12px 16px;
  border:0;border-bottom:2px solid transparent;margin-bottom:-1px;
  background:transparent;color:var(--text-muted,#b0c0ce);font:inherit;font-weight:650;font-size:15px;
  cursor:pointer;white-space:nowrap;
}
.apps-tab:hover{color:var(--text,#f2f8fc)}
.apps-tab[aria-selected=true]{
  color:var(--text,#f2f8fc);border-bottom-color:var(--brand,#16d7e8);
}
.apps-tab:focus-visible{outline:2px solid var(--brand,#16d7e8);outline-offset:2px;border-radius:6px}
.apps-list > li[hidden]{display:none!important}
@media(max-width:600px){
  .apps-tab{padding:12px 2px;font-size:14px;flex:1;min-width:0;text-align:center}
}

/* Setup refined-title parity with Plans / FAQ / Support */
.install-guide.start-watching > .page-hero.refined-title.install-hero,
#page-install .install-hero.page-hero.refined-title{
  max-width:980px;
  margin:0 auto 12px;
  padding:36px 24px 24px;
  text-align:center;
}
.install-guide.start-watching > .page-hero.refined-title.install-hero h1,
#page-install .install-hero h1{
  font-size:clamp(38px,4.5vw,62px)!important;
  font-weight:500!important;
  line-height:1.16!important;
  letter-spacing:-.045em!important;
  color:var(--text,#f2f8fc)!important;
  margin:0 0 16px!important;
  text-align:center!important;
}
.install-guide.start-watching > .page-hero.refined-title.install-hero > p:not(.eyebrow),
#page-install .install-hero > p:not(.eyebrow){
  max-width:620px;
  margin:0 auto!important;
  font-size:15px!important;
  line-height:1.7!important;
  color:var(--text-muted,#b0c0ce)!important;
  letter-spacing:0!important;
  text-align:center!important;
}
.install-guide.start-watching > .page-hero.refined-title.install-hero .eyebrow,
#page-install .install-hero .eyebrow{
  display:inline-flex;
  justify-content:center;
  text-align:center;
  margin:0 0 18px;
  letter-spacing:.08em;
  color:var(--text-muted,#b0c0ce);
  font-size:11px;
}
.apps-guides .apps-title{
  font-size:clamp(32px,3.5vw,48px)!important;
  font-weight:500!important;
  line-height:1.16!important;
  letter-spacing:-.045em!important;
  color:var(--text,#f2f8fc)!important;
  margin:0 0 10px!important;
  text-align:center;
}
.apps-guides .apps-lead{
  max-width:620px;
  margin:0 auto 22px!important;
  font-size:15px!important;
  line-height:1.7!important;
  color:var(--text-muted,#b0c0ce)!important;
  text-align:center;
}
@media(max-width:650px){
  .install-guide.start-watching > .page-hero.refined-title.install-hero,
  #page-install .install-hero.page-hero.refined-title{padding:24px 4px 20px}
  .install-guide.start-watching > .page-hero.refined-title.install-hero h1,
  #page-install .install-hero h1{font-size:clamp(32px,7.5vw,40px)!important}
}

.apps-action.apps-action-plain::after{content:none;display:none}

.install-firetv-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 28px;padding:18px 20px;border:1px solid var(--brand,#16d7e8);border-radius:16px;background:linear-gradient(135deg,var(--surface,#0b1a2a),var(--bg,#050d19));color:var(--text,#f2f8fc)}
.install-firetv-note strong{display:block;margin-bottom:4px;font-size:17px}
.install-firetv-note p{margin:0;color:var(--brand-text,#68e5ef);line-height:1.5}
.install-firetv-note a{flex:none;color:var(--brand-text,#68e5ef);font-weight:700;text-decoration:none}
.install-firetv-note a:hover,.install-firetv-note a:focus-visible{text-decoration:underline}
.firetv-release-status{display:grid;gap:5px;padding:16px 18px;border:1px solid var(--brand,#16d7e8);border-radius:14px;background:var(--surface,#0b1a2a);color:var(--text,#f2f8fc);line-height:1.5}
.firetv-release-status strong{color:var(--text,#f2f8fc)}
.firetv-legacy{margin:24px 0;padding:16px 18px;border:1px solid var(--border,#91b8d91f);border-radius:14px;color:var(--text-muted,#b0c0ce)}
.firetv-legacy summary{cursor:pointer;color:var(--text,#f2f8fc);font-weight:700}
.firetv-legacy p{margin:12px 0 0;line-height:1.55}
.firetv-legacy p{overflow-wrap:anywhere}
.firetv-legacy .guide-steps{margin-top:16px}
@media(max-width:600px){.install-firetv-note{align-items:flex-start;flex-direction:column}.install-firetv-note a{min-height:44px;display:inline-flex;align-items:center}}

/* Public setup has its own small shell, available before sign-in. */
body.setup-only{margin:0;background:#050d19;color:#f2f8fc;font:16px/1.6 Inter,system-ui,sans-serif}
.setup-only *{box-sizing:border-box}
.setup-only [hidden]{display:none!important}
.setup-only header{max-width:1100px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #234050}
.setup-only header nav{display:flex;gap:20px}
.setup-only a{color:#68e5ef;text-decoration:none}
.setup-only header .brand-logo-img{width:226px;height:48px;object-fit:contain}
.setup-only main{padding:40px 24px 64px}
.setup-only h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:10px 0 16px;color:#fff}
.setup-only .install-hero{margin-bottom:28px}
.setup-only .eyebrow{font-size:13px;color:#68e5ef}
.setup-only .install-firetv-note{display:flex;gap:20px;align-items:center;padding:20px;background:#0b2030;border:1px solid #285163;border-radius:14px;margin-bottom:24px}
.setup-only .install-firetv-note p{margin:6px 0 0;color:#b0c0ce;font-size:14px}
.setup-only .install-firetv-note a{flex-shrink:0}
.setup-only button,.setup-only .button-link{font:inherit;min-height:44px;cursor:pointer}
.setup-only :focus-visible{outline:3px solid #68e5ef;outline-offset:4px}
.setup-only .skip{position:absolute;left:16px;top:-60px}.setup-only .skip:focus{top:8px}
.setup-only footer{text-align:center;padding:24px;border-top:1px solid #234050;color:#b0c0ce}
.setup-only footer nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:600px){.setup-only header{padding:16px}.setup-only header .brand-logo-img{width:170px;height:38px}.setup-only header nav{gap:12px;font-size:14px}.setup-only main{padding:28px 16px 48px}.setup-only .install-firetv-note{display:block}.setup-only .install-firetv-note a{display:inline-block;margin-top:12px}}

.setup-only .apps-action .arr{display:none}

/* Keep the Chrome symbol in color instead of inheriting the monochrome device stroke. */
.apps-ico svg.browser-chrome{width:36px;height:36px;fill:none;stroke:none}
@media(max-width:600px){.apps-ico svg.browser-chrome{width:32px;height:32px}}
@media(max-width:480px){.apps-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.apps-tab{min-width:0;padding:12px 8px}}