:root {
  color-scheme: dark;
  --site-bg: #080f1d;
  --site-surface: #111b2c;
  --site-surface-strong: #152238;
  --site-border: rgba(190, 211, 238, .13);
  --site-text: #f2f6fc;
  --site-muted: #aab8cc;
  --site-accent: #6ce4c3;
  --site-blue: #55b8f4;
  --site-shadow: 0 20px 60px rgba(0, 0, 0, .22);
}

html { scroll-behavior: smooth; scroll-padding-top: 104px; }
body { background: var(--site-bg); color: var(--site-text); font-family: "Red Hat Text", sans-serif; }
#page { background: var(--site-bg); }
::selection { color: #06111a; background: var(--site-accent); }

/* Navigation */
#site-header { position: relative; z-index: 10000; min-height: 78px; }
#site-header.header-overlay { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
#site-header .octf-main-header,
#site-header .header_mobile {
  background: rgba(8, 15, 29, .88);
  border-bottom: 1px solid var(--site-border);
  box-shadow: 0 10px 34px rgba(0, 0, 0, .12);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
#site-header .octf-main-header { position: fixed !important; top: 0; right: 0; left: 0; z-index: 10001; }
#site-header .octf-main-header.is-stuck,
#site-header .header_mobile.is-stuck { background: rgba(8, 15, 29, .96); }
#site-header .octf-mainbar { min-height: 78px; }
#site-header .main-navigation > ul > li { margin: 0 11px; }
#site-header .main-navigation > ul > li > a { color: #dce6f4; font-size: 14px; font-weight: 600; }
#site-header .main-navigation > ul > li > a:hover { color: var(--site-accent); }
#site-header .octf-btn-cta .octf-btn-third { background: var(--site-accent) !important; color: #07131d !important; }
#site-header .octf-btn-cta .octf-btn-third:hover { background: #8bedda !important; color: #07131d !important; }
#site-header .main-navigation ul ul {
  min-width: 224px;
  padding: 8px;
  border: 1px solid var(--site-border);
  border-radius: 14px;
  background: #101a2b;
  box-shadow: var(--site-shadow);
}
#site-header .main-navigation ul li li a { color: #dce6f4; border-radius: 9px; }
#site-header .main-navigation ul li li a:hover,
#site-header .main-navigation ul ul li.current-menu-item > a { color: var(--site-accent); background: rgba(108, 228, 195, .08); }
#site-header .btn-cta-group { gap: 9px; }
#site-header .octf-btn-cta .octf-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 16px; border-radius: 999px; text-align: center; line-height: 1.2; }
#site-header .theme-toggle { min-height: 42px; }
.header_mobile .mlogo_wrapper { padding: 13px 0; }
.header_mobile .mlogo_wrapper img { height: 48px; }
.header_mobile .mobile_nav { max-height: calc(100dvh - 76px); overflow-y: auto; padding: 8px 20px 18px; }
.header_mobile .mobile_nav .menu li a { padding: 13px 2px; font-size: 15px; }
.header_mobile .mobile_nav .menu li li a { padding-left: 16px; font-size: 14px; }
.header_mobile .mobile_nav .menu li .arrow {
  display: grid;
  place-items: center;
  width: 44px;
  height: 46px;
  padding: 0;
  color: var(--site-accent);
  border: 0;
  background: transparent;
}
.header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children > button.arrow { display: grid; place-items: center; width: 44px; height: 46px; padding: 0; border: 0; background: transparent; color: var(--site-accent); }
.header_mobile .mobile_nav .menu li .arrow i { transition: transform .2s ease; }
.header_mobile .mobile_nav .menu li .arrow[aria-expanded="true"] i { transform: rotate(90deg); }
.header_mobile .mobile_nav .menu .sub-menu { display: none; margin: 0; padding: 0 0 8px 12px; border-left: 1px solid var(--site-border); }
.header_mobile .mobile_nav .theme-menu-item { padding: 12px 0 4px; }
#mmenu_toggle button { width: 30px; height: 3px; }
#mmenu_toggle button::before, #mmenu_toggle button::after { width: 30px; height: 3px; }

/* Hero */
.home3-top {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(142px, 14vw, 190px) 0 118px;
  background-color: var(--site-bg);
  background-image: radial-gradient(ellipse at 86% 38%, rgba(34, 110, 166, .28), transparent 42%), linear-gradient(120deg, #080f1d 0%, #111936 56%, #10253a 100%);
}
.home3-top::before {
  position: absolute;
  z-index: -1;
  top: 14%;
  right: -14%;
  width: 54vw;
  height: 54vw;
  max-width: 780px;
  max-height: 780px;
  border: 1px solid rgba(108, 228, 195, .12);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 0 42px rgba(108, 228, 195, .025), 0 0 0 92px rgba(85, 184, 244, .02);
}
.home3-top .container { max-width: 1320px; }
.home3-top .flex-row { align-items: center; }
.home3-top .home3-top-left { width: 52%; }
.home3-top .home3-top-left .home3-brand {
  width: fit-content;
  margin: 0 0 20px;
  background: linear-gradient(100deg, #7cf3d5, #54c8f5 62%, #91aaff);
  background-clip: text;
  color: transparent;
  font: 900 clamp(38px, 5vw, 66px)/1 "Red Hat Display", sans-serif;
  letter-spacing: -.06em;
}
.home3-top .home3-top-left h1 {
  max-width: 690px;
  margin: 0 0 20px;
  color: #f4f7fb;
  background: none;
  -webkit-text-fill-color: currentColor;
  font: 800 clamp(34px, 4.15vw, 58px)/1.08 "Red Hat Display", sans-serif;
  letter-spacing: -.045em;
}
.home3-top .home3-top-left p:not(.home3-brand) { max-width: 590px; margin: 0 0 30px; color: #bdc9db; font-size: clamp(16px, 1.45vw, 19px); line-height: 1.75; }
.home3-top .home3-top-right { width: 48%; margin: 0 -5% 0 0; }
.home3-top .home3-top-right img { display: block; width: min(100%, 760px); max-width: none; height: auto; border-radius: 14px; filter: drop-shadow(0 14px 24px rgba(0, 0, 0, .2)); animation: none !important; transform: none !important; will-change: auto; }
.home3-top .social-icons-wrapper { display: none; }
.home3-top .octf-btn-primary { min-height: 56px; padding: 6px 8px 6px 25px; border-radius: 999px; box-shadow: 0 12px 32px rgba(108, 228, 195, .18); }
.home3-top .octf-btn-primary span { display: inline-flex; align-items: center; gap: 16px; }
.home3-top .octf-btn-primary i { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #f8fbff; }

/* Sections and feature cards */
.seo-about, .bg-about, .bg-light, .bg-testi, .iptv-guide { background-color: #0c1728; }
.seo-about .shape-bottom .shape-fill { fill: #0c1728; }
.seo-about .shape-bottom path.shape-fill { fill: #0c1728 !important; }
.home3-top + .seo-about { padding-top: 84px; }
.seo-about .top-up { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; }
.seo-about .top-up > [class*="col-"] { width: auto; max-width: none; padding: 0; margin: 0; }
  .seo-about .top-up > [class*="col-"]:nth-child(even) { margin-top: 40px; }
.icon-box.s3 {
  height: 100%;
  min-height: 254px;
  padding: 30px 24px;
  border: 1px solid var(--site-border);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(21, 34, 56, .96), rgba(14, 25, 42, .98));
  box-shadow: 0 16px 42px rgba(0, 0, 0, .16);
}
.icon-box.s3 .bg-before, .icon-box.s3 .bg-after { opacity: .18; }
.icon-box.s3 .icon-main { margin-bottom: 20px; }
.icon-box .content-box h5 { color: var(--site-text); font-size: 19px; }
.icon-box .content-box p { color: var(--site-muted); font-size: 14px; letter-spacing: 0; line-height: 1.75; }
.bg-about { padding-top: 96px; padding-bottom: 96px; }
.bg-about .row { align-items: center; }
.bg-about img { max-width: min(100%, 540px); border-radius: 22px; }
.bg-about .ot-heading h2, .main-heading { letter-spacing: -.035em; }

/* Plans */
.bg-pricing { padding: 108px 0 116px; background: radial-gradient(ellipse at 50% 0%, #172b47 0%, #0c1728 50%, #080f1d 100%); }
.bg-pricing .main-heading { font-size: clamp(34px, 4vw, 50px); }
.bg-pricing > .container > p { color: var(--site-muted); font-size: 17px; }
.bg-pricing .row { row-gap: 24px; }
.bg-pricing .row > [class*="col-"] { display: flex; }
.bg-pricing > .container > .row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); justify-content: stretch; gap: 22px; width: 100% !important; margin: 36px 0 0 !important; box-sizing: border-box; }
.bg-pricing > .container > .row > [class*="col-"] { display: flex; grid-column: auto / span 1; width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; float: none; }
.bg-pricing .ot-pricing-table { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 18px; border: 1px solid var(--site-border); border-radius: 22px; background: #111c2e; box-shadow: 0 18px 52px rgba(0, 0, 0, .18); }
.bg-pricing .ot-pricing-table::before, .bg-pricing .ot-pricing-table::after { display: none; }
.bg-pricing .inner-table { display: flex; flex: 1; flex-direction: column; align-items: center; border-radius: 15px; background: transparent; }
.bg-pricing .inner-table img { width: 64px; height: 64px; object-fit: contain; margin: 14px 0 18px; }
.bg-pricing .title-table { position: static; align-self: flex-start; padding: 7px 13px; border: 1px solid rgba(108, 228, 195, .2); border-radius: 999px; background: rgba(108, 228, 195, .1); color: var(--site-accent); font-size: 12px; letter-spacing: .1em; }
.bg-pricing .inner-table h3 { margin-bottom: 8px; color: #dce6f4; font-size: 16px; }
  .bg-pricing .inner-table h2.pass_price { color: #f5f8fc !important; font-size: 42px; font-weight: 500; letter-spacing: -.05em; }
.bg-pricing .inner-table h2.pass_price sup { margin-left: 0; color: var(--site-accent); font-size: 24px; }
.bg-pricing .inner-table > p { color: #c7d2e2; }
.bg-pricing .inner-table .details { width: 100%; margin-top: 24px; padding: 19px 0 8px; border-top: 1px solid var(--site-border); }
.bg-pricing .inner-table .details ul li { color: #bdc9db; font-size: 13px !important; font-weight: 500; line-height: 1.85; }
.bg-pricing .ot-pricing-table > h2.pass_price { margin: 20px 0 4px; color: #f5f8fc !important; font-size: 30px; }
.bg-pricing .ot-pricing-table > .plan-device { color: #c7d2e2; }
.bg-pricing .ot-pricing-table > a { align-self: center; margin: 8px 0 12px; }
.bg-pricing .ot-pricing-table .octf-btn { min-height: 46px; border-radius: 999px; }
.bg-pricing .ot-pricing-table:hover { transform: translateY(-5px); border-color: rgba(108, 228, 195, .52); }

/* Guide, counters and FAQ */
.iptv-guide { padding: 100px 0; }
.iptv-guide .ot-heading { margin-bottom: 42px; }
.iptv-guide-card { padding: 30px; border: 1px solid var(--site-border); border-radius: 20px; background: linear-gradient(145deg, #14223a, #101a2b); box-shadow: 0 18px 50px rgba(0, 0, 0, .16); }
.iptv-guide-card h3 { color: var(--site-text); }
.iptv-guide-card p { color: var(--site-muted); line-height: 1.75; }
.ot-accordions .acc-item { margin-bottom: 10px; padding: 4px 18px; border: 1px solid var(--site-border); border-radius: 14px; background: rgba(17, 28, 46, .68); }
.ot-accordions .acc-item .acc-toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 0; border: 0; border-radius: 0; background: transparent; color: var(--site-text); font: 700 16px/1.45 "Red Hat Display", sans-serif; text-align: left; cursor: pointer; }
.ot-accordions .acc-toggle:focus-visible { outline: 2px solid var(--site-accent); outline-offset: 3px; }
.ot-accordions .acc-toggle .up { display: none; }
.ot-accordions .acc-item.current .acc-toggle .down { display: none; }
.ot-accordions .acc-item.current .acc-toggle .up { display: inline; }
.ot-accordions .acc-content { padding: 0 0 17px; color: var(--site-muted); line-height: 1.75; }
.ot-accordions .acc-content[hidden] { display: none !important; }
.ot-accordions .recommended-apps-card { margin-top: 18px; background: linear-gradient(145deg, rgba(20, 34, 58, .82), rgba(16, 26, 43, .82)); }
.ot-accordions .recommended-apps-card.current .acc-toggle { color: var(--site-accent); }
.recommended-apps-card p { margin: 0; color: var(--site-muted); line-height: 1.65; }
.recommended-apps-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 12px; padding: 0; list-style: none; }
.recommended-apps-list li { padding: 7px 11px; border: 1px solid rgba(108, 228, 195, .22); border-radius: 999px; background: rgba(108, 228, 195, .08); color: var(--site-accent); font-size: 13px; font-weight: 600; }
.recommended-apps-card .recommended-apps-ios strong { color: var(--site-text); }

/* Testimonials and footer */
.bg-testi { padding: 90px 0 110px; }
.ot-testimonials .testimonial-wrap { margin: 32px auto 70px; }
.ot-testimonials .testimonial-wrap .testimonial-inner { border: 1px solid var(--site-border); border-radius: 22px; background: #111c2e; box-shadow: var(--site-shadow); }
.ot-testimonials .testimonial-wrap .testimonial-inner .ttext { color: #e7eef8; font-size: clamp(18px, 2vw, 22px); line-height: 1.65; }
.site-footer { padding-top: 72px; background: #070d17; }
.site-footer .footer-menu { margin-top: 38px; padding: 20px 0; border-top: 1px solid var(--site-border); border-bottom: 1px solid var(--site-border); }
.site-footer .footer-menu ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px; }
.site-footer .footer-menu a { transition: color .2s ease; }
.site-footer .footer-menu a:hover { color: var(--site-accent); }
#back-to-top { right: max(20px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); border-radius: 50%; }
.bg-cta.cta { padding-top: 132px !important; padding-bottom: 132px !important; background-color: #0c1728; background-image: radial-gradient(ellipse at 50% 100%, rgba(32, 115, 146, .22), transparent 54%), linear-gradient(145deg, #111c31, #0b1424); }

/* Editorial pages */
.site-editorial { min-height: 100vh; background: #080f1d !important; color: #e8eef8 !important; font-family: "Red Hat Text", sans-serif !important; }
.site-editorial .site-article-nav { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px clamp(20px, 5vw, 72px); border-bottom: 1px solid var(--site-border); background: rgba(8, 15, 29, .9) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.site-editorial .site-article-nav a { color: #dce6f4 !important; text-decoration: none; }
.site-editorial .site-article-nav .article-brand { color: var(--site-accent) !important; font-family: "Red Hat Display", sans-serif; font-size: 20px; font-weight: 800; letter-spacing: -.04em; }
.site-editorial .article-nav-links { display: flex; align-items: center; gap: clamp(12px, 2.5vw, 32px); font-size: 14px; font-weight: 600; }
.site-editorial .article-nav-links a:hover { color: var(--site-accent) !important; }
.site-editorial .article-nav-links .article-cta { padding: 10px 16px; border-radius: 999px; background: var(--site-accent); color: #06111a !important; }
.site-editorial > header { padding: clamp(52px, 8vw, 100px) 20px 48px !important; }
.site-editorial > header h1, .site-editorial article header h1 { max-width: 980px; margin-right: auto; margin-left: auto; color: #f4f7fb !important; font: 800 clamp(34px, 5vw, 62px)/1.08 "Red Hat Display", sans-serif !important; letter-spacing: -.045em; }
.site-editorial > header p, .site-editorial article header p { color: #aab8cc !important; line-height: 1.75; }
.site-editorial main { color: #c1cede !important; }
.site-editorial main section, .site-editorial main > div.bg-orange-500\/10, .site-editorial main article > section > div { border-color: var(--site-border) !important; border-radius: 18px !important; background: #111b2c !important; }
.site-editorial main h2, .site-editorial main strong, .site-editorial main th { color: #f2f6fc !important; }
.site-editorial main p, .site-editorial main li, .site-editorial main td { color: #b4c1d2 !important; line-height: 1.8; }
.site-editorial main a { color: var(--site-accent) !important; }
.site-editorial footer { border-color: var(--site-border) !important; background: #070d17 !important; color: #aab8cc !important; }

html[data-theme="light"] { color-scheme: light; }
html[data-theme="light"] body, html[data-theme="light"] #page { background: #f4f7fb; color: #203047; }
html[data-theme="light"] #site-header .octf-main-header,
html[data-theme="light"] #site-header .header_mobile,
html[data-theme="light"] #site-header .octf-main-header.is-stuck,
html[data-theme="light"] #site-header .header_mobile.is-stuck { background: rgba(250, 252, 255, .91); border-color: rgba(20, 38, 61, .1); }
html[data-theme="light"] #site-header .main-navigation > ul > li > a { color: #23364f; }
html[data-theme="light"] #site-header .main-navigation ul ul { background: #fff; border-color: #e1e8f0; }
html[data-theme="light"] #site-header .main-navigation ul li li a { color: #34465e; }
html[data-theme="light"] .header_mobile .mobile_nav { background: #fff; }
html[data-theme="light"] .header_mobile .mobile_nav .menu li a { color: #23364f; border-color: #e1e8f0; }
html[data-theme="light"] .home3-top { background-color: #f5f8fc; background-image: radial-gradient(ellipse at 84% 36%, rgba(73, 164, 231, .16), transparent 42%), linear-gradient(120deg, #f6f9fd, #eaf1f8); }
html[data-theme="light"] .home3-top .home3-top-left h1 { color: #13233b; background: none !important; background-image: none !important; background-clip: border-box; -webkit-background-clip: border-box; -webkit-text-fill-color: currentColor; }
html[data-theme="light"] .home3-top .home3-top-left p:not(.home3-brand) { color: #53657d; }
html[data-theme="light"] .seo-about, html[data-theme="light"] .bg-about, html[data-theme="light"] .bg-light, html[data-theme="light"] .bg-testi, html[data-theme="light"] .iptv-guide { background-color: #f1f5fa; }
html[data-theme="light"] .icon-box.s3, html[data-theme="light"] .iptv-guide-card, html[data-theme="light"] .ot-testimonials .testimonial-wrap .testimonial-inner { background: #fff; border-color: #e1e8f0; box-shadow: 0 16px 42px rgba(24, 47, 76, .07); }
html[data-theme="light"] .icon-box .content-box h5, html[data-theme="light"] .main-heading, html[data-theme="light"] .ot-heading h2, html[data-theme="light"] .iptv-guide-card h3 { color: #14233a; }
html[data-theme="light"] .icon-box .content-box p, html[data-theme="light"] .bg-about p, html[data-theme="light"] .iptv-guide-card p { color: #586a80; }
html[data-theme="light"] .bg-pricing { background: linear-gradient(145deg, #f1f5fb, #e8eff8); }
html[data-theme="light"] .seo-about .shape-bottom .shape-fill { fill: #f1f5fa; }
html[data-theme="light"] .seo-about .shape-bottom path.shape-fill { fill: #f1f5fa !important; }
html[data-theme="light"] .bg-pricing .ot-pricing-table { background: #fff; border-color: #dfe7f1; box-shadow: 0 15px 42px rgba(24, 47, 76, .08); }
html[data-theme="light"] .bg-pricing .inner-table h3, html[data-theme="light"] .bg-pricing .inner-table p, html[data-theme="light"] .bg-pricing .ot-pricing-table > .plan-device { color: #40536b; }
html[data-theme="light"] .bg-pricing .inner-table h2.pass_price, html[data-theme="light"] .bg-pricing .ot-pricing-table > h2.pass_price { color: #14233a !important; }
html[data-theme="light"] .bg-pricing .details ul li { color: #52647a; }
html[data-theme="light"] .ot-accordions .acc-item { background: #fff; border-color: #dfe7f1; }
html[data-theme="light"] .ot-accordions .acc-toggle { color: #1c2b40; }
html[data-theme="light"] .ot-accordions .acc-content { color: #53657d; }
html[data-theme="light"] .recommended-apps-card { background: linear-gradient(145deg, #fff, #f2f6fa); border-color: #dfe7f1; }
html[data-theme="light"] .ot-accordions .recommended-apps-card.current .acc-toggle { color: #147c70; }
html[data-theme="light"] .recommended-apps-card .recommended-apps-ios strong { color: #14233a; }
html[data-theme="light"] .recommended-apps-card p { color: #53657d; }
html[data-theme="light"] .recommended-apps-list li { background: rgba(20, 124, 112, .07); border-color: rgba(20, 124, 112, .2); color: #147c70; }
html[data-theme="light"] .cta { background: #e8eff8; }
html[data-theme="light"] .bg-cta { background-image: none; }
html[data-theme="light"] .bg-cta.cta { background-image: radial-gradient(ellipse at 50% 100%, rgba(66, 160, 200, .12), transparent 55%), linear-gradient(145deg, #f2f6fa, #e4edf6); }
html[data-theme="light"] .bg-cta .cta-content h2, html[data-theme="light"] .bg-cta .cta-title-main { color: #14233a; text-shadow: none; }
html[data-theme="light"] .bg-cta .cta-title-detail { color: #147c70; }
html[data-theme="light"] .bg-cta .cta-content p { color: #40536b; }
html[data-theme="light"] .site-footer { background: #e8eef5; }
html[data-theme="light"] .site-footer p, html[data-theme="light"] .site-footer li, html[data-theme="light"] .site-footer a { color: #40536b; }
html[data-theme="light"] .site-footer .footer-menu { border-color: #d5dfeb; }
html[data-theme="light"] .theme-toggle { color: #23364f; background: #fff; border-color: #cad5e2; }

@media (min-width: 992px) and (max-width: 1199px) {
  .octf-main-header { display: block !important; }
  .header_mobile { display: none !important; }
  #site-header .octf-mainbar-container { padding-right: 16px; padding-left: 16px; }
  #site-header .main-navigation > ul > li { margin: 0 6px; }
  #site-header .main-navigation > ul > li > a { font-size: 12px; }
  #site-header .octf-btn-cta .octf-btn { padding: 9px 11px; font-size: 12px; }
  #site-header .octf-btn-cta .theme-toggle { width: 38px; padding: 7px; }
  .home3-top .home3-top-left { width: 49%; flex: 0 0 49%; padding-right: 16px; }
  .home3-top .home3-top-left h1 { max-width: 100%; font-size: clamp(31px, 3.35vw, 40px); }
  .home3-top .home3-top-right { width: 51%; flex: 0 0 51%; margin: 0; }
  .home3-top .home3-top-right img { max-width: 100%; }
  .bg-pricing > .container > .row { display: flex !important; flex-wrap: nowrap !important; }
  .bg-pricing > .container > .row > [class*="col-"] { flex: 1 1 0 !important; width: 0 !important; }
  .bg-pricing .ot-pricing-table { max-width: none; }
}
@media (min-width: 1200px) {
  .bg-pricing > .container > .row { display: flex !important; flex-wrap: nowrap !important; }
  .bg-pricing > .container > .row > [class*="col-"] { flex: 1 1 0 !important; width: 0 !important; }
}
@media (max-width: 991px) {
  .home3-top { padding: 138px 0 76px; }
  .home3-top .home3-top-left, .home3-top .home3-top-right { width: 100%; }
  .home3-top .home3-top-left { text-align: center; }
  .home3-top .home3-top-left .home3-brand { margin-right: auto; margin-left: auto; }
  .home3-top .home3-top-left h1, .home3-top .home3-top-left p:not(.home3-brand) { margin-right: auto; margin-left: auto; }
  .home3-top .home3-top-left > .d-flex { justify-content: center; }
  .home3-top .home3-top-right { margin: 38px 0 0; text-align: center; }
  .home3-top .home3-top-right img { width: min(100%, 620px); max-width: 90vw; margin: 0 auto; }
  .seo-about .top-up { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seo-about .top-up > [class*="col-"] { margin-top: 0 !important; }
  .bg-pricing > .container > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bg-pricing .ot-pricing-table { max-width: none; }
  .bg-pricing .title-table { align-self: center; }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 78px; }
  .home3-top { padding: 116px 0 62px; }
  .home3-top .home3-top-left .home3-brand { margin-bottom: 15px; font-size: clamp(36px, 10vw, 48px); }
  .home3-top .home3-top-left h1 { font-size: clamp(29px, 8vw, 38px); line-height: 1.12; }
  .home3-top .home3-top-left p:not(.home3-brand) { font-size: 16px; line-height: 1.7; }
  .home3-top .home3-top-left > .d-flex > .ot-button { display: flex; justify-content: center; width: 100%; }
  .home3-top .octf-btn-primary { min-height: 54px; }
  .home3-top .home3-top-right { margin-top: 28px; }
  .home3-top + .seo-about { padding-top: 44px; }
  .seo-about .top-up { grid-template-columns: 1fr; }
  .bg-pricing > .container > .row { grid-template-columns: 1fr; }
  .icon-box.s3 { min-height: 0; padding: 26px 22px; }
  .bg-about { padding: 64px 0; }
  .bg-pricing { padding: 74px 0 82px; }
  .bg-pricing .ot-pricing-table { padding: 14px; }
  .bg-pricing .ot-pricing-table > .plan-device { display: block; margin: 8px 0 4px; line-height: 1.4; }
  .iptv-guide { padding: 72px 0; }
  .iptv-guide-card { padding: 24px; }
  .bg-testi { padding: 64px 0 78px; }
  .ot-accordions .acc-item { padding: 2px 14px; }
  .ot-accordions .acc-toggle { font-size: 15px; }
  .site-footer { padding-top: 52px; }
  .site-footer .footer-menu { display: block; }
  .site-footer .footer-menu ul { gap: 8px 20px; }
  .site-editorial .site-article-nav { align-items: flex-start; padding: 13px 18px; }
  .site-editorial .article-nav-links { gap: 12px; font-size: 12px; }
  .site-editorial .article-nav-links a:nth-child(2) { display: none; }
  .site-editorial .article-nav-links .article-cta { padding: 9px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Shared footer based on the legacy TV-Diaspora footer */
.td-site-footer { background:#080f1d; color:#ededed; font-family:inherit; }
.td-footer-inner { width:min(1296px, calc(100% - 48px)); margin:0 auto; }
.td-footer-support { background:#080f1d; border-bottom:1px solid rgba(255,255,255,.08); }
.td-footer-support-row { min-height:126px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.td-footer-support-title { display:flex; align-items:center; gap:12px; color:#f7f7f7; font-size:38px; line-height:1.1; font-weight:800; }
.td-footer-support-title img { width:36px; height:36px; object-fit:contain; filter:grayscale(1) brightness(0) invert(1); }
.td-footer-support-button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 17px; border-radius:999px; background:#4d518a; color:#fff!important; font-size:15px; text-decoration:none!important; transition:background .2s ease, transform .2s ease; }
.td-footer-support-button:hover { background:#6268a8; color:#fff!important; transform:translateY(-1px); }
.td-footer-support-button img { width:22px; height:22px; object-fit:contain; }
.td-footer-columns { display:grid; grid-template-columns:minmax(220px, 260px) minmax(0,1fr) minmax(150px, 210px); gap:70px; padding-top:84px; padding-bottom:72px; }
.td-footer-section h2 { position:relative; margin:0 0 32px; padding-bottom:24px; color:#f1f1f1; font-size:23px; line-height:1.2; font-weight:400; }
.td-footer-section h2::after { content:""; position:absolute; bottom:0; left:0; width:44px; height:3px; background:#f1f1f1; }
.td-footer-section ul { display:grid; gap:15px; margin:0; padding:0; list-style:none; }
.td-footer-section li,.td-footer-section a { color:#dedede; font-size:14px; line-height:1.45; text-decoration:none; }
.td-footer-section a:hover { color:#fff; text-decoration:underline; text-underline-offset:3px; }
.td-footer-tags { display:flex; flex-wrap:wrap; align-content:flex-start; gap:8px; }
.td-footer-tags span { display:inline-flex; min-height:40px; align-items:center; justify-content:center; padding:0 18px; border-radius:999px; background:#262626; color:#f0f0f0; font-size:14px; line-height:1.2; font-weight:600; text-align:center; }
.td-footer-info ul { gap:18px; }
.td-footer-bottom { border-top:1px solid rgba(255,255,255,.08); color:#aaa; font-size:13px; }
.td-footer-bottom .td-footer-inner { padding-top:20px; padding-bottom:20px; }
.site-editorial footer.td-site-footer { border-color:rgba(255,255,255,.08)!important; background:#080f1d!important; color:#ededed!important; }
.site-editorial footer.td-site-footer a { color:#dedede!important; }
@media(max-width:900px) {
  .td-footer-columns { grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:52px 36px; padding-top:62px; padding-bottom:54px; }
  .td-footer-info { grid-column:1/-1; }
  .td-footer-info ul { grid-template-columns:repeat(4,max-content); gap:24px; }
}
@media(max-width:600px) {
  .td-footer-inner { width:calc(100% - 40px); }
  .td-footer-support-row { min-height:unset; flex-direction:column; align-items:flex-start; gap:20px; padding-top:27px; padding-bottom:27px; }
  .td-footer-support-title { font-size:30px; }
  .td-footer-support-title img { width:32px; height:32px; }
  .td-footer-columns { grid-template-columns:1fr; gap:40px; padding-top:45px; padding-bottom:45px; }
  .td-footer-info { grid-column:auto; }
  .td-footer-section h2 { margin-bottom:23px; padding-bottom:16px; font-size:21px; }
  .td-footer-section ul { gap:12px; }
  .td-footer-tags span { min-height:36px; padding:0 14px; font-size:13px; }
  .td-footer-info ul { grid-template-columns:repeat(2,max-content); }
}

/* Match the site background and colors when the theme changes */

html[data-theme="light"] .td-site-footer,
html[data-theme="light"] .td-footer-support { background:#f5f7fb; color:#40536b; }
html[data-theme="light"] .td-footer-support { border-color:#d5dfeb; }
html[data-theme="light"] .td-footer-support-title,
html[data-theme="light"] .td-footer-section h2 { color:#14233a; }
html[data-theme="light"] .td-footer-support-title img { filter:none; }
html[data-theme="light"] .td-footer-section li,
html[data-theme="light"] .td-footer-section a { color:#40536b; }
html[data-theme="light"] .td-footer-tags span { background:#e8eef5; color:#40536b; }
html[data-theme="light"] .td-footer-bottom { border-color:#d5dfeb; color:#586a80; }
html[data-theme="light"] body.site-editorial footer.td-site-footer,
html[data-theme="light"] body.site-editorial footer.td-site-footer .td-footer-support { background:#f5f7fb!important; color:#40536b!important; }
html[data-theme="light"] body.site-editorial footer.td-site-footer .td-footer-support { border-color:#d5dfeb; }
html[data-theme="light"] body.site-editorial footer.td-site-footer .td-footer-support-title,
html[data-theme="light"] body.site-editorial footer.td-site-footer .td-footer-section h2 { color:#14233a!important; }
html[data-theme="light"] body.site-editorial footer.td-site-footer .td-footer-support-title img { filter:none; }
html[data-theme="light"] body.site-editorial footer.td-site-footer .td-footer-section li,
html[data-theme="light"] body.site-editorial footer.td-site-footer .td-footer-section a { color:#40536b!important; }
html[data-theme="light"] body.site-editorial footer.td-site-footer .td-footer-tags span { background:#e8eef5; color:#40536b; }
html[data-theme="light"] body.site-editorial footer.td-site-footer .td-footer-bottom { border-color:#d5dfeb; color:#586a80; }

/* Use the root favicon as the site mark in desktop, mobile, and editorial navigation. */
#site-logo img.logo-static, #site-logo img.logo-scroll { width:60px; height:54px; object-fit:contain; }
.header_mobile .mlogo_wrapper .mobile_logo { width:48px; height:48px; object-fit:contain; }
.site-editorial .site-article-nav .article-brand { display:inline-flex; align-items:center; gap:9px; }
.site-editorial .site-article-nav .article-brand::before { content:""; display:inline-block; flex:0 0 36px; width:36px; height:36px; background:url("../favicon.ico?v=20261027-1") center/contain no-repeat; }