/* Shared page atmosphere and a layout-preserving night palette. */
html { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
body { isolation: isolate; }
.site-main, .site-footer { position: relative; z-index: 1; }
.page-ambient { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.ambient-orbit { position: absolute; width: min(55vw, 760px); aspect-ratio: 1; transition: transform 1.1s cubic-bezier(.2,.7,.3,1); will-change: transform; }
.ambient-orbit i { display: block; width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle, var(--glow-color), transparent 68%); filter: blur(36px); animation: ambient-float 23s ease-in-out infinite alternate; }
.ambient-violet { left: -8%; top: -18%; --glow-color: rgba(165,180,252,.53); }
.ambient-pink { right: -12%; top: 5%; --glow-color: rgba(251,182,218,.38); }
.ambient-pink i { animation-duration: 29s; animation-delay: -12s; }
.ambient-cyan { left: 25%; bottom: -25%; --glow-color: rgba(103,232,249,.3); }
.ambient-cyan i { animation-duration: 31s; animation-delay: -8s; }
.ambient-gold { left: -20%; bottom: -10%; --glow-color: rgba(253,230,138,.32); }
.ambient-gold i { animation-duration: 27s; animation-delay: -17s; }
.ambient-dots { position: absolute; inset: 0; opacity: .45; background-image: radial-gradient(rgba(99,102,241,.25) .7px, transparent .9px); background-size: 26px 26px; mask-image: radial-gradient(ellipse at center, #000, transparent 80%); }
@keyframes ambient-float { from { transform: translate(-5%, -4%) scale(.96); } to { transform: translate(9%, 7%) scale(1.12); } }
.theme-light .hero-bg { display: none; }
.theme-light #features, .theme-light #pricing, .theme-light .trial { background: transparent; }
.theme-light .site-footer { background: color-mix(in srgb, var(--bg-alt) 65%, transparent); }
.theme-toggle { display: inline-grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; border: 1px solid var(--border-strong); border-radius: 50%; color: var(--text); background: color-mix(in srgb, var(--bg) 65%, transparent); cursor: pointer; transition: background .25s, color .25s, transform .25s; }
.theme-toggle:hover { background: var(--accent-soft, var(--surface-2)); transform: rotate(-10deg); }
.theme-toggle:active { transform: scale(.94); }
.theme-toggle svg { width: 20px; height: 20px; }
.theme-sun { display: none; }
html[data-theme="dark"] .theme-sun { display: block; }
html[data-theme="dark"] .theme-moon { display: none; }
html[data-theme="dark"] body {
 --accent: #a5a0ff; --accent-hover: #c4bfff; --accent-soft: #242240;
 --accent-ring: rgba(165,160,255,.24);
 --bg: #090c18; --bg-alt: #101525; --bg-2: #101525;
 --card: #141a2c; --card-solid: #141a2c; --surface: #171e31; --surface-2: #232b41;
 --border: #2a324a; --border-strong: #414b68;
 --text: #f1f3ff; --muted: #b3bdd4; --dim: #a1acc8;
 --green: #6ee7b7; --danger: #fda4af;
 --shadow: 0 12px 32px -16px rgba(0,0,0,.65);
 --shadow-lg: 0 30px 60px -25px rgba(0,0,0,.75);
}
html[data-theme="dark"] .ambient-violet { --glow-color: rgba(103,83,232,.3); }
html[data-theme="dark"] .ambient-pink { --glow-color: rgba(195,65,141,.18); }
html[data-theme="dark"] .ambient-cyan { --glow-color: rgba(14,165,186,.2); }
html[data-theme="dark"] .ambient-gold { --glow-color: rgba(201,138,39,.1); }
html[data-theme="dark"] .theme-light .site-header.is-scrolled,
html[data-theme="dark"] .theme-light.menu-open .site-header { background: rgba(9,12,24,.85); }
html[data-theme="dark"] .theme-light .device {
	background: linear-gradient(180deg, #171a28, #0b0e19);
	border-color: rgba(148, 163, 184, .12);
	box-shadow: 0 44px 90px -52px rgba(0,0,0,.95), 0 24px 50px -34px rgba(79,70,229,.14);
}
html[data-theme="dark"] .theme-light .now-playing {
	background: #080a16;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}
html[data-theme="dark"] .theme-light .np-video,
html[data-theme="dark"] .theme-light .np-video-mask { background-color: #080a16; }
html[data-theme="dark"] .theme-light .np-art.is-video-playing::before {
	content: "";
	position: absolute;
	z-index: 4;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	border-top-right-radius: 12px;
	background: #080a16;
	pointer-events: none;
}
html[data-theme="dark"] .theme-light .mobile-menu { background: rgba(14,18,33,.98); }
html[data-theme="dark"] .theme-light .main-nav a:hover { background: var(--surface); }
html[data-theme="dark"] .theme-light :is(.bento-card,.plan:not(.is-popular),.acc-item,.acc-item.is-open,.trial-card,.glass,.marquee li) { background: var(--card); }
html[data-theme="dark"] .theme-light :is(.photo-chip,.float-chip) { background: rgba(20,26,44,.94); color: var(--text); }
html[data-theme="dark"] .theme-light :is(.epg-prog,.bubble.in) { background: var(--surface-2); color: var(--text); }
html[data-theme="dark"] .theme-light :is(.tl-bar,.check-box) { background: var(--surface-2); border-color: var(--border-strong); }
html[data-theme="dark"] .theme-light .ring-bg { stroke: var(--surface-2); }
html[data-theme="dark"] .theme-light .step-num { -webkit-text-stroke-color: var(--border-strong); }
html[data-theme="dark"] .theme-light .btn-primary { background: #6355e8; color: #fff; }
html[data-theme="dark"] .theme-light .btn-primary:hover { background: #7466f2; }
html[data-theme="dark"] .theme-light .plan-save { background: #12392f; }
html[data-theme="dark"] .theme-light .plan-tier strong { color: color-mix(in srgb, var(--plan), white 40%); }
html[data-theme="dark"] .theme-light .btn-plan { background: var(--surface-2); color: color-mix(in srgb, var(--plan), white 45%); }
html[data-theme="dark"] .theme-light .plan.is-popular .btn-primary,
html[data-theme="dark"] .theme-light .cta-panel .btn-primary { background: #f1f3ff; color: #312e81; }
html[data-theme="dark"] .theme-light .cta-panel { background: #37308b; }
html[data-theme="dark"] .theme-light .trial-callout { background: linear-gradient(100deg, #112b29, #18223d); border-color: #275147; }
html[data-theme="dark"] .theme-light .trial-callout::after { opacity: .08; }
html[data-theme="dark"] .theme-light .long-offer { color: var(--text); border-color: #343d60; background: linear-gradient(110deg, #171c32, #121c2e); box-shadow: 0 18px 42px -30px rgba(0,0,0,.8); }
html[data-theme="dark"] .theme-light .long-offer-icon { color: #b8b4ff; background: #29264c; }
html[data-theme="dark"] .theme-light .long-offer-kicker,
html[data-theme="dark"] .theme-light .long-offer-copy p,
html[data-theme="dark"] .theme-light .long-offer-price span { color: #b5bfd7; }
html[data-theme="dark"] .theme-light .long-offer-kicker b { color: #8af0c8; background: #12392f; }
html[data-theme="dark"] .theme-light .long-offer-copy h3,
html[data-theme="dark"] .theme-light .long-offer-price strong { color: #f1f3ff; }
html[data-theme="dark"] .theme-light .long-offer-obsidian { color: #fff; border-color: #1b695a; background: linear-gradient(105deg, #0a1519, #10272a 58%, #0d3b34); box-shadow: 0 22px 58px -34px rgba(16,129,105,.48); }
html[data-theme="dark"] .theme-light .long-offer-obsidian .long-offer-icon { color: #c9ffeb; background: linear-gradient(145deg, rgba(52,211,153,.3), rgba(34,211,238,.17)); box-shadow: inset 0 0 0 1px rgba(167,243,208,.25), 0 6px 20px rgba(16,129,105,.18); }
html[data-theme="dark"] .theme-light .long-offer-obsidian .long-offer-kicker,
html[data-theme="dark"] .theme-light .long-offer-obsidian .long-offer-copy p,
html[data-theme="dark"] .theme-light .long-offer-obsidian .long-offer-price span { color: #c2cce1; }
html[data-theme="dark"] .theme-light .long-offer-obsidian .long-offer-kicker > span:first-child { color: #d4f9e8; background: rgba(52,211,153,.16); }
html[data-theme="dark"] .theme-light .long-offer-obsidian .long-offer-copy h3,
html[data-theme="dark"] .theme-light .long-offer-obsidian .long-offer-price strong { color: #fff; }
html[data-theme="dark"] .theme-light .long-offer-obsidian > .btn-primary { color: #f2fff9; background: linear-gradient(110deg, #087c69, #07866d 60%, #147d99); }
html[data-theme="dark"] .theme-light :is(.input-wrap input,.input-wrap select,.select-wrap select option) { background: var(--surface); color: var(--text); }
html[data-theme="dark"] .theme-light :is(.input-wrap input:focus,.input-wrap select:focus,.field.has-error .input-wrap input,.field.has-error .input-wrap select) { background: var(--card); }
html[data-theme="dark"] .theme-light .phone-input-wrap { border-color: var(--border); background: var(--surface); }
html[data-theme="dark"] .theme-light .phone-input-wrap:focus-within { border-color: var(--accent); background: var(--surface); }
html[data-theme="dark"] .theme-light .phone-input-wrap > input#tr-phone,
html[data-theme="dark"] .theme-light .phone-input-wrap > input#tr-phone:focus { color: var(--text); background: transparent !important; border-color: transparent; box-shadow: none; }
html[data-theme="dark"] .theme-light .phone-input-wrap:focus-within > input#tr-phone { border-left-color: var(--accent); }
html[data-theme="dark"] .theme-light .input-wrap input::placeholder { color: var(--dim); }
html[data-theme="dark"] .theme-light .form-alert { background: #391b2c; border-color: #76324c; color: #fecdd3; }
html[data-theme="dark"] .theme-light .success-icon { background: #12392f; box-shadow: 0 0 0 10px rgba(18,57,47,.4); }
html[data-theme="dark"] .logo-track img[alt="HBO"] { content: url('../logos/hbo-dark.svg'); }
html[data-theme="dark"] .logo-track img[alt="Apple TV"] { content: url('../logos/appletv-dark.svg'); }
html[data-theme="dark"] .logo-track img[alt="Videoland"] { content: url('../logos/videoland-dark.svg'); }
html[data-theme="dark"] .logo-track img[alt="Disney+"] { content: url('../logos/disneyplus-dark.svg'); }
@media (max-width: 640px) {
 .header-inner { gap: 10px; }
 .header-actions { gap: 8px; }
 .ambient-orbit { width: 95vw; }
 .ambient-violet { left: -40%; }
 .ambient-pink { right: -45%; }
 .ambient-cyan { left: 12%; }
 .ambient-gold { left: -60%; }
}
@media (prefers-reduced-motion: reduce) {
 .ambient-orbit { transition: none; will-change: auto; }
 .ambient-orbit i { animation: none; }
 .theme-toggle { transition: none; }
}
