:root {
  --bg: #f42902;
  --panel: #c12b00;
  --panel2: #d63708;
  --white: #fdfdff;
  --muted: #fff0eb;
  --line: rgba(255,255,255,.3);
}
html { background: #f42902; }
body {
  background-color: #f42902;
  background-image:
    linear-gradient(rgba(255,255,255,.085) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.085) 1px,transparent 1px);
  background-size: 80px 80px;
  color: #fdfdff;
}
::selection { background: var(--lime); color: #9b2500; }
.skip-link { color: #9b2500; }
.intro-section,
.categories-section,
.devices-feature,
.pricing-preview,
.quote-section,
.page-intro,
.cta-band,
.article,
.site-footer {
  background: transparent;
  color: #fdfdff;
}
.page-intro::after { color: rgba(255,255,255,.16); }
.page-intro p,
.page-intro .eyebrow,
.devices-feature .eyebrow,
.hero-copy>p,
.hero-micro,
.hero .eyebrow,
.hero .text-link,
.cta-inner p,
.cta-inner .eyebrow,
.quote-box p,
.quote-box .eyebrow {
  color: #fdfdff;
}
.devices-feature .eyebrow::before { background: #fdfdff; }
.section-heading p,
.split-intro>div:last-child,
.footer-top p,
.footer-links a,
.footer-bottom,
.article-deck,
.article-body p,
.legal-content p,
.about-grid p,
.contact-aside p,
.checkout-aside p,
.thanks-next p,
.pricing-note p,
.plan-description,
.plan-price span,
.plan-card h3,
.plan-duration,
.plan-note,
.channel-number,
.sample-label,
.results-count,
.setup-card p,
.setup-tip span,
.blog-card p,
.form-note,
.check-row {
  color: #fff0eb;
}
.site-header.scrolled,
.home-page .site-header.scrolled {
  background: rgba(198,42,0,.97);
  border-color: rgba(255,255,255,.35);
}
.site-header .brand-mark { color: #ad2800; }
.site-header .nav-cta,
.site-header .nav-cta:hover { color: #fdfdff; }
.site-header .nav-cta:hover { background: rgba(255,255,255,.15); }
.site-nav { background: transparent; }
.button,
.hero .button,
.devices-feature .button,
.help-strip .button {
  background: #bd2900;
  border-color: var(--lime);
  color: #fdfdff;
}
.button:hover,
.hero .button:hover,
.devices-feature .button:hover,
.help-strip .button:hover {
  background: #a92700;
  border-color: #fdfdff;
  color: #fdfdff;
}
.button-outline { background: transparent; color: #fdfdff; border-color: rgba(255,255,255,.8); }
.button-outline:hover { background: rgba(174,39,0,.82); color: #fdfdff; }
.plan-card.featured .button,
.plan-card.featured .button:hover { background: #ac2900; border-color: var(--lime); color: #fdfdff; }
.plan-tag { background: #b62700; color: #fdfdff; }
.filter.active,
.filter:hover { background: #b62700; color: #fdfdff; border-color: var(--lime); }
.category-card,
.channel-card,
.setup-card,
.blog-card,
.plan-card,
.contact-form,
.checkout-form,
.thanks-card {
  background: linear-gradient(150deg,rgba(188,42,0,.96),rgba(211,52,5,.92));
  border-color: rgba(255,255,255,.32);
  color: #fdfdff;
}
.category-movies,
.category-news,
.category-kids { background: linear-gradient(145deg,#c32b00,#df3b0a); }
.category-card::before {
  background: linear-gradient(180deg,rgba(164,31,0,.28),rgba(170,34,0,.04) 38%,rgba(154,31,0,.88));
  opacity: 1;
  z-index: 1;
}
.category-card::after { display: none; }
.category-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transition: transform .4s ease;
}
.category-card:hover img { transform: scale(1.04); }
.category-card > span,
.category-card > strong { z-index: 2; }
@media (prefers-reduced-motion: reduce) {
  .category-card img { transition: none; }
}
.plan-card.featured { background: linear-gradient(145deg,#b82900,#d43400); border-color: var(--lime); }
.quote-box,
.pricing-note,
.help-strip {
  background: linear-gradient(135deg,rgba(183,39,0,.96),rgba(215,54,5,.9));
  color: #fdfdff;
  border: 1px solid rgba(255,255,255,.3);
}
.pricing-note { border-left: 4px solid var(--lime); }
.blog-art,
.blog-art-2,
.blog-art-3,
.article-art { background: linear-gradient(135deg,#c32b00,#fa4a20); }
.search-box,
.form-row input,
.form-row textarea,
.form-row select,
.thanks-card pre {
  background: rgba(178,39,0,.92);
  border-color: rgba(255,255,255,.5);
  color: #fdfdff;
}
.form-row select option { background: #ba2a00; color: #fdfdff; }
.filter { color: #fdfdff; border-color: rgba(255,255,255,.8); }
.channel-card li { border-color: rgba(255,255,255,.55); }
.setup-tip,
.article-next,
.faq-list,
.faq-list details,
.legal-content section,
.footer-bottom,
th, td { border-color: rgba(255,255,255,.32); }
.site-footer { border-top: 1px solid rgba(255,255,255,.3); }
.footer-top h2 { color: #fdfdff; }
.footer-links a:hover { color: var(--lime); }
.hero-stamp { color: #9b2500; }
.hero-stamp-ring { fill: #9b2500; }
.hero-stamp-center { color: #9b2500; }
.art-sticker { color: #9b2500; }
.screen-main,
.screen-back,
.tv-frame,
.phone-frame { border-color: #bd2b00; }
.tv-frame { background: #c12b00; }
.tv-frame > div {
  background: radial-gradient(circle at 50% 30%,#ff9a4b,#e6420c 42%,#b82b00 100%);
}
.phone-frame { background: #c12b00; }
@media(max-width:800px) {
  .site-nav,
  .site-header .site-nav { background: #c72b00; border-color: rgba(255,255,255,.3); }
  .site-header .site-nav a { color: #fdfdff; }
}

.trial-section { padding: 64px 0 20px; }
.trial-panel { display: grid; grid-template-columns: 1.4fr 1fr; gap: 48px; align-items: center; padding: 48px; border: 1px solid rgba(255,255,255,.5); border-radius: 28px; background: linear-gradient(135deg,#bd2b00,#d43400); }
.trial-copy h2 { margin: 20px 0; }
.trial-copy p { max-width: 580px; color: #fff; }
.trial-benefits { display: flex; flex-wrap: wrap; gap: 12px 24px; list-style: none; padding: 0; margin: 24px 0 0; font-size: 13px; }
.trial-benefits li::before { content: '✓'; color: var(--lime); margin-right: 8px; }
.trial-action { border-left: 1px solid rgba(255,255,255,.35); padding-left: 48px; }
.trial-price { display: block; font-size: 90px; font-weight: 900; line-height: 1.1; letter-spacing: -.06em; }
.trial-price span { font-size: 16px; font-weight: 600; letter-spacing: 0; }
.trial-action p { margin: 18px 0 28px; color: #fff; }
.trial-action .button { width: 100%; }
@media(max-width:800px) { .trial-panel { grid-template-columns: 1fr; padding: 28px; gap: 32px; } .trial-action { border-left: 0; border-top: 1px solid rgba(255,255,255,.35); padding: 28px 0 0; } .trial-price { font-size: 72px; } }
/* Thermal-paper order receipt, with warm ink matching the site palette. */
.thanks-card { background: transparent; border: 0; padding: 0; }
.receipt-printer { height: 42px; margin: 0 -12px -18px; border: 4px solid #ddd; border-radius: 6px; background: linear-gradient(#eee,#777 22%,#333 38%,#888 65%,#eee); box-shadow: 0 8px 18px rgba(90,25,0,.25); }
.order-receipt { position: relative; padding: 30px 34px 38px; background: #fffdf5; color: #9b2500; box-shadow: 0 18px 40px rgba(100,25,0,.22); font-family: 'Courier New',monospace; clip-path: polygon(0 0,100% 0,100% 99%,98% 100%,96% 99%,94% 100%,92% 99%,90% 100%,88% 99%,86% 100%,84% 99%,82% 100%,80% 99%,78% 100%,76% 99%,74% 100%,72% 99%,70% 100%,68% 99%,66% 100%,64% 99%,62% 100%,60% 99%,58% 100%,56% 99%,54% 100%,52% 99%,50% 100%,48% 99%,46% 100%,44% 99%,42% 100%,40% 99%,38% 100%,36% 99%,34% 100%,32% 99%,30% 100%,28% 99%,26% 100%,24% 99%,22% 100%,20% 99%,18% 100%,16% 99%,14% 100%,12% 99%,10% 100%,8% 99%,6% 100%,4% 99%,2% 100%,0 99%); }
.order-receipt h2 { font-family: Arial,Helvetica,sans-serif; font-size: clamp(42px,5vw,72px); font-weight: 900; margin: 25px 0; line-height: .9; }
.receipt-brand,.receipt-state,.receipt-signoff { font-size: 11px; font-weight: 700; letter-spacing: .07em; }
.receipt-brand { display: block; margin-top: 22px; }
.receipt-state { border-block: 1px dashed currentColor; padding: 15px 0; line-height: 1.7; }
.receipt-meta { display: grid; gap: 6px; font-size: 12px; overflow-wrap: anywhere; }
.order-receipt h3 { font-size: 14px; letter-spacing: .08em; text-transform: uppercase; margin: 28px 0 12px; }
.receipt-rows { margin: 0; font-size: 13px; }
.receipt-rows>div { display: grid; grid-template-columns: 1fr 1.5fr; gap: 15px; padding: 7px 0; }
.receipt-rows dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.receipt-total { border-block: 1px dashed currentColor; margin-top: 18px; padding-block: 18px!important; font-weight: 700; }
.receipt-note { font-size: 11px; line-height: 1.7; margin: 20px 0 28px; }
.receipt-barcode { height: 24px; background: repeating-linear-gradient(90deg,#9b2500 0 2px,transparent 2px 5px,#9b2500 5px 6px,transparent 6px 9px,#9b2500 9px 13px,transparent 13px 16px); }
.receipt-barcode-bottom { height: 50px; margin-top: 25px; }
.receipt-signoff { text-align: center; margin: 15px 0 0; }
.order-receipt #order-summary { background: transparent; color: #9b2500; padding: 15px 0; white-space: pre-wrap; }
.thanks-actions { margin-top: 30px; }
.thanks-actions[hidden],#order-summary[hidden] { display:none; }
@media(max-width:560px) { .order-receipt { padding: 25px 22px 32px; } .receipt-rows { font-size: 12px; } }

.contact-options { display: grid; gap: 18px; margin-top: 30px; }
.contact-option { display: grid; gap: 12px; padding: 24px; border: 1px solid rgba(255,255,255,.5); border-radius: 20px; background: #bd2b00; color: #fff; }
.contact-option strong { font-size: clamp(17px,2vw,25px); overflow-wrap: anywhere; }
.contact-option > span:last-child { font-size: 14px; }
.contact-option:hover { border-color: var(--lime); background: #ae2900; }

/* Shared generated iptvon icon; fixed dimensions prevent layout shift. */
.brand .brand-icon { width:40px; height:40px; object-fit:contain; flex:none; margin-right:5px; }
@media(max-width:600px) { .brand .brand-icon { width:32px; height:32px; } }