:root {
  color-scheme: dark;
  --bg: #080a12;
  --panel: #10121b;
  --panel2: #151824;
  --edge: rgba(226,230,255,.085);
  --edge-hot: rgba(155,110,242,.48);
  --text: #f8f9ff;
  --secondary: #abb0c2;
  --muted: #85899d;
  --purple: #823cf2;
  --purple-light: #aa79ff;
  --teal: #66dfd8;
  --aqua: #9eede9;
  --green: #77eac8;
  --r: 22px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-synthesis: none;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;background:var(--bg);color:var(--text);min-width:0}
button,input,textarea {font:inherit}
button {cursor:pointer}
button:disabled {cursor:not-allowed}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible {outline:2px solid var(--purple-light);outline-offset:3px}
a {color:inherit}
[hidden] {display:none!important}
.page-backdrop {position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#16122b 0%,#0b0b15 40%,#07090f 92%)}
.page-backdrop::before {content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 4%,#000 40%,#000 60%,transparent 96%)}
.page-backdrop span {position:absolute;width:380px;height:380px;filter:blur(100px);opacity:.25;border-radius:50%}
.page-backdrop span:first-child {background:#6638cc;left:calc(50% - 520px);top:-90px}
.page-backdrop span:last-child {background:#1faaa9;right:calc(50% - 510px);top:240px;opacity:.13}
.screen {position:relative;width:min(100%,520px);min-height:100dvh;margin:0 auto;box-shadow:0 0 90px rgba(0,0,0,.35);background:radial-gradient(ellipse 420px 210px at 58% 2%,rgba(122,61,207,.13),transparent 80%),radial-gradient(ellipse 290px 280px at 0% 50%,rgba(107,79,170,.035),transparent 90%),#0d0e16;border-inline:1px solid rgba(255,255,255,.055)}
.screen-inner {min-height:100dvh;padding:20px 22px max(25px,env(safe-area-inset-bottom));display:flex;flex-direction:column}
.site-header {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:19px}
.header-brand {display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);text-align:left;padding:0;min-width:0}
.brand-icon {display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,rgba(130,60,242,.16),rgba(82,218,218,.05));border:1px solid rgba(173,132,246,.15)}
.brand-icon img {width:47px;height:47px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(38,13,81,.2))}
.brand-copy {display:flex;flex-direction:column;min-width:0;gap:3px}
.brand-copy strong {font-size:17px;font-weight:800;letter-spacing:-.6px}
.brand-copy small {font-size:11px;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:255px}
.brand-copy small:empty {display:none}
.help-icon {width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--edge);background:#171823;color:#c1c8dc;transition:background .2s,transform .2s}
.help-icon:hover {background:#252438;transform:translateY(-1px)}
.help-icon svg {width:21px;height:21px}
.global-progress {height:3px;background:#23242e;margin-inline:-22px;overflow:hidden}
.global-progress>span {display:block;height:100%;width:24%;border-radius:0 8px 8px 0;background:linear-gradient(90deg,var(--purple),var(--teal));transition:width .35s cubic-bezier(.2,.8,.2,1)}
#app {flex:1;outline:none}
.view {animation:reveal .38s cubic-bezier(.2,.75,.22,1) both}
@keyframes reveal {from {opacity:0;transform:translateY(12px)}to {opacity:1;transform:translateY(0)}}
.intro {padding:29px 0 19px}
.kicker {display:inline-flex;align-items:center;gap:8px;max-width:100%;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#b6e4e5;background:rgba(69,204,201,.08);border:1px solid rgba(104,219,216,.13);border-radius:999px;padding:7px 11px}
.kicker .dot {width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 11px var(--teal)}
h1,h2,h3,p {margin-top:0}
h1 {font-size:clamp(29px,6.8vw,36px);line-height:1.13;letter-spacing:-1.3px;font-weight:790;margin:2px 0 10px}
h1 em,.gradient-word {font-style:normal;color:#b99bfa}
.intro p {font-size:14px;color:var(--secondary);line-height:1.65;margin:0;max-width:410px}
.section-caption {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 13px}
.section-caption strong {font-size:13px;font-weight:730;color:#e6e7f4}
.section-caption span {font-size:11px;color:var(--muted)}
.device-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:17px}
.device-card {display:flex;flex-direction:column;align-items:flex-start;position:relative;text-align:left;overflow:hidden;min-height:143px;border-radius:21px;padding:15px;background:radial-gradient(ellipse 110% 90% at 50% 120%,rgba(128,85,209,.026),transparent 84%),#14151e;border:1px solid rgba(255,255,255,.052);color:var(--text);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;isolation:isolate;-webkit-tap-highlight-color:transparent}
.device-card::after {content:"";position:absolute;inset:-35% -35% -35% -35%;border-radius:50%;background:radial-gradient(ellipse at 56% 67%,rgba(137,88,219,.045),transparent 65%);z-index:-1;pointer-events:none}
.device-card:hover {transform:translateY(-2px);border-color:rgba(169,121,255,.23);background-color:#181924}
.device-card:active {transform:scale(.975)}
.device-card[aria-pressed="true"] {border-color:rgba(168,128,246,.5);background:radial-gradient(ellipse 155% 115% at 50% 0%,rgba(120,75,192,.12),transparent 74%),#171722;box-shadow:inset 0 1px 0 rgba(177,145,241,.045),0 8px 24px rgba(9,6,21,.13)}
.device-check {position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#8c5cdf;opacity:0;transform:scale(.6);transition:.2s ease;box-shadow:0 0 12px rgba(130,60,242,.14)}
.device-check svg {width:14px;height:14px}
.device-card[aria-pressed="true"] .device-check {opacity:1;transform:scale(1)}
.device-icon {width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(124,77,212,.105);color:#b18cf4;border:1px solid rgba(150,113,223,.12);margin-bottom:auto;box-shadow:none}
.device-icon svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.device-card h3 {font-size:13.5px;font-weight:790;letter-spacing:-.18px;line-height:1.27;margin:14px 0 4px}
.device-card small {display:block;color:#92929f;font-size:11.5px;line-height:1.4}
.bottom-action {position:sticky;bottom:-1px;z-index:3;margin:-19px -22px 0;padding:42px 22px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(13,14,22,0) 0%,rgba(13,14,22,.10) 15%,rgba(13,14,22,.36) 32%,rgba(13,14,22,.74) 52%,rgba(13,14,22,.94) 74%,#0d0e16 100%)}
.selection-hint {display:flex;align-items:center;justify-content:center;min-height:24px;font-size:12px;color:#a8a5b9;margin-bottom:10px;text-align:center}
.selection-hint strong {color:#d3c1f7;font-weight:620}
.btn {display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:15px;min-height:52px;padding:13px 18px;font-weight:760;font-size:14px;text-decoration:none;transition:background .22s,transform .2s,box-shadow .22s;color:var(--text);user-select:none}
.btn svg {width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn:active {transform:scale(.985)}
.btn-primary {background:linear-gradient(105deg,#7635df 0%,#8547de 51%,#6692c6 100%);box-shadow:0 12px 24px rgba(107,53,204,.2),inset 0 1px 0 rgba(255,255,255,.12)}
.btn-primary:hover:not(:disabled) {box-shadow:0 15px 29px rgba(107,53,204,.33);transform:translateY(-1px)}
.btn-primary:disabled {background:#252431;box-shadow:none;color:#777889}
.btn-dark {background:#20212d;border:1px solid rgba(255,255,255,.08)}
.btn-dark:hover {background:#292b3a}
.btn-accent {background:rgba(84,210,207,.12);color:#b9f5f1;border:1px solid rgba(94,224,218,.23)}
.btn-accent:hover {background:rgba(84,210,207,.19)}
.btn.full {width:100%}
.back-link {display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:var(--secondary);font-size:13px;font-weight:630;margin:22px 0 5px}
.back-link svg {width:17px;height:17px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.back-link:hover {color:var(--aqua)}
.summary-mini {display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:radial-gradient(ellipse at 50% 130%,rgba(118,83,192,.05),transparent 85%),rgba(255,255,255,.015);border:1px solid rgba(148,116,231,.095);margin:5px 0 22px}
.summary-mini .bubble {width:33px;height:33px;flex:none;display:grid;place-items:center;border-radius:11px;color:#b9a1f9;background:rgba(153,107,243,.15)}
.summary-mini .bubble svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.summary-mini strong {display:block;font-size:13px}
.summary-mini span:not(.bubble) {display:block;color:var(--muted);font-size:11px;margin-top:3px}
.page-title {font-size:30px;line-height:1.16;letter-spacing:-1.15px;margin:10px 0}
.page-subtitle {font-size:13px;line-height:1.65;color:var(--secondary);margin:0 0 22px}
.app-list {display:grid;gap:12px;margin-bottom:24px}
.app-option {position:relative;display:flex;align-items:flex-start;gap:13px;padding:17px 14px;border-radius:20px;background:radial-gradient(ellipse at 50% 135%,rgba(125,79,206,.04),transparent 83%),#15161f;border:1px solid rgba(255,255,255,.052)}
.app-option.featured {border-color:rgba(154,97,255,.15)}
.app-symbol {width:55px;height:55px;flex:none;display:grid;place-items:center;font-size:16px;font-weight:850;letter-spacing:-1px;border-radius:17px;background:linear-gradient(150deg,#6626b8,#9a68f0);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 9px 20px rgba(73,29,145,.14)}
.app-symbol.aqua,.app-symbol.indigo {background:linear-gradient(150deg,#6626b8,#9a68f0)}
.app-description {min-width:0;flex:1}
.app-description .app-tag {display:inline-block;color:#bea1ed;font-size:10px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;margin:2px 0 5px}
.app-description strong {display:block;font-size:15px;font-weight:760}
.app-description p {font-size:11.5px;line-height:1.6;color:var(--muted);margin:7px 0 13px}
.option-open {display:inline-flex;align-items:center;gap:8px;border:0;background:rgba(116,66,214,.13);border-radius:9px;padding:9px 12px;font-size:11.5px;font-weight:750;color:#d2bcff}
.option-open:hover {background:rgba(116,66,214,.22)}
.option-open svg {width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.notice {display:flex;align-items:flex-start;gap:10px;padding:13px 14px;margin-bottom:22px;border-radius:16px;border:1px solid rgba(110,197,192,.15);background:rgba(73,196,191,.052);color:#b7b9c8;font-size:11px;line-height:1.6}
.notice svg {width:17px;height:17px;color:#b69af0;flex:none;margin-top:1px;stroke:currentColor;stroke-width:1.8;fill:none}
.guide-header {display:flex;gap:14px;align-items:center;padding:18px;background:radial-gradient(ellipse at 25% 0%,rgba(125,79,206,.08),transparent 86%),#151621;border:1px solid rgba(169,113,246,.12);border-radius:22px;margin:15px 0 23px}
.guide-header .app-symbol {width:62px;height:62px;border-radius:18px;font-size:20px}
.guide-header .mini-label {font-size:11px;color:var(--teal);font-weight:720;text-transform:uppercase;letter-spacing:.04em}
.guide-header h2 {margin:4px 0 4px;line-height:1.2;font-size:20px}
.guide-header p {margin:0;color:var(--secondary);font-size:11.5px;line-height:1.3}
.steps-title {display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}
.steps-title h3 {margin:0;font-size:15px}
.steps-title span {font-size:11px;color:var(--muted)}
.checklist {display:grid;gap:10px;margin-bottom:20px}
.check-row {position:relative;display:flex;gap:13px;align-items:flex-start;padding:15px 13px;border-radius:16px;background:#171821;border:1px solid rgba(255,255,255,.07);cursor:pointer;user-select:none;transition:border-color .2s,background .2s}
.check-row:hover {border-color:rgba(114,204,202,.25)}
.check-row:has(input:checked) {border-color:rgba(108,215,204,.3);background:rgba(68,159,155,.07)}
.check-row input {position:absolute;opacity:0;width:1px;height:1px}
.check-row:has(input:focus-visible) {outline:2px solid var(--teal);outline-offset:2px}
.check-box {width:23px;height:23px;flex:none;border-radius:8px;border:1px solid #585764;background:#232432;display:grid;place-items:center;color:#051313;transition:.2s}
.check-box svg {width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.7;opacity:0}
.check-row input:checked + .check-box {background:var(--teal);border-color:var(--teal)}
.check-row input:checked + .check-box svg {opacity:1}
.check-text {font-size:12.5px;line-height:1.6;color:#d4d5e2}
.check-row input:checked ~ .check-text {color:#b8cec9}
.guide-tip {margin:2px 0 19px;padding:14px;border-radius:15px;border:1px solid rgba(183,165,222,.13);background:rgba(143,99,204,.075)}
.guide-tip strong {font-size:12px}
.guide-tip p {margin:5px 0 0;color:var(--secondary);font-size:11.5px;line-height:1.6}
.guide-actions {display:grid;gap:10px;margin-bottom:20px}
.success-hero {margin:40px 0 28px;text-align:center;display:flex;flex-direction:column;align-items:center}
.success-ring {display:grid;place-items:center;width:92px;height:92px;border-radius:30px;background:linear-gradient(140deg,rgba(77,215,198,.22),rgba(140,83,232,.14));border:1px solid rgba(100,221,203,.3);color:var(--teal);margin-bottom:21px;box-shadow:0 18px 50px rgba(24,89,94,.12);animation:heroRise .7s ease both}
.success-ring svg {width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes heroRise {0% {transform:translateY(12px) scale(.8);opacity:0}100% {transform:translateY(0) scale(1);opacity:1}}
.success-hero h1 {margin:11px 0;font-size:29px}
.success-hero p {font-size:13px;color:var(--secondary);line-height:1.65;margin:0;max-width:360px}
.ticket {padding:19px;border-radius:20px;background:#171822;border:1px solid rgba(255,255,255,.08);margin-bottom:22px}
.ticket-row {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;font-size:12px}
.ticket-row+.ticket-row {border-top:1px dashed rgba(255,255,255,.095)}
.ticket-row span {color:var(--muted)}
.ticket-row strong {text-align:right;font-size:12.5px}
.finish-title {font-size:18px;letter-spacing:-.4px;margin-bottom:7px}
.finish-desc {color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:17px}
.form-label {display:block;color:#e4e4ef;font-weight:680;font-size:12px;margin-bottom:7px}
.field {width:100%;border-radius:13px;background:#171822;border:1px solid rgba(255,255,255,.11);padding:14px;color:#fff;font-size:13px;outline:none;transition:border-color .2s;margin-bottom:14px}
.field:focus {border-color:rgba(100,225,215,.6)}
.field::placeholder {color:#727586}
textarea.field {resize:vertical;min-height:88px}
.request-preview {padding:16px;border:1px dashed rgba(137,113,199,.36);border-radius:17px;background:#151520;margin:2px 0 13px}
.request-preview small {display:block;text-transform:uppercase;font-size:10px;letter-spacing:.06em;color:var(--teal);font-weight:720;margin-bottom:8px}
.request-preview pre {font-family:inherit;white-space:pre-wrap;word-break:break-word;color:#dfe0ed;font-size:12px;line-height:1.7;margin:0}
.request-actions {display:grid;gap:10px}
.whatsapp-link[aria-disabled="true"] {pointer-events:none;opacity:.38}
.footnote {font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 18px}
.finish-secondary {margin:17px 0 20px}
.site-footer {padding-top:16px;margin-top:auto;text-align:center;color:#6f7281;font-size:10.5px;line-height:1.5}
.footer-symbol {color:#7b73b3}
.help-dialog {border:1px solid rgba(172,137,230,.25);border-radius:23px;color:var(--text);padding:22px;max-width:min(420px,calc(100vw - 28px));width:100%;box-shadow:0 25px 90px #000a;background:linear-gradient(145deg,#1d1931,#12141c);outline:none}
.help-dialog::backdrop {background:rgba(1,2,6,.75);backdrop-filter:blur(5px)}
.dialog-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.dialog-icon {display:grid;place-items:center;width:40px;height:40px;border-radius:14px;color:#e9d8ff;background:#6f40b7;font-weight:850}
.dialog-top button {display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;font-size:25px;color:#d5d6df;background:#ffffff0b}
.help-dialog h2 {font-size:23px;margin:0 0 12px}
.help-dialog p {font-size:13px;line-height:1.7;color:#bcbfd0}
.dialog-action {width:100%;margin-top:8px}
.toast {position:fixed;left:50%;transform:translate(-50%,25px);bottom:26px;min-width:190px;max-width:calc(100vw - 32px);text-align:center;z-index:15;pointer-events:none;border:1px solid rgba(113,225,215,.3);border-radius:13px;background:#1c252a;color:#c8fff6;padding:12px 16px;font-size:12px;box-shadow:0 12px 50px #0007;opacity:0;transition:opacity .24s,transform .24s}
.toast.show {transform:translate(-50%,0);opacity:1}
@media (min-width:650px) {.screen {margin:16px auto;min-height:calc(100dvh - 32px);border-radius:30px;border:1px solid rgba(255,255,255,.07);overflow:clip}.screen-inner {min-height:calc(100dvh - 32px);padding:21px 27px 24px}.global-progress {margin-inline:-27px}.bottom-action {margin-inline:-27px;padding-inline:27px}.device-card {min-height:149px}.device-grid {gap:14px}}
@media (max-width:375px) {.screen-inner {padding-inline:14px}.global-progress {margin-inline:-14px}.bottom-action {margin-inline:-14px;padding-inline:14px}.device-grid {gap:9px}.device-card {padding:13px;min-height:136px}.device-card h3 {font-size:12.5px}.brand-copy small {max-width:187px}.intro h1 {font-size:28px}.page-title {font-size:27px}}
/* Guias Samsung, LG e Roku TV, com o mesmo visual da seleção original. */
.tv-view {padding-bottom:6px}
.tv-view .intro {padding-top:26px;padding-bottom:25px}
.platform-label {display:block;color:#b2a0ca;font-size:10px;letter-spacing:.12em;font-weight:700;margin-bottom:14px}
.platform-label span {color:#5e546e;padding:0 6px}
.tv-view h1 {font-size:32px;line-height:1.17;letter-spacing:-1.15px;margin-bottom:12px;text-wrap:balance}
.tv-view .hd-intro h1 {font-size:clamp(19px,6.2vw,30px);letter-spacing:-.8px;white-space:nowrap;text-wrap:nowrap}
.tv-view .hd-intro h1.long-app-title {font-size:clamp(17px,5.65vw,28px)}
.tv-view .hd-intro h1.fire-app-title {font-size:clamp(17px,5.6vw,28px)}
.tv-view .hd-intro h1.android-app-title {font-size:clamp(21px,6.1vw,28px);line-height:1.3;white-space:normal;text-wrap:balance}
.android-app-title em {display:block}
.tv-view .hd-intro h1.apple-app-title {font-size:clamp(20px,6vw,28px);line-height:1.3;white-space:normal;text-wrap:balance}
.apple-app-title em {display:inline-block}
.tv-view .intro p {font-size:13px;line-height:1.75;max-width:360px}
.hd-app-card {border:1px solid rgba(171,129,241,.14);border-radius:25px;background:radial-gradient(ellipse at 50% 0%,rgba(127,76,196,.09),transparent 70%),#14141e;overflow:hidden;margin-bottom:18px}
.hd-app-top {display:flex;align-items:center;gap:14px;padding:20px 20px 0}
.hd-logo {flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:19px;background:#101910;border:1px solid rgba(152,197,114,.13)}
.hd-logo img {width:55px;height:49px;object-fit:contain;display:block}
.hd-logo.noma-play,.hd-logo.lotus-player {background:#18121f;border-color:rgba(172,127,239,.15)}
.hd-logo.noma-play {overflow:hidden}
.hd-logo.noma-play img {transform:translateY(2px) scale(2.7)}
.hd-logo.kayros-player {background:#20150f;border-color:rgba(232,131,62,.16)}
.hd-logo.zuxo-player,.hd-logo.rx-purple,.hd-logo.iptv-smarters-pro {background:transparent;border:0;overflow:hidden}
.hd-app-copy {min-width:0}
.hd-app-top .app-tag {font-size:9px;letter-spacing:.12em;font-weight:700;color:#b99bdf;text-transform:uppercase}
.hd-app-top .hd-logo {width:64px;height:64px;border-radius:19px}
.hd-app-top .hd-logo img {width:49px;height:44px}
.hd-app-top h2 {font-size:22px;letter-spacing:-.65px;margin:4px 0 5px}
.hd-app-top p {font-size:11px;color:var(--secondary);margin:0}
.hd-card-bottom {display:flex;justify-content:center;padding:18px 20px 20px}
.app-instructions {width:94%;min-height:46px;padding:11px 16px;font-size:13px;border-radius:13px}
.upcoming-apps {display:grid;gap:1px;padding:0 8px;margin-bottom:20px}
.upcoming-app {display:flex;align-items:center;gap:13px;min-height:76px;border-bottom:1px solid rgba(255,255,255,.045)}
.upcoming-app:last-child {border:0}
.upcoming-number {display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:rgba(155,108,230,.055);color:#867099;font-size:12px;font-weight:650}
.upcoming-app strong {display:block;font-size:12px;font-weight:550;color:#b2aabb}
.upcoming-app div>span {display:block;font-size:10px;color:#81798c;margin-top:5px}
.upcoming-lock {margin-left:auto;color:#89759e}
.upcoming-lock svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hd-identity {display:flex;align-items:center;gap:13px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.065)}
.hd-identity .hd-logo {width:58px;height:58px;border-radius:16px}
.hd-identity .hd-logo img {width:44px;height:40px}
.hd-logo:is(.zuxo-player,.rx-purple,.iptv-smarters-pro) img {width:100%;height:100%;object-fit:cover}
.hd-logo.bluvox,.hd-logo.rio-box,.hd-logo.xciptv-player,.hd-logo.smarters-player-lite,.hd-logo.titan-play,.hd-logo.quick-player,.hd-logo.player-901w {background:#141824;border:0;overflow:hidden}
.hd-logo:is(.bluvox,.rio-box,.xciptv-player,.smarters-player-lite,.titan-play,.quick-player,.player-901w) img {width:100%;height:100%;object-fit:cover}
.platform-compatibility {margin:-8px 0 24px;font-size:11px;line-height:1.75;color:var(--secondary)}
.hd-identity strong {font-size:13px;font-weight:650;display:block}
.hd-identity .search-name {display:inline;font:inherit;color:inherit}
.hd-identity div>span {font-size:11px;line-height:1.6;color:var(--secondary);display:block;margin-top:5px}
.hd-section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px}
.hd-section-heading h2 {font-size:16px;letter-spacing:-.35px;margin:0;line-height:1.4}
.hd-gallery {text-align:center;margin-bottom:26px}
.hd-gallery .hd-section-heading {justify-content:center}
.gallery-main {display:block;width:100%;margin:8px auto 14px;border-radius:18px;overflow:hidden}
.gallery-main>img {display:block;width:100%;height:auto;aspect-ratio:1175/809;object-fit:contain;border-radius:inherit}
.gallery-thumbnails {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-inline:auto}
.gallery-thumbnails[data-count="2"] {grid-template-columns:repeat(2,minmax(0,1fr));max-width:300px}
.hd-gallery[data-app="kayros-player"] .gallery-main>img,.hd-gallery[data-app="kayros-player"] .gallery-thumbnail img {aspect-ratio:16/9}
.hd-gallery[data-layout="wide"] .gallery-main>img,.hd-gallery[data-layout="wide"] .gallery-thumbnail img {aspect-ratio:16/9}
.hd-gallery[data-layout="landscape"] .gallery-main>img,.hd-gallery[data-layout="landscape"] .gallery-thumbnail img {aspect-ratio:8/5}
.hd-gallery[data-layout="tablet"] .gallery-main>img,.hd-gallery[data-layout="tablet"] .gallery-thumbnail img {aspect-ratio:4/3}
.hd-gallery[data-layout="portrait"] .gallery-main {max-width:300px}
.hd-gallery[data-layout="portrait"] .gallery-main>img,.hd-gallery[data-layout="portrait"] .gallery-thumbnail img {aspect-ratio:3/4}
.hd-gallery[data-app="rio-box"] .gallery-main>img,.hd-gallery[data-app="rio-box"] .gallery-thumbnail img {aspect-ratio:auto}
.gallery-thumbnail {display:block;min-width:0;border:1px solid rgba(255,255,255,.055);background:#ffffff02;border-radius:12px;padding:4px 4px 9px;color:#9b94a9;transition:border-color .2s,background .2s}
.gallery-thumbnail[aria-pressed="true"] {border-color:rgba(169,121,255,.5);background:rgba(152,97,235,.07);color:#ddc8ff}
.gallery-thumbnail img {width:100%;height:auto;aspect-ratio:1175/809;object-fit:contain;display:block}
.gallery-thumbnail span {font-size:10px}
.installation {padding-top:24px;border-top:1px solid rgba(255,255,255,.065)}
.on-tv {display:flex;align-items:center;gap:5px;color:#a293b6;font-size:9px;white-space:nowrap}
.on-tv svg {height:13px;width:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.install-steps {list-style:none;counter-reset:install;margin:25px 0 0;padding:0}
.install-steps li {position:relative;counter-increment:install;display:flex;gap:15px;padding:0 0 29px}
.install-steps li::before {content:counter(install,decimal-leading-zero);flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(149,98,225,.08);border:1px solid rgba(172,127,239,.13);color:#c3a0f3;font-size:11px;font-weight:700;z-index:1}
.install-steps li:not(:last-child)::after {content:"";position:absolute;left:16px;top:43px;bottom:9px;width:1px;background:linear-gradient(rgba(157,119,219,.2),rgba(157,119,219,.035))}
.install-steps h3 {font-size:13px;font-weight:650;line-height:1.5;margin:5px 0 7px}
.install-steps p {font-size:12px;line-height:1.8;color:var(--secondary);margin:0}
.install-steps p strong {color:#e1dbe9;font-weight:600}
.menu-path {display:inline-flex;gap:12px;border:1px solid rgba(178,141,222,.09);border-radius:8px;padding:7px 12px;font-size:10px;color:#c2b4d4;margin-top:12px;background:#ffffff02}
.menu-path>span {color:#7c658f}
.search-example {display:flex;align-items:center;gap:10px;border:1px solid rgba(178,141,222,.13);border-radius:10px;padding:10px 13px;margin-top:12px;font-size:12px;color:#d8c8ed;background:#ffffff03}
.search-example svg {width:15px;height:15px;fill:none;stroke:#b191d4;stroke-width:1.7;stroke-linecap:round}
.next-step-note {display:flex;gap:11px;align-items:flex-start;padding:16px 0 22px;border-bottom:1px solid rgba(255,255,255,.06)}
.next-step-note>svg {flex:none;width:18px;height:18px;fill:none;stroke:#b18cd7;stroke-width:1.6;margin-top:2px}
.next-step-note p {font-size:11.5px;line-height:1.8;margin:0;color:var(--secondary)}
.next-step-note strong {display:block;color:#d6c4ed;font-size:12px;font-weight:600;margin-bottom:4px}
.next-step-note strong.inline-label {display:inline;font-size:inherit;margin:0}
.install-help {margin:10px 0 24px}
.install-help details {border-bottom:1px solid rgba(255,255,255,.06)}
.install-help summary {list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 0;color:#c3b8d3;font-size:11.5px;cursor:pointer;font-weight:550}
.install-help summary::-webkit-details-marker {display:none}
.install-help summary::after {content:'+';font-size:19px;line-height:1;color:#ab86d3;font-weight:400;flex:none}
.install-help details[open] summary::after {content:'−'}
.install-help details>div {padding-bottom:17px}
.install-help p {font-size:11.5px;line-height:1.8;color:var(--secondary);margin:0}
.install-help a {display:inline-flex;align-items:center;gap:6px;color:#c5a4f2;font-size:11.5px;text-underline-offset:4px;margin-top:12px;line-height:1.6}
.install-help a svg {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.install-help .help-alternatives-copy {margin-top:12px}
.help-other-apps {display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;margin-top:14px;padding:10px 13px;border:1px solid rgba(172,127,239,.15);border-radius:10px;background:rgba(149,98,225,.07);color:#d2b9ef;font-size:11.5px;font-weight:600}
.help-other-apps:hover {background:rgba(149,98,225,.13)}
.help-other-apps svg {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.install-methods {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.install-methods a {flex:1;display:flex;justify-content:center;align-items:center;text-align:center;min-height:42px;padding:10px;border:1px solid rgba(172,127,239,.18);border-radius:11px;color:#d2b9ef;text-decoration:none;font-size:11px;font-weight:650;background:#ffffff03}
.install-methods a:hover {background:rgba(149,98,225,.1)}
#store-install,#downloader-install {scroll-margin-top:24px}
.downloader-install {padding:26px 0 0;border-top:1px solid rgba(255,255,255,.065)}
.downloader-install>.app-tag {font-size:9px;letter-spacing:.12em;color:#b99bdf;font-weight:700}
.downloader-install>h2 {font-size:21px;letter-spacing:-.5px;margin:8px 0 10px}
.download-intro {font-size:12px;line-height:1.8;color:var(--secondary);margin:0}
.download-compatibility {padding:13px 15px;margin-top:16px;border-radius:12px;background:rgba(149,98,225,.06);font-size:11px;line-height:1.75;color:var(--secondary)}
.download-compatibility>strong {display:block;color:#d6c4ed;margin-bottom:3px}
.install-steps li>div {min-width:0;flex:1}
.developer-help {margin-top:12px;padding:0 13px;border:1px solid rgba(172,127,239,.13);border-radius:10px}
.developer-help summary {cursor:pointer;padding:12px 0;color:#c5a4f2;font-size:11px;line-height:1.6}
.developer-help p {padding-bottom:13px;font-size:11px}
.downloader-code {display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px 0;padding:16px 12px;border:1px solid rgba(172,127,239,.19);border-radius:14px;background:linear-gradient(120deg,rgba(133,49,224,.1),rgba(110,145,200,.07))}
.downloader-code span {font-size:10px;color:#b9accb}
.downloader-code strong {font-size:31px;letter-spacing:4px;line-height:1.2;color:#f5efff;font-variant-numeric:tabular-nums}
.downloader-screen {margin:14px 0 0;border-radius:12px;overflow:hidden}
.downloader-screen img {display:block;width:100%;height:auto}
.install-steps .download-cleanup {margin-top:12px}
.hd-guide-continue {position:sticky;bottom:0;z-index:3;margin-top:12px;padding:24px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(13,14,22,0),rgba(13,14,22,.84) 55%,#0d0e16)}
.hd-guide-continue.has-store-shortcut {display:flex;flex-direction:column;gap:14px;padding-top:12px;background:linear-gradient(to bottom,rgba(13,14,22,0),rgba(13,14,22,.84) 75%,#0d0e16)}
.app-store-float {display:grid;place-items:center;align-self:flex-end;flex:none;width:54px;height:54px;border-radius:50%;background:linear-gradient(155deg,#26b9ff,#0879ee);border:1px solid #77cdff80;box-shadow:0 5px 22px #007bed40;color:#fff;text-decoration:none;transition:filter .2s,box-shadow .2s;animation:store-orbit 4.5s linear infinite}
.app-store-float svg {width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.app-store-float:hover {filter:brightness(1.12);box-shadow:0 5px 26px #007bed60}
.app-store-float:focus-visible {outline:3px solid #c7ecff;outline-offset:4px}
.play-store-float {background:linear-gradient(150deg,#fff,#edf4ff);border-color:#d8e9ff;box-shadow:0 5px 22px #3485d62b}
.play-store-float svg {width:34px;height:34px;stroke:none}
.app-store-float:hover,.app-store-float:focus-visible,.app-store-float:active {animation-play-state:paused}
@keyframes store-orbit {from {transform:rotate(0deg) translateX(3px) rotate(0deg)}to {transform:rotate(360deg) translateX(3px) rotate(-360deg)}}
.whatsapp-cta {font-size:17px;font-weight:800;letter-spacing:-.25px;padding-inline:16px;gap:10px;animation:whatsapp-float 3.2s ease-in-out infinite}
.whatsapp-cta .whatsapp-logo {height:25px;width:25px;fill:none;stroke:none}
.whatsapp-cta:hover,.whatsapp-cta:focus-visible,.whatsapp-cta:active {animation-play-state:paused}
@keyframes whatsapp-float {0%,100% {transform:translateY(0)}50% {transform:translateY(-4px)}}
@media (max-width:375px) {.tv-view h1 {font-size:29px}.on-tv {font-size:8px;gap:4px}.hd-section-heading {gap:8px}.hd-section-heading h2 {font-size:15px}.whatsapp-cta {font-size:16px;gap:9px}.hd-card-bottom {padding-inline:18px}.hd-app-top {padding-inline:18px}.hd-identity {gap:10px}.hd-identity strong {font-size:12px}.hd-identity div>span {font-size:10px}}
@media (prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;scroll-behavior:auto!important;transition:none!important}}