/* Best UK IPTV - design system (prefix bux-). Theme: league table on charcoal. */
:root{
  --bux-bg:#121214;--bux-ink:#f5f5f4;--bux-y:#facc15;--bux-yd:#ca9a04;--bux-y2:#fde68a;
  --bux-alt:#17171a;--bux-card:#1b1b1f;--bux-card2:#232328;--bux-line:#2c2c32;--bux-line2:#3d3d44;--bux-mute:#bdbab3;
  --bux-disp:"Darker Grotesque","Arial Narrow",ui-sans-serif,system-ui,sans-serif;
  --bux-body:"Atkinson Hyperlegible",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --bux-gut:16px;--bux-max:1200px;--bux-r:4px;
  --bux-s1:8px;--bux-s2:12px;--bux-s3:16px;--bux-s4:24px;--bux-s5:40px;--bux-s6:64px;
  --bux-sec:clamp(56px,8vw,104px);--bux-row:52px;
  --bux-ease:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bux-bg);color:var(--bux-ink);font:400 16px/1.6 var(--bux-body);text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--bux-y)}
a:hover{color:var(--bux-y2)}
h1,h2,h3,h4{margin:0;font-family:var(--bux-disp);font-weight:800;line-height:.98;letter-spacing:-.005em;text-wrap:balance}
p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
strong,b{font-weight:700}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--bux-y2);outline-offset:3px;border-radius:2px}
main,section[id],[id].bux-device{scroll-margin-top:92px}
.bux-skip{position:absolute;left:-9999px;top:8px;z-index:60;padding:10px 16px;background:var(--bux-y);color:var(--bux-bg);font-weight:700;text-decoration:none;border-radius:var(--bux-r)}
.bux-skip:focus{left:16px}
.bux-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- layout ---------- */
.bux-wrap{width:min(100% - 2*var(--bux-gut),var(--bux-max));margin-inline:auto}
.bux-sec{padding-block:var(--bux-sec);border-top:1px solid var(--bux-line)}
.bux-sec--alt{background:var(--bux-alt)}
.bux-sec--tight{padding-block:clamp(36px,5vw,56px)}
.bux-head{display:grid;gap:var(--bux-s2);margin-bottom:clamp(28px,4vw,48px);max-width:860px}
.bux-head--center{margin-inline:auto;text-align:center;justify-items:center}
.bux-pos{font:800 34px/1 var(--bux-disp);color:transparent;-webkit-text-stroke:1.4px var(--bux-yd);letter-spacing:.02em}
.bux-kicker{font:700 13px/1.3 var(--bux-body);letter-spacing:.14em;text-transform:uppercase;color:var(--bux-y)}
.bux-h2{font-size:clamp(34px,5.4vw,58px)}
.bux-h2 span,.bux-h1 span{color:var(--bux-y)}
.bux-h3{font-size:clamp(24px,2.6vw,30px);line-height:1.02}
.bux-lead{font-size:clamp(17px,1.6vw,19px);color:var(--bux-mute);max-width:64ch}
.bux-text{color:var(--bux-mute);max-width:68ch}
.bux-text + .bux-text{margin-top:var(--bux-s3)}
.bux-split{display:grid;gap:clamp(28px,4vw,56px);align-items:start}
.bux-grid{display:grid;gap:var(--bux-s3)}
.bux-stack > * + *{margin-top:var(--bux-s3)}
.bux-center{text-align:center}
.bux-after{margin-top:var(--bux-s4);color:var(--bux-mute)}

/* ---------- buttons, links, badges ---------- */
.bux-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border:2px solid var(--bux-y);border-radius:var(--bux-r);background:var(--bux-y);color:var(--bux-bg);font:700 16px/1.15 var(--bux-body);text-decoration:none;text-align:center;cursor:pointer;transition:transform .2s var(--bux-ease)}
.bux-btn:hover{color:var(--bux-bg)}
.bux-btn--lg{min-height:54px;padding:14px 26px;font-size:17px}
.bux-btn--sm{min-height:38px;padding:8px 14px;font-size:15px}
.bux-btn--ghost{background:transparent;color:var(--bux-ink)}
.bux-btn--ghost:hover{color:var(--bux-y2)}
.bux-btn--dark{background:var(--bux-bg);border-color:var(--bux-bg);color:var(--bux-ink)}
.bux-btn--dark:hover{color:var(--bux-y2)}
.bux-btn--block{display:flex;width:100%}
.bux-actions{display:flex;flex-wrap:wrap;gap:var(--bux-s2);align-items:center}
.bux-link{color:var(--bux-y);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.bux-badge{display:inline-block;padding:4px 10px;border-radius:2px;background:var(--bux-y);color:var(--bux-bg);font:700 13px/1.3 var(--bux-body);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.bux-badge--line{background:transparent;color:var(--bux-y);box-shadow:inset 0 0 0 1.5px var(--bux-y)}
.bux-tag{display:inline-block;padding:3px 8px;border-radius:2px;background:var(--bux-y);color:var(--bux-bg);font:700 12px/1.3 var(--bux-body);letter-spacing:.12em;text-transform:uppercase}
.bux-chips{display:flex;flex-wrap:wrap;gap:8px}
.bux-chips li,.bux-chip{padding:6px 12px;border:1px solid var(--bux-line2);border-radius:2px;background:var(--bux-card);color:var(--bux-ink);font-size:14px;line-height:1.35}
.bux-medal{position:relative;display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--bux-card2);box-shadow:inset 0 0 0 2px var(--bux-line2);color:var(--bux-ink);font:800 19px/1 var(--bux-disp)}
.bux-medal.is-m1,.bux-row__pos.is-m1{background:var(--bux-y);color:var(--bux-bg);box-shadow:inset 0 0 0 3px rgba(18,18,20,.18)}
.bux-medal.is-m2,.bux-row__pos.is-m2{background:var(--bux-ink);color:var(--bux-bg);box-shadow:inset 0 0 0 3px rgba(18,18,20,.14)}
.bux-medal.is-m3,.bux-row__pos.is-m3{background:var(--bux-yd);color:var(--bux-bg);box-shadow:inset 0 0 0 3px rgba(18,18,20,.18)}

/* ---------- header ---------- */
.bux-top{position:relative;z-index:40;background:rgba(18,18,20,.97);border-bottom:1px solid var(--bux-line)}
.bux-top__bar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand cta" "nav nav";align-items:center;gap:10px 12px;padding-block:10px}
.bux-top__bar .bux-brand{grid-area:brand}
.bux-brand{display:inline-flex;align-items:center;gap:9px;min-height:40px;color:var(--bux-ink);text-decoration:none;white-space:nowrap}
.bux-brand:hover{color:var(--bux-ink)}
.bux-brand__mark{width:30px;height:30px;flex:none}
.bux-brand__word{font:800 27px/1 var(--bux-disp);letter-spacing:.005em}
.bux-brand__accent{display:inline-block;margin-left:3px;padding:1px 7px 3px;border-radius:2px;background:var(--bux-y);color:var(--bux-bg);font-style:normal}
.bux-top__cta{grid-area:cta;white-space:nowrap}
.bux-nav{grid-area:nav;border-top:1px solid var(--bux-line);padding-top:6px}
.bux-nav__list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 6px}
.bux-nav__list a{display:inline-flex;align-items:center;min-height:36px;padding:4px 4px;color:var(--bux-ink);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.bux-nav__list a:hover,.bux-nav__list a[aria-current="page"]{color:var(--bux-y);border-bottom-color:var(--bux-y)}

/* ---------- hero ---------- */
.bux-hero{position:relative;overflow:hidden;padding:clamp(32px,5vw,72px) 0 clamp(48px,6vw,88px)}
.bux-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 63px,rgba(245,245,244,.035) 63px 64px)}
.bux-hero::after{content:"";position:absolute;width:620px;height:620px;right:-220px;top:-260px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(250,204,21,.13),rgba(250,204,21,0) 68%)}
.bux-hero__grid{position:relative;z-index:1;display:grid;gap:clamp(28px,4vw,44px);grid-template-areas:"copy" "board" "bill"}
.bux-hero__copy{grid-area:copy;display:grid;gap:18px;align-content:start}
.bux-hero__title{font-size:clamp(50px,11.5vw,96px);line-height:.88;letter-spacing:-.01em}
.bux-hero__title span{display:block;color:var(--bux-y)}
.bux-hero__sub{font-size:clamp(17px,1.7vw,20px);color:var(--bux-mute);max-width:56ch}
.bux-hero__fine{font-size:15px;color:var(--bux-mute);max-width:58ch}
.bux-hero__fine strong{color:var(--bux-ink)}

/* ---------- leaderboard (ranked bars) ---------- */
.bux-board{grid-area:board;position:relative;border:1px solid var(--bux-line2);border-radius:var(--bux-r);background:var(--bux-card);overflow:hidden}
.bux-board__media{position:relative;height:118px;overflow:hidden;background:var(--bux-card2)}
.bux-board__img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;opacity:.8}
.bux-board__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,27,31,0) 30%,rgba(27,27,31,.95))}
.bux-board__media .bux-tag{position:absolute;top:12px;right:12px;z-index:1}
.bux-board__body{padding:4px clamp(14px,2.4vw,24px) clamp(16px,2.4vw,22px)}
.bux-board__title{font:800 clamp(24px,2.6vw,30px)/1.02 var(--bux-disp);margin-bottom:12px}
.bux-lenses{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.bux-lens{min-height:34px;padding:5px 12px;border:1px solid var(--bux-line2);border-radius:2px;background:transparent;color:var(--bux-ink);font-size:14px;font-weight:700;cursor:pointer}
.bux-lens[aria-pressed="true"]{background:var(--bux-y);border-color:var(--bux-y);color:var(--bux-bg)}
.bux-board__list{position:relative;height:calc(var(--rows,5)*var(--bux-row));counter-reset:none}
.bux-row{display:grid;grid-template-columns:34px minmax(0,1fr) 100px;align-items:center;gap:12px;height:var(--bux-row);border-top:1px solid var(--bux-line);transform:translateY(calc(var(--shift,0)*100%));transition:transform .75s var(--bux-ease)}
.bux-row__pos{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--bux-card2);box-shadow:inset 0 0 0 2px var(--bux-line2);font:800 19px/1 var(--bux-disp);color:var(--bux-ink)}
.bux-row__body{display:grid;gap:5px;min-width:0}
.bux-row__label{font-size:14px;font-weight:700;line-height:1.2;color:var(--bux-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bux-row__val{text-align:right;white-space:nowrap;font:800 clamp(23px,2.2vw,26px)/1 var(--bux-disp);color:var(--bux-y)}
.bux-bar{display:block;height:8px;border-radius:1px;background:var(--bux-card2);overflow:hidden}
.bux-bar__run{display:block;height:100%;transform-origin:0 50%}
.bux-bar__fill{display:block;height:100%;background:linear-gradient(90deg,var(--bux-yd),var(--bux-y));transform-origin:0 50%;transform:scaleX(var(--len,1));transition:transform .75s var(--bux-ease)}
.bux-board__cap{margin-top:14px;font-size:13px;line-height:1.5;color:var(--bux-mute)}
.bux-board__cap span{color:var(--bux-ink);font-weight:700}
.bux-board--hero .bux-bar__run{animation:bux-race 1.1s var(--bux-ease) both;animation-delay:calc(var(--i,0)*110ms + 250ms)}
.bux-board--hero .bux-row__pos.is-pop,.bux-board.is-in .bux-row__pos.is-pop{animation:bux-pop .55s cubic-bezier(.3,1.6,.5,1) both;animation-delay:var(--pd,.2s)}
.bux-js .bux-board:not(.bux-board--hero):not(.is-in) .bux-bar__run{transform:scaleX(0)}
.bux-board.is-in .bux-bar__run{animation:bux-race 1.1s var(--bux-ease) both;animation-delay:calc(var(--i,0)*110ms)}
.bux-board--plain .bux-board__body{padding-top:clamp(16px,2.4vw,22px)}

/* ---------- compare with your bill ---------- */
.bux-bill{grid-area:bill;display:grid;gap:10px;padding:clamp(16px,2.4vw,22px);border:1px dashed var(--bux-line2);border-radius:var(--bux-r);background:var(--bux-alt);max-width:640px}
.bux-bill__title{font:800 26px/1 var(--bux-disp)}
.bux-bill__label{font-size:14px;color:var(--bux-mute)}
.bux-bill__field{display:flex;align-items:center;gap:8px;width:min(100%,240px);padding:0 12px;border:2px solid var(--bux-line2);border-radius:var(--bux-r);background:var(--bux-bg)}
.bux-bill__field:focus-within{border-color:var(--bux-y)}
.bux-bill__cur{font:800 26px/1 var(--bux-disp);color:var(--bux-y)}
.bux-bill__input{width:100%;min-height:46px;border:0;background:transparent;font-size:20px;font-weight:700;outline:none;-moz-appearance:textfield;appearance:textfield}
.bux-bill__input::-webkit-outer-spin-button,.bux-bill__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bux-bill__input::placeholder{color:#8e8b85;font-weight:400;font-size:16px}
.bux-bill__rows{display:grid;gap:8px;margin-top:4px}
.bux-bill__row{display:grid;gap:4px}
.bux-bill__row dt{font-size:14px;font-weight:700}
.bux-bill__row dd{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}
.bux-bar--bill{height:12px}
.bux-bar__fill--you{background:var(--bux-ink)}
.bux-bill__num{font:800 22px/1 var(--bux-disp);color:var(--bux-y);text-align:right;min-width:130px}
.bux-bill__out{display:block;min-height:3.2em;font-size:15px;line-height:1.55;color:var(--bux-ink)}

/* ---------- trust / stats ---------- */
.bux-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--bux-line);border:1px solid var(--bux-line);border-radius:var(--bux-r);overflow:hidden}
.bux-stat{display:grid;gap:6px;align-content:start;padding:18px 16px;background:var(--bux-bg)}
.bux-stat__num{font:800 clamp(38px,5vw,54px)/.9 var(--bux-disp);color:var(--bux-y)}
.bux-stat__cap{font-size:14px;line-height:1.4;color:var(--bux-mute)}

/* ---------- cards ---------- */
.bux-card{position:relative;display:grid;gap:10px;align-content:start;padding:clamp(18px,2.4vw,26px);border:1px solid var(--bux-line2);border-radius:var(--bux-r);background:var(--bux-card)}
.bux-card::before{content:"";position:absolute;left:-1px;top:-1px;width:44px;height:4px;background:var(--bux-y)}
.bux-card__title{font:800 clamp(24px,2.4vw,28px)/1.02 var(--bux-disp)}
.bux-card p{color:var(--bux-mute)}
.bux-card__rank{display:flex;align-items:center;gap:10px}
.bux-icon{width:36px;height:36px;color:var(--bux-y)}

/* ---------- sport ---------- */
.bux-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bux-s2)}
.bux-tile{display:grid;align-content:start;border:1px solid var(--bux-line2);border-radius:var(--bux-r);background:var(--bux-card);overflow:hidden}
.bux-tile img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}
.bux-tile__cap{display:grid;gap:4px;padding:12px 14px 14px}
.bux-tile__name{font:800 23px/1 var(--bux-disp)}
.bux-tile__note{font-size:14px;line-height:1.4;color:var(--bux-mute)}
.bux-tile--type{align-content:space-between;min-height:100%;background:var(--bux-card2)}
.bux-tile--type .bux-tile__word{display:grid;place-items:center;aspect-ratio:4/3;font:800 clamp(36px,5vw,52px)/.9 var(--bux-disp);color:var(--bux-y);text-transform:uppercase;letter-spacing:.02em;background:repeating-linear-gradient(135deg,rgba(250,204,21,.06) 0 10px,transparent 10px 20px)}

/* ---------- marquee (poster / logo / cover rows) ---------- */
.bux-marquee{--bux-dur:40s;position:relative;overflow:hidden;margin-top:var(--bux-s4);padding-block:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.bux-marquee__track{display:flex;gap:var(--bux-s3);width:max-content}
.bux-marquee.is-looped .bux-marquee__track{animation:bux-slide var(--bux-dur) linear infinite}
.bux-marquee:hover .bux-marquee__track,.bux-marquee:focus-within .bux-marquee__track{animation-play-state:paused}
.bux-marquee__item{flex:none}
.bux-marquee--posters .bux-marquee__item{width:clamp(128px,14vw,168px)}
.bux-marquee--posters img{width:100%;aspect-ratio:2/3;height:auto;object-fit:cover;border-radius:3px;border:1px solid var(--bux-line2)}
.bux-marquee--covers .bux-marquee__item{width:clamp(120px,13vw,156px)}
.bux-marquee--covers img{width:100%;aspect-ratio:2/3;height:auto;object-fit:cover;border-radius:3px}
.bux-marquee--logos .bux-marquee__item{display:grid;place-items:center;width:168px;height:76px;padding:12px 18px;border-radius:var(--bux-r);background:var(--bux-ink)}
.bux-marquee--logos img{max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain}
.bux-marquee--leagues .bux-marquee__item{display:grid;place-items:center;width:112px;height:96px;padding:10px;border-radius:var(--bux-r);background:var(--bux-ink)}
.bux-marquee--leagues img{max-width:100%;max-height:76px;width:auto;height:auto;object-fit:contain}
.bux-marquee__label{margin-top:var(--bux-s5);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bux-y)}

/* ---------- world ---------- */
.bux-regions{display:grid;gap:var(--bux-s2)}
.bux-region{display:grid;gap:10px;padding:18px;border:1px solid var(--bux-line2);border-left:4px solid var(--bux-y);border-radius:var(--bux-r);background:var(--bux-card)}
.bux-region__name{font:800 26px/1 var(--bux-disp)}
.bux-region p{color:var(--bux-mute);font-size:15px}
.bux-figure{border:1px solid var(--bux-line2);border-radius:var(--bux-r);overflow:hidden;background:var(--bux-card)}
.bux-figure img{width:100%;height:auto}
.bux-figure figcaption{padding:10px 14px;font-size:14px;color:var(--bux-mute)}

/* ---------- pricing ---------- */
.bux-plans{display:grid;gap:var(--bux-s3);align-items:stretch}
.bux-plan{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 20px 20px;border:1px solid var(--bux-line2);border-radius:var(--bux-r);background:var(--bux-card)}
.bux-plan .bux-badge{position:absolute;top:-1px;right:16px;border-radius:0 0 2px 2px}
.bux-plan__head{display:flex;align-items:center;gap:10px}
.bux-plan__term{font:800 30px/1 var(--bux-disp)}
.bux-plan__price{font:800 clamp(48px,5vw,58px)/.9 var(--bux-disp);color:var(--bux-ink);letter-spacing:-.01em}
.bux-plan__pm{font-size:15px;font-weight:700;color:var(--bux-y)}
.bux-plan__list{display:grid;gap:7px;margin:6px 0 10px;font-size:15px;color:var(--bux-mute)}
.bux-plan__list li{position:relative;padding-left:18px}
.bux-plan__list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:3px;background:var(--bux-yd)}
.bux-plan .bux-btn{margin-top:auto}
.bux-plan--pick{border:2px solid var(--bux-y);background:var(--bux-card2)}
.bux-plans__note{margin-top:var(--bux-s4);font-size:16px;color:var(--bux-mute)}

/* ---------- trial teaser ---------- */
.bux-teaser{display:grid;gap:var(--bux-s4);padding:clamp(22px,4vw,44px);border:2px solid var(--bux-y);border-radius:var(--bux-r);background:var(--bux-card)}
.bux-teaser__facts{display:grid;gap:8px}
.bux-teaser__facts li{padding:10px 14px;border-left:3px solid var(--bux-yd);background:var(--bux-card2);font-size:15px}

/* ---------- devices ---------- */
.bux-devices{display:grid;gap:var(--bux-s4);align-items:center}
.bux-devices__sheet{border-radius:var(--bux-r);background:var(--bux-ink);padding:10px;overflow:hidden}
.bux-devices__sheet img{width:100%;height:auto}

/* ---------- how it works ---------- */
.bux-steps{display:grid;gap:var(--bux-s3);counter-reset:bux-step}
.bux-step{position:relative;display:grid;gap:8px;padding:20px 20px 20px 78px;border:1px solid var(--bux-line2);border-radius:var(--bux-r);background:var(--bux-card);counter-increment:bux-step}
.bux-step::before{content:counter(bux-step);position:absolute;left:18px;top:16px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--bux-y);color:var(--bux-bg);font:800 26px/1 var(--bux-disp)}
.bux-step h3{font-size:clamp(24px,2.4vw,28px)}
.bux-step p{color:var(--bux-mute)}
.bux-steps--list .bux-step{padding:14px 16px 14px 64px}
.bux-steps--list .bux-step::before{left:14px;top:12px;width:36px;height:36px;font-size:21px}

/* ---------- reviews ---------- */
.bux-reviews{display:grid;gap:var(--bux-s3)}
.bux-review{display:grid;gap:14px;align-content:start;padding:22px;border:1px solid var(--bux-line2);border-radius:var(--bux-r);background:var(--bux-card)}
.bux-review__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bux-review__score{padding:3px 9px;border-radius:2px;background:var(--bux-y);color:var(--bux-bg);font-size:13px;font-weight:700}
.bux-review blockquote{font-size:16px;line-height:1.6;color:var(--bux-ink)}
.bux-review figcaption{font-size:14px;color:var(--bux-mute)}
.bux-review figcaption strong{color:var(--bux-ink)}

/* ---------- FAQ ---------- */
.bux-faq{display:grid;gap:8px;max-width:900px}
.bux-faq__item{border:1px solid var(--bux-line2);border-radius:var(--bux-r);background:var(--bux-card)}
.bux-faq__item[open]{border-color:var(--bux-yd)}
.bux-faq__q{position:relative;display:block;min-height:52px;padding:15px 52px 15px 18px;font-weight:700;font-size:16px;line-height:1.4;cursor:pointer;list-style:none}
.bux-faq__q::-webkit-details-marker{display:none}
.bux-faq__q::before,.bux-faq__q::after{content:"";position:absolute;right:20px;top:25px;width:14px;height:2px;background:var(--bux-y);transition:transform .25s var(--bux-ease)}
.bux-faq__q::after{transform:rotate(90deg)}
.bux-faq__item[open] .bux-faq__q::after{transform:rotate(0)}
.bux-faq__a{padding:0 18px 18px;color:var(--bux-mute)}
.bux-faq__a p + p{margin-top:10px}

/* ---------- final CTA ---------- */
.bux-final{display:grid;gap:18px;justify-items:start;padding:clamp(26px,5vw,60px);border-radius:var(--bux-r);background:var(--bux-y);color:var(--bux-bg)}
.bux-final h2{color:var(--bux-bg);font-size:clamp(34px,5.4vw,60px)}
.bux-final p{max-width:60ch;color:var(--bux-bg)}
.bux-final a:not(.bux-btn){color:var(--bux-bg);font-weight:700}
.bux-final .bux-btn--ghost{border-color:var(--bux-bg);color:var(--bux-bg)}

/* ---------- SEO block ---------- */
.bux-prose{max-width:72ch;color:var(--bux-mute)}
.bux-prose > * + *{margin-top:14px}
.bux-prose h3{margin-top:28px;color:var(--bux-ink);font-size:clamp(24px,2.4vw,28px)}
.bux-prose strong{color:var(--bux-ink)}
.bux-prose ul{display:grid;gap:6px}
.bux-prose ul li{position:relative;padding-left:18px}
.bux-prose ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:3px;background:var(--bux-yd)}
.bux-prose--cols{max-width:none}

/* ---------- inner pages ---------- */
.bux-pagehead{position:relative;overflow:hidden;padding:clamp(36px,6vw,80px) 0 clamp(32px,5vw,56px);border-bottom:1px solid var(--bux-line)}
.bux-pagehead::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 63px,rgba(245,245,244,.035) 63px 64px)}
.bux-pagehead .bux-wrap{position:relative;display:grid;gap:16px}
.bux-h1{font-size:clamp(44px,8vw,80px);line-height:.9}
.bux-terms{display:grid;gap:8px}
.bux-terms li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline;padding:12px 16px;border:1px solid var(--bux-line2);border-radius:var(--bux-r);background:var(--bux-card)}
.bux-terms b,.bux-terms strong{font:800 22px/1 var(--bux-disp);color:var(--bux-y)}
.bux-planstrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bux-s2)}
.bux-planstrip__link{display:grid;gap:4px;padding:16px;border:1px solid var(--bux-line2);border-radius:var(--bux-r);background:var(--bux-card);color:var(--bux-ink);text-decoration:none}
.bux-planstrip__link b{font:800 26px/1 var(--bux-disp);color:var(--bux-y)}
.bux-planstrip__link span{font-size:14px;color:var(--bux-mute)}
.bux-toc{display:flex;flex-wrap:wrap;gap:8px}
.bux-toc a{display:inline-flex;align-items:center;min-height:38px;padding:6px 14px;border:1px solid var(--bux-line2);border-radius:2px;background:var(--bux-card);color:var(--bux-ink);font-size:15px;font-weight:700;text-decoration:none}
.bux-device{display:grid;gap:16px;padding-block:clamp(36px,5vw,56px);border-top:1px solid var(--bux-line)}
.bux-device__meta{display:flex;flex-wrap:wrap;gap:8px}
.bux-note{padding:14px 18px;border-left:4px solid var(--bux-y);background:var(--bux-card);color:var(--bux-mute);font-size:15px}
.bux-note strong{color:var(--bux-ink)}
.bux-contact{display:grid;gap:16px;padding:clamp(22px,4vw,40px);border:1px solid var(--bux-line2);border-top:4px solid var(--bux-y);border-radius:var(--bux-r);background:var(--bux-card)}
.bux-mail{font:800 clamp(26px,4.6vw,40px)/1.05 var(--bux-disp);color:var(--bux-y);word-break:break-word}
.bux-legal{max-width:76ch}
.bux-legal h2{margin:36px 0 12px;font-size:clamp(30px,4vw,42px)}
.bux-legal p,.bux-legal li{color:var(--bux-mute)}
.bux-legal p + p{margin-top:12px}
.bux-legal ul{display:grid;gap:6px;margin-top:10px}
.bux-updated{display:inline-block;padding:6px 12px;border:1px solid var(--bux-line2);border-radius:2px;font-size:14px;color:var(--bux-ink)}

/* ---------- footer ---------- */
.bux-foot{margin-top:0;padding-top:clamp(40px,6vw,64px);border-top:1px solid var(--bux-line2);background:var(--bux-alt)}
.bux-foot__grid{display:grid;gap:28px}
.bux-foot__brand{display:grid;gap:12px;justify-items:start}
.bux-foot__line{max-width:44ch;font-size:15px;color:var(--bux-mute)}
.bux-foot__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
.bux-foot__list a{display:inline-flex;align-items:center;min-height:36px;color:var(--bux-ink);text-decoration:none;font-weight:700}
.bux-foot__list a:hover{color:var(--bux-y)}
.bux-foot__help{display:grid;gap:14px;justify-items:start}
.bux-foot__mail{font-size:15px;color:var(--bux-mute)}
.bux-foot__mail a{display:inline-block;padding-block:4px;font-weight:700;word-break:break-all}
.bux-motion{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid var(--bux-line2);border-radius:2px;background:var(--bux-card);color:var(--bux-ink);font-size:15px;font-weight:700;cursor:pointer}
.bux-motion::before{content:"";width:10px;height:12px;border-left:3px solid var(--bux-y);border-right:3px solid var(--bux-y)}
.bux-motion[aria-pressed="true"]::before{border-right:0;border-left:3px solid var(--bux-y);width:10px;height:10px;border-radius:50%;background:var(--bux-y)}
.bux-foot__base{margin-top:32px;padding-block:18px 26px;border-top:1px solid var(--bux-line);font-size:14px;color:var(--bux-mute)}

/* ---------- motion ---------- */
@keyframes bux-race{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bux-pop{0%{transform:scale(.3);opacity:0}65%{transform:scale(1.18);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes bux-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- responsive ---------- */
@media (max-width:399px){
  .bux-nav__list a{font-size:14px;padding-inline:2px}
  .bux-brand__word{font-size:25px}
  .bux-top__cta{padding-inline:12px}
}
@media (min-width:600px){
  :root{--bux-gut:24px;--bux-row:56px}
  .bux-grid--2,.bux-grid--3,.bux-grid--4,.bux-reviews,.bux-regions,.bux-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bux-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bux-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bux-planstrip{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bux-foot__list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bux-nav__list{justify-content:flex-start;gap:2px 22px}
}
@media (min-width:900px){
  .bux-top{position:sticky;top:0}
  .bux-top__bar{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav cta";padding-block:12px}
  .bux-nav{border-top:0;padding-top:0}
  .bux-nav__list{justify-content:center;gap:4px 26px}
  .bux-head--rail{grid-template-columns:96px 1fr;column-gap:20px;max-width:none}
  .bux-head--rail .bux-pos{grid-row:1/span 3;font-size:64px;padding-top:6px}
  .bux-split{grid-template-columns:1fr 1fr}
  .bux-split--wide{grid-template-columns:1.2fr .8fr}
  .bux-devices{grid-template-columns:1.1fr .9fr}
  .bux-teaser{grid-template-columns:1.2fr .8fr;align-items:center}
  .bux-foot__grid{grid-template-columns:1.3fr 1fr 1fr}
  .bux-foot__list{grid-template-columns:1fr}
}
@media (min-width:1024px){
  :root{--bux-gut:32px}
  body{font-size:17px}
  .bux-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"copy board" "bill board";column-gap:56px;align-items:start}
  .bux-board--hero{align-self:start}
  .bux-grid--3,.bux-reviews{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bux-grid--4,.bux-plans{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bux-regions{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bux-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
  .bux-stats--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bux-stats--6{grid-template-columns:repeat(6,minmax(0,1fr))}
  .bux-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bux-steps--list{grid-template-columns:1fr}
  .bux-prose--cols{column-count:2;column-gap:56px}
  .bux-prose--cols > *{break-inside:avoid}
}
@media (min-width:1440px){
  :root{--bux-max:1280px}
  .bux-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* ---------- pointer-only effects ---------- */
@media (hover:hover) and (pointer:fine){
  .bux-btn:hover{transform:translateY(-2px)}
  .bux-card:hover,.bux-plan:hover,.bux-review:hover,.bux-tile:hover{border-color:var(--bux-yd)}
  .bux-lens:hover{border-color:var(--bux-y)}
  .bux-planstrip__link:hover,.bux-toc a:hover{border-color:var(--bux-y);color:var(--bux-y2)}
  .bux-row:hover .bux-row__label{color:var(--bux-y2)}
  .bux-hint{display:inline}
}
.bux-hint{display:none}

/* ---------- 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}
  .bux-js .bux-board .bux-bar__run{transform:none!important}
  .bux-row__pos{opacity:1!important}
  .bux-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .bux-marquee__track{transform:none!important}
}
html.motion-off{scroll-behavior:auto}
.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}
.motion-off .bux-board .bux-bar__run{transform:none!important}
.motion-off .bux-row__pos{opacity:1!important}
.motion-off .bux-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
.motion-off .bux-marquee__track{transform:none!important}

/* === home additions === */
.bux-mt{margin-top:var(--bux-s4)}
.bux-mt--lg{margin-top:var(--bux-s5)}
.bux-mt--sm{margin-top:var(--bux-s2)}
.bux-mt0{margin-top:0}
.bux-faq--center{margin-inline:auto}
.bux-review__top .bux-badge--line{white-space:normal}
.bux-tile__note{display:block}
.bux-card__rank .bux-tile__note{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bux-y)}
.bux-region .bux-chips li{font-size:13px;padding:5px 10px}
.bux-region{align-content:start}
.bux-region .bux-chips{align-items:flex-start;align-content:flex-start}
.bux-tile--type .bux-tile__word{font-size:clamp(30px,3vw,40px)}
@media (max-width:1023px){.bux-stats .bux-stat:last-child:nth-child(5){grid-column:span 2}}
/* === end home additions === */