:root{--ioh-brand-name: "IPTV Orbit Hub";--ioh-font-display: "Plus Jakarta Sans", "Segoe UI", sans-serif;--ioh-font-body: "Inter", "Segoe UI", sans-serif;--ioh-font-mono: "JetBrains Mono", ui-monospace, monospace;--ioh-bg-deep: #0b0f19;--ioh-bg-panel: #111827;--ioh-bg-elevated: #1e293b;--ioh-bg-soft: #f8fafc;--ioh-surface: #0f131d;--ioh-surface-low: #171b26;--ioh-surface-high: #262a35;--ioh-surface-highest: #313540;--ioh-surface-lowest: #0a0e18;--ioh-fg: #f8fafc;--ioh-fg-muted: #94a3b8;--ioh-fg-on-soft: #0b1728;--ioh-on-surface: #dfe2f1;--ioh-on-surface-variant: #bcc9ce;--ioh-accent: #00b4d8;--ioh-accent-strong: #0077b6;--ioh-accent-bright: #4cd6fb;--ioh-accent-contrast: #ffffff;--ioh-cyan: #4cd6fb;--ioh-violet: #6366f1;--ioh-indigo: #3131c0;--ioh-ember: #f97316;--ioh-amber: #ffb690;--ioh-warn: #ffb690;--ioh-danger: #ffb4ab;--ioh-ok: #34d399;--ioh-border: rgba(255, 255, 255, .07);--ioh-border-strong: rgba(56, 189, 248, .35);--ioh-outline: #869398;--ioh-outline-variant: #3d494d;--ioh-gradient-logo: linear-gradient(135deg, #00c2ff 0%, #7b3fe4 48%, #ff5a3d 100%);--ioh-gradient-cta: linear-gradient(135deg, #00b4d8 0%, #0077b6 100%);--ioh-gradient-hero: radial-gradient(720px 380px at 50% -10%, rgba(0, 180, 216, .12), transparent 60%), radial-gradient(420px 320px at 90% 20%, rgba(99, 102, 241, .1), transparent 55%), linear-gradient(165deg, #0b0f19 0%, #0f131d 50%, #0a0e18 100%);--ioh-glass: rgba(30, 41, 59, .72);--ioh-glass-border: rgba(56, 189, 248, .25);--ioh-glow-cyan: 0 0 24px rgba(0, 180, 216, .4);--ioh-glow-card: 0 12px 32px -8px rgba(0, 180, 216, .15);--ioh-shadow-nav: 0 4px 24px rgba(0, 0, 0, .4);--ioh-space-1: .25rem;--ioh-space-2: .5rem;--ioh-space-3: .75rem;--ioh-space-4: 1rem;--ioh-space-5: 1.5rem;--ioh-space-6: 2.5rem;--ioh-space-7: 4rem;--ioh-space-8: 6rem;--ioh-gutter: 1.5rem;--ioh-margin: 3rem;--ioh-margin-mobile: 1.25rem;--ioh-radius-sm: .5rem;--ioh-radius-md: .75rem;--ioh-radius-lg: 1rem;--ioh-radius-xl: 1.5rem;--ioh-radius-pill: 9999px;--ioh-focus-ring: 0 0 0 3px rgba(76, 214, 251, .45);--ioh-text-hero: clamp(2.25rem, 5vw, 3.5rem);--ioh-text-h1: clamp(1.75rem, 3vw, 2.5rem);--ioh-text-body: .9375rem;--ioh-max-content: 80rem;--ioh-ease: cubic-bezier(.22, 1, .36, 1);--ioh-dur-fast: .16s;--ioh-dur-med: .32s;--ioh-dur-slow: .7s;--ioh-header-h: 5rem}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--ioh-font-body);font-size:var(--ioh-text-body);color:var(--ioh-on-surface);background:var(--ioh-bg-deep);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:var(--ioh-accent-bright)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:1.25rem;line-height:1;vertical-align:middle}.shell{position:relative;overflow:clip;min-height:100vh;background:var(--ioh-gradient-hero)}.orb{position:fixed;border-radius:50%;filter:blur(64px);pointer-events:none;z-index:0;will-change:transform;animation:float 9s var(--ioh-ease) infinite alternate}.orb-a{width:min(48vw,32rem);height:min(48vw,32rem);top:-12%;left:-8%;background:#00b4d81a}.orb-b{width:min(40vw,26rem);height:min(40vw,26rem);top:12%;right:-10%;background:#6366f11a;animation-delay:.28s}.orb-c{width:min(30vw,18rem);height:min(30vw,18rem);bottom:8%;left:40%;background:#f973160d;animation-delay:.52s}.site-header.glass-nav{position:sticky;top:0;z-index:40;max-width:none;margin:0;padding:0;border-bottom:1px solid var(--ioh-border);background:#0f131db8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--ioh-shadow-nav)}.site-header-inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ioh-space-4);max-width:var(--ioh-max-content);margin:0 auto;padding:.85rem var(--ioh-margin-mobile);min-height:var(--ioh-header-h)}@media (min-width: 1024px){.site-header-inner{padding-inline:var(--ioh-margin)}}.brand-lockup{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit}.brand-logo{display:block;height:2.25rem;width:auto;max-width:2.75rem;object-fit:contain;filter:drop-shadow(0 0 16px rgba(0,180,216,.35))}.brand-wordmark{font-family:var(--ioh-font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--ioh-fg)}.nav-toggle{display:inline-flex;margin-left:auto;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--ioh-radius-md);border:1px solid var(--ioh-border);background:#ffffff0a;color:var(--ioh-fg);cursor:pointer}.nav{display:none;flex-wrap:wrap;gap:.35rem 1.15rem;flex:1;align-items:center;justify-content:center}.nav.is-open{display:flex;order:3;width:100%;flex-direction:column;align-items:stretch;padding:.5rem 0 .75rem;border-top:1px solid var(--ioh-border)}.nav-link{color:var(--ioh-fg-muted);text-decoration:none;font-family:var(--ioh-font-display);font-size:.875rem;font-weight:600;padding:.35rem 0;transition:color var(--ioh-dur-fast) var(--ioh-ease)}.nav-link:hover,.nav-link.active{color:var(--ioh-accent-bright)}.header-cta{display:flex;flex-wrap:wrap;gap:var(--ioh-space-2)}.header-cta-desktop{display:none}.nav-cta-mobile{margin-top:.5rem}@media (min-width: 960px){.nav-toggle{display:none}.nav{display:flex}.nav.is-open{order:unset;width:auto;flex-direction:row;padding:0;border:none}.nav-cta-mobile{display:none}.header-cta-desktop{display:flex}}.site-main{position:relative;z-index:1;max-width:var(--ioh-max-content);margin:0 auto;padding:var(--ioh-space-6) var(--ioh-margin-mobile) var(--ioh-space-8);min-height:55vh}@media (min-width: 1024px){.site-main{padding-inline:var(--ioh-margin)}}.site-footer{position:relative;z-index:1;max-width:none;margin:0;padding:0;border-top:1px solid var(--ioh-outline-variant);background:var(--ioh-surface-lowest);color:var(--ioh-fg-muted);font-size:.875rem}.footer-inner{max-width:var(--ioh-max-content);margin:0 auto;padding:var(--ioh-space-7) var(--ioh-margin-mobile) var(--ioh-space-6)}@media (min-width: 1024px){.footer-inner{padding-inline:var(--ioh-margin)}}.footer-grid{display:grid;gap:var(--ioh-space-6);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.footer-blurb{margin:var(--ioh-space-3) 0;max-width:22rem;line-height:1.55}.footer-grid a{display:block;margin-top:.4rem;color:var(--ioh-fg-muted);text-decoration:none}.footer-grid a:hover{color:var(--ioh-accent-bright)}.footer-title{margin:0 0 .5rem;color:var(--ioh-fg);font-family:var(--ioh-font-display);font-weight:600;font-size:.9rem}.legal-note{margin-top:var(--ioh-space-6);max-width:48rem;line-height:1.5;padding-top:var(--ioh-space-5);border-top:1px solid var(--ioh-border)}.eyebrow{margin:0 0 var(--ioh-space-3);color:var(--ioh-accent-bright);font-family:var(--ioh-font-display);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.hero-copy h1,.content-page h1,.cms-hero h1,.section-heading{margin:0 0 var(--ioh-space-4);font-family:var(--ioh-font-display);font-size:var(--ioh-text-hero);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ioh-fg)}.lede{margin:0 0 var(--ioh-space-5);max-width:38rem;font-size:1.125rem;line-height:1.6;color:var(--ioh-fg-muted)}.muted{color:var(--ioh-fg-muted)}.page-loading{padding:var(--ioh-space-8);text-align:center}.cta-row{display:flex;flex-wrap:wrap;gap:var(--ioh-space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1.45rem;border-radius:var(--ioh-radius-pill);text-decoration:none;font-family:var(--ioh-font-display);font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:transform var(--ioh-dur-fast) var(--ioh-ease),background var(--ioh-dur-fast) var(--ioh-ease),box-shadow var(--ioh-dur-fast) var(--ioh-ease),border-color var(--ioh-dur-fast) var(--ioh-ease)}.btn.compact{padding:.55rem 1rem;font-size:.82rem}.btn:focus-visible{outline:none;box-shadow:var(--ioh-focus-ring)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--ioh-gradient-cta);color:#fff;box-shadow:var(--ioh-glow-cyan)}.btn.primary:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 32px #00b4d88c}.btn.secondary{border:1px solid rgba(255,255,255,.15);color:var(--ioh-fg);background:#ffffff0d}.btn.secondary:hover:not(:disabled){background:#ffffff1a;border-color:#38bdf8}.trust-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 var(--ioh-space-5)}.trust-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--ioh-radius-pill);background:#00b4d81a;border:1px solid rgba(0,180,216,.3);color:#38bdf8;font-family:var(--ioh-font-display);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.trust-chip .ping{width:.45rem;height:.45rem;border-radius:50%;background:var(--ioh-ok);box-shadow:0 0 #34d39980;animation:ping 1.8s ease infinite}.glass-card{padding:var(--ioh-space-5);border-radius:var(--ioh-radius-lg);background:#1e293ba6;border:1px solid var(--ioh-glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--ioh-glow-card)}.surface-card{padding:var(--ioh-space-5);border-radius:var(--ioh-radius-lg);background:var(--ioh-bg-panel);border:1px solid rgba(255,255,255,.07);transition:border-color var(--ioh-dur-med) var(--ioh-ease),transform var(--ioh-dur-med) var(--ioh-ease)}.surface-card:hover{border-color:#38bdf859;transform:translateY(-2px)}.surface-card h2,.surface-card h3{margin:0 0 var(--ioh-space-2);font-family:var(--ioh-font-display);font-size:1.05rem;font-weight:600;color:var(--ioh-fg)}.surface-card p{margin:0;color:var(--ioh-fg-muted);line-height:1.5;font-size:.9rem}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-bottom:var(--ioh-space-3);border-radius:var(--ioh-radius-md);background:#00b4d81f;color:var(--ioh-accent-bright)}.cms-page{max-width:none}.cms-hero{display:grid;gap:var(--ioh-space-6);align-items:center;margin-bottom:var(--ioh-space-7)}@media (min-width: 900px){.cms-hero{grid-template-columns:1.15fr .85fr}}.cms-hero-visual{display:grid;place-items:center;perspective:900px}.hero-logo-3d{width:min(100%,22rem);height:auto;transform:rotateY(-10deg) rotateX(5deg);filter:drop-shadow(0 28px 48px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(0,180,216,.3));animation:tilt 6s var(--ioh-ease) infinite alternate}.landing-section{margin:var(--ioh-space-8) 0}.landing-section .section-kicker{margin:0 0 var(--ioh-space-2);color:var(--ioh-accent-bright);font-family:var(--ioh-font-display);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.landing-section .section-heading{font-size:clamp(1.5rem,3vw,2.25rem);max-width:36rem}.landing-section .section-lead{margin:0 0 var(--ioh-space-5);max-width:36rem;color:var(--ioh-fg-muted);line-height:1.55}.feature-grid{display:grid;gap:var(--ioh-space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.steps-grid{display:grid;gap:var(--ioh-space-4);counter-reset:step}@media (min-width: 800px){.steps-grid{grid-template-columns:repeat(5,1fr)}}.step-card{position:relative;padding:var(--ioh-space-4);border-radius:var(--ioh-radius-lg);background:var(--ioh-bg-panel);border:1px solid rgba(255,255,255,.07)}.step-card:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;margin-bottom:var(--ioh-space-3);font-family:var(--ioh-font-mono);font-size:1.75rem;font-weight:500;color:#4cd6fb59}.step-card h3{margin:0 0 .4rem;font-family:var(--ioh-font-display);font-size:.95rem;color:var(--ioh-fg)}.step-card p{margin:0;font-size:.82rem;line-height:1.45;color:var(--ioh-fg-muted)}.pricing-grid{display:grid;gap:var(--ioh-space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.plan-card{padding:var(--ioh-space-5);border:1px solid rgba(255,255,255,.08);border-radius:var(--ioh-radius-xl);background:var(--ioh-bg-panel)}.plan-card.featured{background:#1e293bbf;border:1px solid transparent;background-image:linear-gradient(var(--ioh-bg-panel),var(--ioh-bg-panel)),linear-gradient(135deg,#00b4d88c,#6366f18c);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:var(--ioh-glow-card)}.plan-card .plan-badge{display:inline-block;margin-bottom:var(--ioh-space-3);padding:.25rem .65rem;border-radius:var(--ioh-radius-pill);background:#6366f133;color:#c0c1ff;font-size:.7rem;font-weight:600;font-family:var(--ioh-font-display)}.plan-card h2{margin:0 0 .35rem;font-family:var(--ioh-font-display);font-size:1.2rem;color:var(--ioh-fg)}.price-hint{color:var(--ioh-accent-bright);font-family:var(--ioh-font-display);font-weight:700;font-size:1.35rem;margin:.5rem 0 1rem}.plan-card ul{margin:0;padding-left:1.1rem;color:var(--ioh-fg-muted);line-height:1.55;font-size:.9rem}.compat-grid{display:grid;gap:var(--ioh-space-4);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.metric-row{display:grid;gap:var(--ioh-space-4);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin-bottom:var(--ioh-space-5)}.metric-tile{padding:var(--ioh-space-4);border-radius:var(--ioh-radius-lg);background:var(--ioh-bg-panel);border:1px solid rgba(255,255,255,.07)}.metric-tile .metric{font-size:1.75rem;font-weight:800;margin:0 0 .25rem;color:var(--ioh-accent-bright);font-family:var(--ioh-font-display);letter-spacing:-.02em}.metric-tile .label{margin:0;font-size:.8rem;color:var(--ioh-fg-muted)}.faq-list{display:grid;gap:var(--ioh-space-3);max-width:44rem}.faq-list details{border-radius:var(--ioh-radius-lg);background:var(--ioh-bg-panel);border:1px solid rgba(255,255,255,.07);padding:var(--ioh-space-4)}.faq-list summary{cursor:pointer;font-family:var(--ioh-font-display);font-weight:600;color:var(--ioh-fg);list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] summary{margin-bottom:var(--ioh-space-3);padding-bottom:var(--ioh-space-3);border-bottom:1px solid var(--ioh-border)}.faq-list details p{margin:0;color:var(--ioh-fg-muted);line-height:1.55;font-size:.92rem}.cms-figure{margin:0 0 var(--ioh-space-6)}.cms-figure img{width:100%;height:auto;border-radius:var(--ioh-radius-xl);border:1px solid var(--ioh-border)}.cms-prose{max-width:46rem;line-height:1.7;color:var(--ioh-fg-muted)}.cms-prose h2,.cms-prose h3{color:var(--ioh-fg);font-family:var(--ioh-font-display);margin-top:2rem;letter-spacing:-.02em}.cms-prose a{color:var(--ioh-accent-bright)}.cms-prose ul,.cms-prose ol{padding-left:1.2rem}.content-page{max-width:46rem}.prose ul,.prose ol{line-height:1.55;color:var(--ioh-fg-muted)}.steps{padding-left:1.2rem}.contact-form,.auth-card form{display:grid;gap:var(--ioh-space-3);max-width:28rem}.contact-form label,.auth-card label{display:grid;gap:.35rem;color:var(--ioh-fg-muted);font-size:.875rem;font-family:var(--ioh-font-display);font-weight:500}.contact-form input,.contact-form textarea,.contact-form select,.auth-card input,.inline-search input,.app-shell select{padding:.8rem .95rem;border-radius:var(--ioh-radius-md);border:1px solid var(--ioh-border);background:var(--ioh-surface-lowest);color:var(--ioh-fg);font:inherit}.contact-form input:focus-visible,.contact-form textarea:focus-visible,.auth-card input:focus-visible,.inline-search input:focus-visible{outline:none;box-shadow:var(--ioh-focus-ring);border-color:#4cd6fb73}.form-error{color:var(--ioh-danger)}.auth-card{max-width:26rem;margin:2rem auto}.code-mono{font-family:var(--ioh-font-mono);letter-spacing:.04em}.hero-grid{display:grid;gap:var(--ioh-space-6)}.portal-grid{display:grid;gap:var(--ioh-space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.portal-card{padding:var(--ioh-space-4);border:1px solid var(--ioh-border);border-radius:var(--ioh-radius-lg);background:var(--ioh-bg-panel)}.portal-card h2{margin:0 0 var(--ioh-space-2);font-size:1.05rem;font-family:var(--ioh-font-display)}.app-shell{min-height:100vh;background:var(--ioh-gradient-hero);color:var(--ioh-on-surface)}.app-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:.85rem 1.25rem;border-bottom:1px solid var(--ioh-border);background:#0f131dc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.app-nav{display:flex;flex-wrap:wrap;gap:.35rem 1rem;flex:1}.app-nav a{color:var(--ioh-fg-muted);text-decoration:none;font-family:var(--ioh-font-display);font-size:.85rem;font-weight:600}.app-nav a.active,.app-nav a:hover{color:var(--ioh-accent-bright)}.app-main{max-width:90rem;margin:0 auto;padding:1.75rem 1.25rem 3rem}.admin-shell .app-header{border-bottom-color:#6366f140}.watch-hero{margin-bottom:2rem}.section-title{margin:2rem 0 1rem;font-family:var(--ioh-font-display);font-size:1.25rem;letter-spacing:-.02em}.media-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.media-card{display:grid;gap:.35rem;padding:1rem;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.07);border-radius:var(--ioh-radius-lg);background:var(--ioh-bg-panel);transition:border-color var(--ioh-dur-fast) var(--ioh-ease),box-shadow var(--ioh-dur-fast) var(--ioh-ease)}.media-card:hover{border-color:var(--ioh-border-strong);box-shadow:var(--ioh-glow-card)}.media-kind{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ioh-accent-bright);font-family:var(--ioh-font-display);font-weight:600}.media-card.disabled{opacity:.55;cursor:not-allowed}.state-box{padding:1.5rem;border:1px solid var(--ioh-border);border-radius:var(--ioh-radius-lg);background:#1e293b8c;max-width:36rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.state-box.error{border-color:#ffb4ab73}.metric{font-size:2rem;font-weight:800;margin:0;color:var(--ioh-accent-bright);font-family:var(--ioh-font-display)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--ioh-border)}.data-table th{font-family:var(--ioh-font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ioh-fg-muted)}.inline-search{display:flex;gap:.5rem;margin-bottom:1.5rem}.inline-search input{flex:1}.player-shell{display:grid;gap:1rem}.player-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:baseline}.player-meta h1{margin:0;font-size:1.5rem;font-family:var(--ioh-font-display)}.live-badge{background:var(--ioh-ember);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--ioh-radius-pill);font-family:var(--ioh-font-display)}.demo-chip{font-size:.85rem}.player-viewport{position:relative;background:#000;border-radius:var(--ioh-radius-xl);overflow:hidden;aspect-ratio:16 / 9;max-height:70vh;border:1px solid var(--ioh-border);box-shadow:0 24px 64px -12px #000c}.player-video{width:100%;height:100%;display:block;background:#000}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.75rem;background:#0000008c;text-align:center;padding:1rem}.player-overlay.error{background:#140000bf}.ticket-list{list-style:none;padding:0;display:grid;gap:1rem}.code-block{overflow:auto;padding:1rem;border-radius:var(--ioh-radius-md);background:var(--ioh-surface-lowest);border:1px solid var(--ioh-border);font-size:.8rem;font-family:var(--ioh-font-mono)}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(18px)}}@keyframes tilt{0%{transform:rotateY(-10deg) rotateX(5deg) translateY(0)}to{transform:rotateY(-3deg) rotateX(2deg) translateY(-8px)}}@keyframes ping{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}@media (max-width: 800px){.hero-logo-3d{transform:none;animation:none}.steps-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){.orb,.hero-logo-3d,.trust-chip .ping{animation:none}}