/* Pro IPTV UK - control room on steel. Prefix pro-. Michroma (display) + Didact Gothic (body). */
:root{--pro-bg:#0e1116;--pro-fg:#e5e7eb;--pro-acc:#06b6d4;--pro-acc-d:#155e75;--pro-acc2:#a5f3fc;--pro-ink:#0e1116;--pro-panel:#151a21;--pro-panel2:#1a2029;--pro-deep:#0a0d11;--pro-line:#263040;--pro-mute:#a3acb9;--pro-soft:#c9ced6;--pro-disp:"Michroma","Verdana",sans-serif;--pro-body:"Didact Gothic","Century Gothic","Segoe UI",sans-serif;--pro-gut:16px;--pro-max:1200px;--pro-s1:8px;--pro-s2:16px;--pro-s3:24px;--pro-s4:32px;--pro-s5:48px;--pro-s6:72px;--pro-r:4px;--pro-head-h:0px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#0e1116;color:var(--pro-fg);font:400 17px/1.6 var(--pro-body);overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--pro-acc2);text-underline-offset:3px}
p{margin:0 0 var(--pro-s2)}
h1,h2,h3,h4{font-family:var(--pro-disp);font-weight:400;line-height:1.28;margin:0 0 var(--pro-s2);letter-spacing:-.01em;color:#f3f4f6;overflow-wrap:break-word}
h1{font-size:clamp(25px,4.1vw,44px)}
h2{font-size:clamp(20px,2.7vw,30px)}
h3{font-size:clamp(15px,1.6vw,18px);line-height:1.4}
strong,b{font-weight:400;color:#fff}
ul,ol{margin:0;padding:0}
:focus-visible{outline:2px solid var(--pro-acc2);outline-offset:3px}
section[id],main[id]{scroll-margin-top:16px}
.pro-skip{position:absolute;left:-9999px;top:8px;z-index:50;padding:10px 16px;background:var(--pro-acc);color:var(--pro-ink);font-size:15px}
.pro-skip:focus{left:16px}
.pro-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pro-wrap{width:100%;max-width:var(--pro-max);margin:0 auto;padding:0 var(--pro-gut)}

/* ---- header ---- */
.pro-top{position:relative;z-index:30;background:#0e1116;border-bottom:1px solid var(--pro-line)}
.pro-top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--pro-acc) 0,var(--pro-acc) 72px,transparent 72px)}
.pro-top__in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mark cta" "nav nav";align-items:center;gap:6px 10px;padding-top:10px;padding-bottom:4px}
.pro-mark{grid-area:mark;display:inline-flex;align-items:center;gap:8px;min-height:40px;color:#f3f4f6;text-decoration:none;font:400 14px/1 var(--pro-disp);letter-spacing:.01em;white-space:nowrap}
.pro-mark svg{width:22px;height:22px;flex:none}
.pro-mark em{font-style:normal;margin-left:6px;padding:4px 6px 3px;background:var(--pro-acc);color:var(--pro-ink);border-radius:2px;font-size:.86em}
.pro-nav{grid-area:nav;min-width:0}
.pro-nav ul{list-style:none;display:flex;justify-content:space-between;gap:4px}
.pro-nav a{display:inline-flex;align-items:center;min-height:36px;padding:4px 2px;color:var(--pro-soft);text-decoration:none;font-size:15px;white-space:nowrap}
.pro-nav a[aria-current]{color:var(--pro-acc2);box-shadow:inset 0 -2px 0 var(--pro-acc)}
.pro-top__trial{display:none}
.pro-top .pro-btn{grid-area:cta}
@media (min-width:600px){.pro-mark{font-size:16px}.pro-nav ul{justify-content:flex-start;gap:22px}}
@media (min-width:768px){.pro-top{position:sticky;top:0}.pro-top__in{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"mark . trial cta" "nav nav nav nav"}.pro-top__trial{grid-area:trial;display:inline-flex;align-items:center;min-height:40px;padding:0 6px;color:var(--pro-acc2);font-size:15px}section[id],main[id]{scroll-margin-top:110px}}
@media (min-width:1024px){.pro-top__in{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"mark nav trial cta";gap:12px 24px;padding-top:12px;padding-bottom:12px}.pro-nav ul{justify-content:center;gap:26px}section[id],main[id]{scroll-margin-top:84px}}

/* ---- buttons ---- */
.pro-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:10px 18px;background:var(--pro-acc);color:var(--pro-ink);border:1px solid var(--pro-acc);border-radius:3px;font:400 15px/1.2 var(--pro-body);text-decoration:none;text-align:center;letter-spacing:.01em;transition:transform .2s ease}
.pro-btn--sm{min-height:40px;padding:8px 12px;font-size:15px;white-space:nowrap}
.pro-btn--lg{padding:12px 24px;min-width:240px}
.pro-btn__main{font:400 15px/1.25 var(--pro-disp);letter-spacing:.02em}
.pro-btn__sub{font-size:14px;line-height:1.2}
.pro-btn--ghost{background:transparent;color:var(--pro-acc2);border-color:var(--pro-acc-d)}
.pro-btn--ghost .pro-btn__main{color:var(--pro-acc2)}
.pro-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:var(--pro-s3) 0}
.pro-actions .pro-btn{flex:1 1 100%}
@media (min-width:600px){.pro-actions .pro-btn{flex:0 1 auto}}
.pro-link{display:inline-flex;align-items:center;gap:6px;min-height:32px;color:var(--pro-acc2)}
@media (hover:hover){.pro-btn:hover{transform:translateY(-2px);background:var(--pro-acc2);border-color:var(--pro-acc2);color:var(--pro-ink)}.pro-btn--ghost:hover{background:transparent;color:#fff;border-color:var(--pro-acc)}.pro-btn--ghost:hover .pro-btn__main{color:#fff}.pro-nav a:hover{color:#fff}.pro-link:hover{color:#fff}}

/* ---- hero ---- */
.pro-hero{position:relative;padding:32px 0 48px;background:linear-gradient(180deg,#121720 0,#0e1116 100%);border-bottom:1px solid var(--pro-line);overflow:hidden}
.pro-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,48,64,.35) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(0deg,rgba(38,48,64,.35) 1px,transparent 1px) 0 0/48px 48px;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.pro-hero__in{position:relative;display:grid;gap:var(--pro-s4)}
.pro-hero__copy{min-width:0}
.pro-kicker{display:flex;align-items:center;gap:10px;margin:0 0 var(--pro-s2);font:400 12px/1.5 var(--pro-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--pro-acc)}
.pro-kicker::before{content:"";flex:none;width:8px;height:8px;background:var(--pro-acc);border-radius:1px}
.pro-hero h1{margin-bottom:var(--pro-s3)}
.pro-hero h1 span{display:block;color:var(--pro-acc2)}
.pro-lede{font-size:clamp(17px,1.5vw,19px);color:var(--pro-soft);max-width:60ch}
.pro-hero__more{font-size:16px;color:var(--pro-mute)}
.pro-hero__facts{list-style:none;display:grid;gap:8px;margin-top:var(--pro-s3)}
.pro-hero__facts li{display:flex;align-items:baseline;gap:10px;padding:8px 12px;border-left:2px solid var(--pro-acc-d);background:rgba(21,26,33,.75);font-size:15px;color:var(--pro-soft)}
.pro-hero__facts b{font:400 13px/1.4 var(--pro-disp);color:var(--pro-acc2);white-space:nowrap}
@media (min-width:768px){.pro-hero{padding:48px 0 64px}.pro-hero__facts{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-hero__facts li{flex-direction:column;gap:2px}}
@media (min-width:1024px){.pro-hero{padding:56px 0 80px}.pro-hero__in{grid-template-columns:minmax(0,9fr) minmax(0,11fr);align-items:center;gap:48px}.pro-hero__facts{grid-template-columns:1fr}.pro-hero__facts li{flex-direction:row}}
@media (min-width:1440px){.pro-hero__in{gap:64px}}

/* ---- monitor wall (signature) ---- */
.pro-wall{position:relative;margin:0;padding:10px;background:var(--pro-deep);border:1px solid var(--pro-line);border-radius:6px;box-shadow:0 0 0 1px #05070a,0 40px 70px -40px rgba(6,182,212,.35)}
.pro-wall__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 10px;font-size:13px;color:var(--pro-mute)}
.pro-wall__tag{display:inline-flex;align-items:center;gap:8px;padding:3px 8px;border:1px solid var(--pro-acc-d);border-radius:2px;font:400 12px/1.4 var(--pro-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--pro-acc2)}
.pro-led{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pro-acc);box-shadow:0 0 8px var(--pro-acc)}
.pro-wall__grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:hidden;border-radius:3px}
.pro-tile{position:relative;min-width:0;padding:5px;background:#11161d;border:1px solid #232b37;border-radius:3px}
.pro-tile__id{display:flex;justify-content:space-between;align-items:center;gap:6px;height:18px;margin:0 2px 5px;font:400 12px/18px var(--pro-disp);color:var(--pro-mute);white-space:nowrap}
.pro-tile__id i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--pro-acc)}
.pro-tile__screen{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:2px;background:#06090c;container-type:inline-size}
.pro-tile__screen::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%)}
.pro-feed{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:9px 8px;background:linear-gradient(160deg,#10303a 0,#0a141a 70%)}
.pro-feed::before{content:"";position:absolute;left:10px;top:10px;width:46px;height:12px;background:repeating-linear-gradient(90deg,rgba(6,182,212,.8) 0 4px,transparent 4px 7px);-webkit-mask-image:linear-gradient(90deg,#000 55%,rgba(0,0,0,.2));mask-image:linear-gradient(90deg,#000 55%,rgba(0,0,0,.2))}
.pro-feed::after{content:"";position:absolute;right:10px;top:15px;width:28%;height:1px;background:var(--pro-acc-d)}
.pro-feed--photo::before,.pro-feed--photo::after{display:none}
.pro-feed--alt{background:linear-gradient(200deg,#16232f 0,#0b1016 75%)}
.pro-feed + .pro-feed{opacity:0}
.pro-feed__big{display:block;font:400 clamp(13px,9.5cqi,21px)/1.15 var(--pro-disp);color:var(--pro-acc2);letter-spacing:-.01em}
.pro-feed__sub{display:block;font-size:clamp(12px,7.4cqi,15px);line-height:1.3;color:var(--pro-fg)}
.pro-feed--photo{padding:0;background:#06090c}
.pro-feed--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.pro-feed__cap{position:relative;z-index:1;display:block;margin:0;padding:5px 8px;background:rgba(8,11,15,.88);border-top:1px solid var(--pro-acc-d);font-size:clamp(12px,7cqi,14px);line-height:1.3;color:var(--pro-fg)}
.pro-wall__scan{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,transparent 0,transparent 42%,rgba(165,243,252,.05) 46%,rgba(165,243,252,.22) 49.4%,rgba(165,243,252,.5) 50%,rgba(6,182,212,0) 51.5%,transparent 100%);transform:translate3d(0,-100%,0)}
.pro-wall__note{margin:10px 2px 0;font-size:13px;line-height:1.45;color:var(--pro-mute)}
.pro-wall[data-live] .pro-feed{opacity:0;transform:translate3d(0,6%,0) scale(.985);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.pro-wall[data-live] .pro-feed.is-on{opacity:1;transform:none}
@media (min-width:600px){.pro-wall__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-wall{padding:12px}}
@media (hover:hover){.pro-tile:hover{border-color:var(--pro-acc-d)}.pro-tile:hover .pro-tile__id{color:var(--pro-acc2)}}
@keyframes pro-scan{0%{transform:translate3d(0,-100%,0)}70%{transform:translate3d(0,100%,0)}100%{transform:translate3d(0,100%,0)}}
@keyframes pro-blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes pro-sweep{0%{transform:translate3d(0,-100%,0)}100%{transform:translate3d(0,100%,0)}}
@keyframes pro-slide{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:no-preference){html:not(.motion-off) .pro-wall__scan{animation:pro-scan 6.5s linear infinite}html:not(.motion-off) .pro-wall__bar .pro-led{animation:pro-blink 2.4s ease-in-out infinite}.pro-wall.is-paused .pro-wall__scan,.pro-wall.is-paused .pro-led{animation-play-state:paused}}

/* ---- sections ---- */
.pro-section{padding:56px 0}
.pro-section--panel{background:#12161c;border-top:1px solid var(--pro-line);border-bottom:1px solid var(--pro-line)}
.pro-section--tight{padding:32px 0}
.pro-sh{max-width:780px;margin:0 0 var(--pro-s4);padding-left:var(--pro-s2);border-left:2px solid var(--pro-acc-d)}
.pro-sh--center{margin-left:auto;margin-right:auto}
.pro-sh p:last-child{margin-bottom:0}
.pro-sh .pro-lede{margin-top:var(--pro-s1)}
.pro-sub{font-size:15px;color:var(--pro-mute)}
@media (min-width:768px){.pro-section{padding:72px 0}}
@media (min-width:1024px){.pro-section{padding:88px 0}}

/* grids */
.pro-grid{display:grid;gap:var(--pro-s2);list-style:none}
@media (min-width:600px){.pro-grid--2,.pro-grid--3,.pro-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pro-grid{gap:var(--pro-s3)}.pro-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pro-split{display:grid;gap:var(--pro-s4);align-items:center}
@media (min-width:1024px){.pro-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pro-s5)}.pro-split--wide{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}

/* monitor card motif */
.pro-mon{position:relative;overflow:hidden;padding:var(--pro-s3);background:var(--pro-panel);border:1px solid var(--pro-line);border-radius:var(--pro-r)}
.pro-mon::before{content:"";position:absolute;left:-1px;top:-1px;width:14px;height:14px;border-left:2px solid var(--pro-acc);border-top:2px solid var(--pro-acc);border-top-left-radius:var(--pro-r);pointer-events:none}
.pro-mon::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgba(165,243,252,.14) 49%,rgba(165,243,252,.32) 50%,transparent 53%);transform:translate3d(0,-100%,0)}
.pro-mon__bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:calc(var(--pro-s3) * -1) calc(var(--pro-s3) * -1) var(--pro-s2);padding:8px var(--pro-s3);background:var(--pro-panel2);border-bottom:1px solid var(--pro-line);font:400 12px/1.5 var(--pro-disp);letter-spacing:.06em;text-transform:uppercase;color:var(--pro-mute)}
.pro-mon h3{margin-bottom:var(--pro-s1)}
.pro-mon p{color:var(--pro-soft);font-size:16px}
.pro-mon p:last-child{margin-bottom:0}
.pro-mon--lit{border-color:var(--pro-acc)}
@media (prefers-reduced-motion:no-preference){html:not(.motion-off) .pro-mon.is-seen::after{animation:pro-sweep 1.3s cubic-bezier(.4,0,.2,1) 1}}
@media (hover:hover){.pro-mon:hover{border-color:var(--pro-acc-d)}.pro-mon--lit:hover{border-color:var(--pro-acc2)}}
.pro-icon{width:36px;height:36px;margin-bottom:var(--pro-s2);color:var(--pro-acc)}

/* lists */
.pro-ticks{list-style:none;display:grid;gap:8px}
.pro-ticks li{position:relative;padding-left:22px;color:var(--pro-soft)}
.pro-ticks li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:5px;border-left:2px solid var(--pro-acc);border-bottom:2px solid var(--pro-acc);transform:rotate(-45deg)}
.pro-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none}
.pro-chip{display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;border:1px solid var(--pro-line);border-radius:2px;background:var(--pro-deep);font-size:14px;color:var(--pro-fg)}
.pro-chip--acc{border-color:var(--pro-acc-d);color:var(--pro-acc2)}
.pro-badge{display:inline-block;padding:4px 8px;background:var(--pro-acc);color:var(--pro-ink);border-radius:2px;font:400 12px/1.3 var(--pro-disp);letter-spacing:.04em;white-space:nowrap}
.pro-badge--quiet{background:transparent;color:var(--pro-mute);border:1px solid var(--pro-line)}

/* trust readouts */
.pro-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none}
.pro-readout{min-width:0;padding:14px 14px 12px;border-left:2px solid var(--pro-acc-d);background:var(--pro-panel)}
.pro-readout__v{display:block;font:400 clamp(18px,2.4vw,28px)/1.2 var(--pro-disp);color:var(--pro-acc2)}
.pro-readout__k{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:var(--pro-mute)}
.pro-trustnote{margin-top:var(--pro-s2);font-size:14px;color:var(--pro-mute)}
@media (min-width:768px){.pro-readouts{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pro-readout{padding:18px 18px 16px}}

/* how it works */
.pro-steps{list-style:none;display:grid;gap:var(--pro-s2);counter-reset:pro-step}
.pro-step{position:relative;padding:var(--pro-s3);background:var(--pro-panel);border:1px solid var(--pro-line);border-radius:var(--pro-r)}
.pro-step__n{display:flex;align-items:center;gap:10px;margin-bottom:var(--pro-s2);font:400 26px/1 var(--pro-disp);color:var(--pro-acc2)}
.pro-step__n::after{content:"";flex:1;height:1px;background:var(--pro-acc-d)}
.pro-step h3{margin-bottom:var(--pro-s1)}
.pro-step p{color:var(--pro-soft);font-size:16px;margin:0}
@media (min-width:768px){.pro-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-steps--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pro-steps{gap:var(--pro-s3)}.pro-steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* pricing */
.pro-plans{list-style:none;display:grid;gap:var(--pro-s2)}
.pro-plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:0 var(--pro-s3) var(--pro-s3);background:var(--pro-panel);border:1px solid var(--pro-line);border-radius:var(--pro-r)}
.pro-plan__bar{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:46px;margin:0 calc(var(--pro-s3) * -1) var(--pro-s2);padding:8px var(--pro-s3);background:var(--pro-panel2);border-bottom:1px solid var(--pro-line);border-radius:var(--pro-r) var(--pro-r) 0 0}
.pro-plan__len{font:400 14px/1.3 var(--pro-disp);color:#f3f4f6;text-transform:uppercase;letter-spacing:.05em}
.pro-plan__price{margin:0;font:400 clamp(28px,3vw,36px)/1.1 var(--pro-disp);color:#fff}
.pro-plan__pm{margin:0;font-size:16px;color:var(--pro-acc2)}
.pro-plan .pro-ticks{margin:var(--pro-s2) 0 var(--pro-s3);font-size:15px}
.pro-plan .pro-btn{margin-top:auto;width:100%}
.pro-plan--lead{border-color:var(--pro-acc);box-shadow:0 0 0 1px var(--pro-acc),0 24px 50px -30px rgba(6,182,212,.6)}
.pro-plan--lead .pro-plan__bar{background:#102a33;border-bottom-color:var(--pro-acc-d)}
.pro-plan__flag{margin:0;font-size:14px;color:var(--pro-acc2)}
.pro-plans__note{margin-top:var(--pro-s3);text-align:center;color:var(--pro-soft);font-size:16px}
@media (min-width:600px){.pro-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pro-plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pro-s3);align-items:stretch}.pro-plan--lead{transform:translateY(-8px)}}
@media (hover:hover){.pro-plan:hover{border-color:var(--pro-acc-d)}.pro-plan--lead:hover{border-color:var(--pro-acc2)}}

/* devices */
.pro-devices__sheet{margin:0 0 var(--pro-s3);padding:var(--pro-s2);background:#e5e7eb;border-radius:var(--pro-r)}
.pro-devices__sheet img{width:100%;height:auto}
.pro-devices__shot{margin:0;border:1px solid var(--pro-line);border-radius:var(--pro-r);overflow:hidden}
.pro-devices__shot img{width:100%;height:auto}
.pro-dev{display:grid;gap:6px;padding:14px 16px;background:var(--pro-panel);border-left:2px solid var(--pro-acc-d)}
.pro-dev__name{font:400 14px/1.4 var(--pro-disp);color:#f3f4f6}
.pro-dev p{margin:0;font-size:15px;color:var(--pro-soft)}

/* sport tiles */
.pro-sports{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pro-sport{position:relative;min-width:0;margin:0;overflow:hidden;background:var(--pro-panel);border:1px solid var(--pro-line);border-radius:var(--pro-r)}
.pro-sport img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover}
.pro-sport__cap{display:block;padding:10px 12px 12px;border-top:1px solid var(--pro-acc-d)}
.pro-sport__cap b{display:block;font:400 13px/1.35 var(--pro-disp);color:#f3f4f6}
.pro-sport__cap span{display:block;margin-top:2px;font-size:14px;line-height:1.4;color:var(--pro-mute)}
.pro-sport--type{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;background:linear-gradient(160deg,#10303a 0,#0b1218 80%)}
.pro-sport--type .pro-sport__word{display:block;padding:16px 12px 4px;font:400 clamp(17px,2.2vw,24px)/1.2 var(--pro-disp);color:var(--pro-acc2)}
@media (min-width:768px){.pro-sports{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:1024px){.pro-sports{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (hover:hover){.pro-sport img{transition:transform .5s ease}.pro-sport:hover img{transform:scale(1.04)}}

/* worldwide */
.pro-regions{list-style:none;display:grid;gap:12px}
.pro-region{padding:16px 18px;background:var(--pro-panel);border:1px solid var(--pro-line);border-radius:var(--pro-r)}
.pro-region__name{display:flex;align-items:center;gap:8px;margin-bottom:6px;font:400 13px/1.4 var(--pro-disp);letter-spacing:.06em;text-transform:uppercase;color:var(--pro-acc2)}
.pro-region__name::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pro-acc)}
.pro-region p{margin:0;font-size:15px;color:var(--pro-soft)}
.pro-world__collage{margin:0;border:1px solid var(--pro-line);border-radius:var(--pro-r);overflow:hidden;background:var(--pro-deep)}
.pro-world__collage img{width:100%;height:auto}
.pro-world__collage figcaption{padding:10px 14px;font-size:14px;color:var(--pro-mute)}
@media (min-width:600px){.pro-regions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pro-regions--3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* marquee: [data-speed] (px per second) + data-pro-loop; items listed twice, the copies aria-hidden */
.pro-marquee{position:relative;overflow:hidden;margin:var(--pro-s3) 0;padding:4px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.pro-marquee__track{display:flex;gap:14px;width:max-content;list-style:none;animation:pro-slide var(--pro-dur,48s) linear infinite}
.pro-marquee__item{flex:none;margin:0}
.pro-marquee__item img{display:block}
.pro-marquee--posters .pro-marquee__item{width:132px}
.pro-marquee--posters img{width:132px;height:198px;object-fit:cover;border-radius:3px;border:1px solid var(--pro-line)}
.pro-marquee--covers .pro-marquee__item{width:120px}
.pro-marquee--covers img{width:120px;height:196px;object-fit:cover;border-radius:3px;border:1px solid var(--pro-line)}
.pro-marquee--logos .pro-marquee__item{display:flex;align-items:center;justify-content:center;width:150px;height:64px;padding:10px 16px;background:#e5e7eb;border-radius:3px}
.pro-marquee--logos img{max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain}
.pro-marquee--leagues .pro-marquee__item{display:flex;align-items:center;justify-content:center;width:110px;height:96px;padding:10px;background:#e5e7eb;border-radius:3px}
.pro-marquee--leagues img{max-width:100%;max-height:76px;width:auto;height:auto;object-fit:contain}
.pro-marquee__cap{display:block;margin-top:6px;font-size:13px;line-height:1.35;color:var(--pro-mute);text-align:center}
.pro-marquee:focus-within .pro-marquee__track{animation-play-state:paused}
.pro-marquee:focus-visible{outline:2px solid var(--pro-acc2);outline-offset:2px}
@media (hover:hover){.pro-marquee:hover .pro-marquee__track{animation-play-state:paused}}
@media (min-width:1024px){.pro-marquee--posters .pro-marquee__item,.pro-marquee--posters img{width:160px}.pro-marquee--posters img{height:240px}}

/* trial teaser */
.pro-trial{display:grid;gap:var(--pro-s3);padding:var(--pro-s3);background:linear-gradient(135deg,#102a33 0,#151a21 60%);border:1px solid var(--pro-acc-d);border-radius:var(--pro-r)}
.pro-terms{list-style:none;display:grid;gap:0;border-top:1px solid var(--pro-line)}
.pro-terms li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 0;border-bottom:1px solid var(--pro-line);font-size:15px;color:var(--pro-soft)}
.pro-terms b{font:400 13px/1.5 var(--pro-disp);color:var(--pro-acc2)}
@media (min-width:1024px){.pro-trial{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:var(--pro-s5);padding:var(--pro-s5)}}

/* reviews */
.pro-reviews{list-style:none;display:grid;gap:var(--pro-s2)}
.pro-review{display:flex;flex-direction:column;gap:12px;margin:0;padding:var(--pro-s3);background:var(--pro-panel);border:1px solid var(--pro-line);border-radius:var(--pro-r)}
.pro-review blockquote{margin:0;font-size:17px;color:var(--pro-fg)}
.pro-review blockquote p:last-child{margin:0}
.pro-review__who{margin-top:auto;padding-top:12px;border-top:1px solid var(--pro-line);font-size:15px;color:var(--pro-mute)}
.pro-review__who b{font:400 13px/1.4 var(--pro-disp);color:#f3f4f6}
.pro-stars{display:flex;gap:3px;color:var(--pro-acc)}
.pro-stars svg{width:16px;height:16px}
.pro-rating{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:var(--pro-s3);font-size:15px;color:var(--pro-soft)}
@media (min-width:1024px){.pro-reviews{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pro-s3)}}

/* FAQ */
.pro-faq{display:grid;gap:10px;max-width:880px}
.pro-q{background:var(--pro-panel);border:1px solid var(--pro-line);border-radius:var(--pro-r)}
.pro-q[open]{border-color:var(--pro-acc-d)}
.pro-q summary{position:relative;display:block;min-height:48px;padding:14px 52px 14px 18px;cursor:pointer;list-style:none;font-size:17px;line-height:1.45;color:#f3f4f6}
.pro-q summary::-webkit-details-marker{display:none}
.pro-q summary::before,.pro-q summary::after{content:"";position:absolute;right:20px;top:50%;width:14px;height:2px;margin-top:-1px;background:var(--pro-acc);transition:transform .25s ease}
.pro-q summary::after{transform:rotate(90deg)}
.pro-q[open] summary::after{transform:rotate(0deg)}
.pro-q__a{padding:0 18px 16px;color:var(--pro-soft);font-size:16px}
.pro-q__a p:last-child{margin:0}

/* final CTA */
.pro-final{position:relative;padding:64px 0;background:#0b0e12;border-top:1px solid var(--pro-acc-d);border-bottom:1px solid var(--pro-line);overflow:hidden}
.pro-final::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(38,48,64,.4) 1px,transparent 1px) 0 0/120px 90px,linear-gradient(0deg,rgba(38,48,64,.4) 1px,transparent 1px) 0 0/120px 90px;-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 75%)}
.pro-final__in{position:relative;max-width:820px;text-align:center}
.pro-final .pro-actions{justify-content:center}
.pro-final p{color:var(--pro-soft)}
@media (min-width:1024px){.pro-final{padding:96px 0}}

/* SEO block */
.pro-seo{color:var(--pro-soft);font-size:16px}
.pro-seo__cols{max-width:1100px}
.pro-seo h3{margin-top:var(--pro-s3);color:#f3f4f6}
@media (min-width:1024px){.pro-seo__cols{column-count:2;column-gap:56px}.pro-seo__cols h3{break-after:avoid}.pro-seo__cols p{break-inside:avoid}}

/* inner pages */
.pro-page-hero{position:relative;padding:40px 0 40px;background:linear-gradient(180deg,#121720 0,#0e1116 100%);border-bottom:1px solid var(--pro-line)}
.pro-page-hero .pro-lede{max-width:66ch}
@media (min-width:1024px){.pro-page-hero{padding:64px 0 56px}}
.pro-prose{max-width:760px}
.pro-prose h2{margin-top:var(--pro-s5)}
.pro-prose h2:first-child{margin-top:0}
.pro-prose h3{margin-top:var(--pro-s4)}
.pro-prose p,.pro-prose li{color:var(--pro-soft)}
.pro-prose ul,.pro-prose ol{padding-left:22px;margin:0 0 var(--pro-s2)}
.pro-prose li{margin-bottom:6px}
.pro-updated{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border:1px solid var(--pro-acc-d);border-radius:2px;font-size:15px;color:var(--pro-acc2)}
.pro-strip{display:grid;gap:12px;list-style:none;margin-top:var(--pro-s3)}
.pro-strip a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:10px 16px;background:var(--pro-panel);border:1px solid var(--pro-line);border-radius:var(--pro-r);color:var(--pro-fg);text-decoration:none}
.pro-strip a b{font:400 14px/1.3 var(--pro-disp);color:var(--pro-acc2)}
@media (min-width:768px){.pro-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pro-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (hover:hover){.pro-strip a:hover{border-color:var(--pro-acc)}}
.pro-install{display:grid;gap:var(--pro-s4)}
.pro-toc{align-self:start;padding:16px;background:var(--pro-panel);border:1px solid var(--pro-line);border-radius:var(--pro-r)}
.pro-toc p{margin:0 0 8px;font:400 12px/1.5 var(--pro-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--pro-mute)}
.pro-toc ol{list-style:none;display:grid;gap:2px}
.pro-toc a{display:flex;align-items:center;min-height:36px;padding:4px 8px;border-left:2px solid transparent;color:var(--pro-soft);text-decoration:none;font-size:15px}
@media (hover:hover){.pro-toc a:hover{border-left-color:var(--pro-acc);color:#fff}}
@media (min-width:1024px){.pro-install{grid-template-columns:260px minmax(0,1fr);gap:var(--pro-s5)}.pro-toc{position:sticky;top:96px}}
.pro-device{margin:0 0 var(--pro-s4);padding:var(--pro-s3);background:var(--pro-panel);border:1px solid var(--pro-line);border-radius:var(--pro-r);scroll-margin-top:110px}
.pro-device__app{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:var(--pro-s2);font-size:15px;color:var(--pro-mute)}
.pro-howto{list-style:none;counter-reset:pro-n;display:grid;gap:10px;margin:0 0 var(--pro-s2)}
.pro-howto li{position:relative;counter-increment:pro-n;padding:2px 0 2px 44px;color:var(--pro-soft);min-height:30px}
.pro-howto li::before{content:counter(pro-n,decimal-leading-zero);position:absolute;left:0;top:2px;width:32px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid var(--pro-acc-d);border-radius:2px;font:400 12px/1 var(--pro-disp);color:var(--pro-acc2)}
.pro-note{padding:12px 16px;border-left:2px solid var(--pro-acc);background:var(--pro-deep);font-size:15px;color:var(--pro-soft)}
.pro-mail{display:grid;gap:12px;padding:var(--pro-s3);background:var(--pro-panel);border:1px solid var(--pro-acc-d);border-radius:var(--pro-r)}
.pro-mail__addr{display:inline-flex;align-items:center;min-height:44px;font:400 clamp(14px,2.2vw,22px)/1.3 var(--pro-disp);color:var(--pro-acc2);overflow-wrap:anywhere}

/* ---- footer ---- */
.pro-foot{padding:48px 0 28px;background:#0a0d11;border-top:1px solid var(--pro-line);font-size:15px;color:var(--pro-mute)}
.pro-foot__grid{display:grid;gap:var(--pro-s4)}
.pro-foot__brand p{margin:12px 0 0;max-width:36ch}
.pro-foot__label{margin:0 0 8px;font:400 12px/1.5 var(--pro-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--pro-soft)}
.pro-foot__links{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}
.pro-foot__links a{display:inline-flex;align-items:center;min-height:36px;color:var(--pro-fg);text-decoration:none}
.pro-foot__help p{margin:0 0 6px}
.pro-foot__mail{display:inline-flex;align-items:center;min-height:36px;color:var(--pro-acc2);overflow-wrap:anywhere}
.pro-foot__base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:var(--pro-s4);padding-top:var(--pro-s3);border-top:1px solid var(--pro-line)}
.pro-foot__base p{margin:0}
.pro-motion{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;background:transparent;border:1px solid var(--pro-acc-d);border-radius:3px;color:var(--pro-fg);font:400 15px/1.2 var(--pro-body);cursor:pointer}
.pro-motion svg{width:14px;height:14px;color:var(--pro-acc)}
.pro-motion .pro-motion__play{display:none}
.motion-off .pro-motion .pro-motion__play{display:block}
.motion-off .pro-motion .pro-motion__pause{display:none}
@media (hover:hover){.pro-foot__links a:hover{color:var(--pro-acc2)}.pro-motion:hover{border-color:var(--pro-acc)}}
@media (min-width:768px){.pro-foot__grid{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,4fr)}}

/* ---- motion off: reduced motion and the footer toggle ---- */
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.pro-wall__scan,.pro-mon::after{display:none}
.pro-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
.pro-marquee__track{animation:none!important}
.pro-marquee__track [aria-hidden="true"]{display:none}
}
html.motion-off{scroll-behavior:auto}
.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}
.motion-off .pro-wall__scan,.motion-off .pro-mon::after{display:none}
.motion-off .pro-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
.motion-off .pro-marquee__track{animation:none!important}
.motion-off .pro-marquee__track [aria-hidden="true"]{display:none}
/* === home additions === */
.pro-gap{margin-top:var(--pro-s4)}
.pro-split > div > p{color:var(--pro-soft)}
.pro-chips.pro-gap{margin-bottom:var(--pro-s2)}
.pro-mon h3 + p{margin-top:0}
.pro-mon .pro-link{display:inline;min-height:0;text-decoration:underline}
.pro-plans__note .pro-link,.pro-sub .pro-link{display:inline;min-height:0;text-decoration:underline}
.pro-regions + .pro-world__collage{align-self:start}
.pro-world__collage img{aspect-ratio:1600/1541}
.pro-trial h2{margin-bottom:var(--pro-s2)}
.pro-rating .pro-stars{margin:0}
.pro-sports .pro-sport--type{min-height:140px}
.pro-plan__bar{min-height:58px}
/* === end home additions === */