/* 8KPRO.TV, 1 November 2026. Shared website and contextual card presentation. */
:root{--release-ink:#101b23;--release-gold:#d7ac58;--release-pale:#fcf8ef;--release-teal:#116959}
html{scroll-padding-top:110px}body{margin:0}img,video,iframe{max-width:100%}main,section,article,figure,aside,.shell,.card-grid>*{min-width:0}a,button{touch-action:manipulation}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #097b73;outline-offset:4px}h1,h2,h3,p,li,a{overflow-wrap:break-word}h1,h2,h3{word-break:normal}.site-header{position:sticky;top:0;z-index:50;background:#0c1b23f5;backdrop-filter:blur(14px)}.site-header .brand small{letter-spacing:.06em}.btn{min-height:46px}.topbar .shell{flex-wrap:wrap}.shell{width:min(1280px,calc(100% - 48px))}
.release-hero{color:#fbf6e9;background:radial-gradient(ellipse at 95% 10%,#316b6a38,transparent 48%),radial-gradient(ellipse at 8% 10%,#c9994c19,transparent 40%),linear-gradient(145deg,#142a32,#0a1620 62%,#080f17);border-bottom:1px solid #bd995443;padding:0 0 26px}.release-hero-inner{width:min(1380px,calc(100% - 64px));margin:auto;padding:28px 0 35px}.release-hero .breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 32px;font-size:13px;line-height:1.5;color:#b4c8c6}.release-hero .breadcrumbs a{color:#d8c18d}.release-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(25px,4vw,65px);align-items:center}.release-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#69d6bd;margin:0 0 16px}.release-hero h1{color:#fff8e7;font-size:clamp(35px,4.2vw,65px);line-height:1.06;letter-spacing:-.035em;margin:0 0 23px;text-wrap:balance}.release-hero .release-intro{color:#d1ded9;font-size:clamp(17px,1.4vw,21px);line-height:1.65;margin:0 0 25px;max-width:58ch}.release-actions{display:flex;gap:12px;flex-wrap:wrap}.release-hero .release-primary,.release-hero .release-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:8px;padding:12px 21px;font-size:14px;font-weight:800;text-decoration:none;border:1px solid #e7c681}.release-hero .release-primary{color:#142028;background:linear-gradient(120deg,#e6be72,#ffe4a7 55%,#c69747);box-shadow:0 8px 22px #0003}.release-hero .release-secondary{color:#f8f0dd;border-color:#67817c;background:#183038}.release-hero .release-fact{font-size:13px;color:#a9c2ba;line-height:1.65;margin:20px 0 0}.release-art{margin:0;border-radius:13px;border:1px solid #d7ac5866;background:#080e16;padding:8px;box-shadow:0 20px 65px #0005;position:relative}.release-art picture,.release-art img{display:block;width:100%;height:auto}.release-art img{border-radius:7px;object-fit:contain}.release-art figcaption{color:#b7c8c3;font-size:12px;line-height:1.5;padding:9px 7px 3px}.release-art details{color:#ccdad2;font-size:13px;line-height:1.5;padding:4px 8px}.release-art details summary{color:#f1d493;cursor:pointer;min-height:30px}.release-art details p{margin:7px 0;color:#ccdad2;font-size:13px}.release-art details[open]{max-height:420px;overflow:auto}.release-art a{color:#f1d493}.release-hero a:focus-visible,.release-hero summary:focus-visible{outline-color:#83e7ca}.release-hero .release-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.release-meta span{color:#dfd6c1;border:1px solid #526459;border-radius:5px;background:#11262c;padding:7px 9px;font-size:12px}
.release-bands{width:100%;border-top:1px solid #a38a543d;padding-top:20px}.release-band-heading{width:min(1380px,calc(100% - 64px));margin:0 auto 12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.release-band-heading h2{font-size:18px;line-height:1.35;margin:0;color:#f7e4bb}.release-band-heading p{font-size:12px;color:#c1d3cc;margin:5px 0 0}.release-band-heading>a{color:#f0ce8d;font-size:13px;white-space:nowrap}.release-bands iframe{display:block;width:100%;height:530px;border:0;background:#0c1820}.release-band-note{width:min(1380px,calc(100% - 64px));margin:8px auto 0;font-size:12px;color:#a8beb5;line-height:1.5}
.visual-section{margin:54px 0;padding:30px;border:1px solid #dbcba7;background:linear-gradient(140deg,#fffef9,#f0f5f2);border-radius:18px}.visual-section>.eyebrow{color:#75602c}.visual-section h2{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.025em;color:#152d35}.visual-section>.section-intro{max-width:75ch;color:#4d6264;margin-bottom:24px}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.visual-grid.one{grid-template-columns:minmax(0,1fr)}.visual-card{background:#0c1922;color:#f5efde;border:1px solid #b49b5b;border-radius:12px;overflow:hidden;box-shadow:0 14px 30px #0e25341a}.visual-card>figure{margin:0;background:#08121b}.visual-card picture,.visual-card img{display:block;width:100%;height:auto;object-fit:contain}.visual-card .visual-copy{padding:20px 22px 23px}.visual-card h3{font-size:21px;line-height:1.25;color:#f7e1ac;margin:0 0 10px}.visual-card p{font-size:15px;line-height:1.65;color:#d2ddd7}.visual-card .visual-condition{font-size:12px;color:#bdcfc6;border-top:1px solid #516055;padding-top:12px;margin-top:13px}.visual-card a{color:#f1d18e}.visual-card .visual-cta{display:inline-flex;align-items:center;min-height:44px;font-weight:750;line-height:1.45;text-decoration:underline;text-underline-offset:4px}.visual-card details{border-top:1px solid #43574e;padding-top:10px;font-size:13px;color:#cbdbd0}.visual-card details summary{cursor:pointer;color:#ead6ac;min-height:34px;display:list-item}.visual-card details p{font-size:13px;color:#c4d5ca;line-height:1.55;margin:8px 0}.visual-card a:focus-visible,.visual-card summary:focus-visible{outline-color:#85ddc4}.visual-card.portrait figure{display:flex;justify-content:center;max-height:620px}.visual-card.portrait picture,.visual-card.portrait img{width:auto;max-width:100%;max-height:620px}.release-related{background:#eef5ef;border:1px solid #c7d9ca;border-radius:15px;margin:28px 0;padding:25px}.release-related h2{font-size:23px;margin:0 0 12px}.release-related ul{margin:0;display:flex;flex-wrap:wrap;gap:10px 25px;padding-left:20px}.release-related a{color:#215d55}.release-sources{border-left:3px solid #bd9448;padding:8px 0 8px 20px;margin:25px 0;color:#4e6362}.release-sources p{font-size:14px;line-height:1.65}.release-sources a{color:#23655c}.source-note{font-size:13px;line-height:1.6;color:#65736a}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:27px 0}.product-tile{display:flex;flex-direction:column;align-items:stretch;border:1px solid #d0bb8b;border-radius:14px;padding:18px;background:#fffef8;box-shadow:0 12px 35px #1a342b0e;position:relative}.product-tile.featured{border:2px solid #b58d41;background:linear-gradient(160deg,#fffef6,#f5ecd6)}.product-tile>img{height:230px;width:100%;object-fit:contain;margin-bottom:16px}.product-tile h3{font-size:25px;line-height:1.2;margin:0 0 12px;color:#143038}.product-tile .price{font-size:36px;line-height:1.15;color:#5e451b;margin:0;font-weight:800;letter-spacing:-.04em}.product-tile .period{font-size:12px;color:#53665e;margin:7px 0 14px}.product-tile ul{padding-left:19px;font-size:14px;line-height:1.7;color:#425a52;flex:1}.product-tile .btn{width:100%;margin-top:15px}.product-tile .plan-label{color:#695325;font-weight:750;letter-spacing:.06em;font-size:10px;text-transform:uppercase;margin:0 0 12px}.product-comparison{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}.product-comparison th,.product-comparison td{text-align:left;padding:13px 10px;border-bottom:1px solid #d6dfd6}.product-comparison th{color:#294c42;background:#eef4eb}.plan-figure{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:35px;align-items:center;margin:30px 0;padding:28px;border:1px solid #d7c28d;border-radius:18px;background:linear-gradient(130deg,#f1ecdc,#fffdf6)}.plan-figure>img{max-height:460px;width:100%;object-fit:contain}.plan-figure h2{font-size:34px;line-height:1.15;letter-spacing:-.025em;margin:0 0 17px;color:#15343b}.plan-figure .plan-total{font-size:42px;font-weight:800;color:#806028;margin:13px 0}.plan-figure .plan-small{font-size:13px;line-height:1.5;color:#5e685b}.catalogue-nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0;align-items:center}.catalogue-nav a,.catalogue-nav span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #c8b57e;border-radius:7px;padding:7px 11px;color:#184c44;background:#fffdf5}.catalogue-nav [aria-current=page]{background:#143c37;color:#fff7e5}.release-help{margin:35px 0;border-radius:16px;padding:25px;background:#123e3b;color:#f6f0de}.release-help h2{color:#ffe3a2;font-size:27px}.release-help a{color:#ffdf8d}.release-help p{color:#d9e6dc}.release-help .btn{color:#16322c}
.table-wrap,.table-scroll{max-width:100%;overflow-x:auto}.content-section,.section-block{scroll-margin-top:110px}.guide-card p{line-height:1.7}.site-footer a{min-height:30px}.floating-support,.back-to-top{z-index:40}.release-form-warning{padding:13px 16px;background:#fff5d7;color:#513f18;border:1px solid #c8a762;border-radius:9px;font-size:14px;line-height:1.6}.release-quotation{font-size:18px;font-weight:750;color:#93651d}.pricing-grid{min-width:0}.page-content>section:first-child{margin-top:35px}.release-hero details p:last-child{margin-bottom:12px}
.release-band-document{margin:0;background:#0c1820;color:#f7f0df;font:14px/1.5 Arial,sans-serif}.band-module{padding:7px 0 14px;max-width:100%}.band-module+.band-module{border-top:1px solid #52625399}.band-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:6px 32px 10px}.band-head h2{font-size:16px;letter-spacing:.02em;color:#f1dbab;margin:0}.band-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.band-controls label{font-size:11px;color:#bacfc6}.band-controls input{color:#edf4ec;background:#18333a;border:1px solid #667e6d;padding:8px 10px;max-width:205px;border-radius:6px;min-height:38px}.band-controls button{border:1px solid #c4ad71;background:#d7ba78;color:#142729;border-radius:6px;min-height:38px;min-width:40px;font-weight:700;cursor:pointer}.band-count{font-size:11px;color:#c7d7c5;min-width:110px}.band-row{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;gap:12px;padding:5px 0 13px;margin:0;list-style:none;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b3965e #152d32}.band-row>li{flex:0 0 158px;scroll-snap-align:start;min-width:0;padding:10px 8px 7px;border:1px solid #81784c88;background:#f8f5e8;border-radius:9px;color:#18352f;text-align:center}.band-row>li[hidden]{display:none}.band-row>li img{display:block;width:140px;height:65px;object-fit:contain;margin:auto}.band-row>li span{font-size:10px;line-height:1.25;display:block;max-width:140px;min-height:26px;margin:6px auto 0;color:#18352f;overflow-wrap:anywhere}.band-row:focus-visible{outline:2px solid #8de1be;outline-offset:-2px}.band-empty{margin:7px 32px;color:#ffd884}.band-module button:disabled{opacity:.55}.band-note{margin:0;padding:0 32px 10px;font-size:11px;line-height:1.5;color:#b5cbbd}.release-band-document .band-controls input:focus-visible{outline:2px solid #9fe3c8;outline-offset:2px}
.release-related h2{color:#21453b}.visual-section .section-intro{color:#4d6264}.reseller-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-tile .price{white-space:nowrap}.source-note{color:#a6b8ad}.product-grid+.source-note{color:inherit}.plan-figure .eyebrow{color:#77602f}.release-sources{color:inherit}.release-sources p{color:inherit}.release-sources a{color:#bda367}.plan-figure p:not(.plan-total){color:#526457}.release-hero .release-kicker{color:#82dfc2}.release-quotation{color:#f1ce8e}.carousel-motion-toggle{margin:0 16px 10px;padding:7px 13px;min-height:40px;border:1px solid #9f8d5d;border-radius:6px;background:#152a2c;color:#f2d59a;font-size:12px;font-weight:700}.carousel-motion-toggle:focus-visible{outline:3px solid #9de5c7}.carousel.full-bleed-carousel .carousel-track{overflow-x:auto;touch-action:pan-x pan-y}.motion-ready .carousel.full-bleed-carousel .carousel-track{overflow-x:hidden;touch-action:pan-y}
@media(min-width:1500px){.release-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-hero-grid{gap:25px;grid-template-columns:1fr 1fr}.release-hero h1{font-size:43px}.release-hero-inner{width:calc(100% - 44px)}.band-head{padding-inline:22px}}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.release-hero-inner{width:calc(100% - 32px);padding-top:20px}.release-hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}.release-hero h1{font-size:clamp(34px,8.6vw,52px);line-height:1.09}.release-hero .release-intro{font-size:17px}.release-hero .breadcrumbs{margin-bottom:23px}.release-art{max-width:600px;margin:auto;width:100%}.release-art picture{max-width:540px;margin:auto}.release-art img{max-height:760px;object-fit:contain}.release-band-heading{width:calc(100% - 32px);align-items:start;gap:12px}.release-band-heading>a{font-size:11px;white-space:normal;text-align:right}.release-band-heading h2{font-size:17px}.release-band-heading p{font-size:11px}.release-band-note{width:calc(100% - 32px)}.release-bands iframe{height:630px}.visual-section{padding:20px 15px;margin-block:30px}.visual-grid{gap:18px;grid-template-columns:minmax(0,1fr)}.visual-card .visual-copy{padding:18px}.visual-card picture{max-width:560px;margin:auto}.visual-card img{max-height:800px;object-fit:contain}.product-grid{gap:18px;grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}.product-tile{padding:23px}.product-tile>img{height:280px}.plan-figure{grid-template-columns:minmax(0,1fr);padding:20px;gap:20px}.plan-figure>img{height:350px}.plan-figure h2{font-size:29px}.plan-figure .plan-total{font-size:37px}.band-head{padding-inline:16px;gap:8px}.band-controls{width:100%;gap:7px}.band-controls input{max-width:none;width:100%;flex:1 1 125px;min-width:0}.band-controls label{width:100%}.band-controls button{min-width:38px}.band-count{font-size:10px;min-width:0}.band-row>li{flex-basis:140px}.band-row>li img{width:123px}.band-row>li span{max-width:122px}.band-note{padding-inline:16px}.site-header .header-inner{min-height:72px}.site-header .brand img{width:43px;height:43px}.site-header .brand small{font-size:9px}.floating-support{bottom:18px;right:14px}.back-to-top{bottom:74px;right:17px}.site-footer{padding-bottom:85px}.content-section table{font-size:13px}.release-hero .release-meta{gap:7px}.release-meta span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.band-row{scroll-behavior:auto}.motion-ready .carousel.full-bleed-carousel .carousel-track{overflow-x:auto;touch-action:pan-x pan-y}.carousel-motion-toggle{display:none}}

/* 8KPRO.TV: grouped hero drift, with a pause before each move. */
.release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]) {
  --kpr-band-items: 698;
  --kpr-band-pitch: 188px;
  --kpr-band-groups: 87;
  --kpr-band-cycle: 2.4s;
  overflow: hidden;
}

.release-band-document > .band-module[data-band="sports"] {
  --kpr-band-items: 113;
  --kpr-band-groups: 14;
}

.release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]) > .band-head > .band-controls {
  display: none !important;
}

.release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]) > .band-row {
  --kpr-band-row-width: calc(var(--kpr-band-items) * var(--kpr-band-pitch) - 12px);
  --kpr-band-group-shift: calc((100vw - var(--kpr-band-row-width)) / var(--kpr-band-groups));
  position: relative;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  max-width: none;
  overflow: visible;
  gap: 12px;
  scroll-snap-type: none;
  scroll-behavior: auto;
  scrollbar-width: none;
  touch-action: pan-y;
  transition: none;
  animation:
    kpr-hero-group-base calc(var(--kpr-band-groups) * var(--kpr-band-cycle)) steps(var(--kpr-band-groups), end) infinite,
    kpr-hero-group-glide var(--kpr-band-cycle) cubic-bezier(.16, 1, .3, 1) infinite;
}

.release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]) > .band-row > li {
  box-sizing: content-box;
  width: 158px;
  flex: 0 0 158px;
  scroll-snap-align: none;
}

.release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]) > .band-row::-webkit-scrollbar {
  display: none;
}

/* Advance the underlying group only when the short drift finishes. */
@keyframes kpr-hero-group-base {
  from { transform: translateX(0); }
  to { transform: translateX(calc(100vw - 100%)); }
}

/* Hold for 1.63 seconds, move the full group in 0.48 seconds, then hold. */
@keyframes kpr-hero-group-glide {
  0%, 68% { left: 0; }
  88%, 100% { left: var(--kpr-band-group-shift); }
}

@media (hover: hover) and (pointer: fine) {
  .release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]):hover > .band-row {
    animation-play-state: paused;
  }
}

/* Focus or tap a row for ordinary manual swipe and keyboard scrolling. */
.release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]):focus-within > .band-row {
  animation: none !important;
  transform: none !important;
  left: 0 !important;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  touch-action: pan-x pan-y;
}

.release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]):focus-within > .band-row::-webkit-scrollbar {
  display: block;
  height: 6px;
}

.release-bands > iframe[data-release-bands] {
  height: 430px;
}

/* About six cards move together below the wide desktop breakpoint. */
@media (max-width: 1279px) {
  .release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]) {
    --kpr-band-groups: 116;
  }

  .release-band-document > .band-module[data-band="sports"] {
    --kpr-band-groups: 19;
  }
}

@media (max-width: 760px) {
  .release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]) {
    --kpr-band-pitch: 170px;
    --kpr-band-groups: 348;
  }

  .release-band-document > .band-module[data-band="sports"] {
    --kpr-band-groups: 56;
  }

  .release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]) > .band-row > li {
    width: 140px;
    flex-basis: 140px;
  }

  .release-bands > iframe[data-release-bands] {
    height: 470px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]) > .band-row {
    animation: none !important;
    transform: none !important;
    left: 0 !important;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    touch-action: pan-x pan-y;
  }

  .release-band-document > .band-module:is([data-band="ott"], [data-band="sports"]) > .band-row::-webkit-scrollbar {
    display: block;
    height: 6px;
  }
}

/* Preserve the requested hiding of motion buttons on the other slides. */
.carousel-motion-toggle {
  display: none !important;
}
