/* Premium IPTV UK - "house lights down" design system. Prefix pix-. */
:root{
  --pix-bg:#0c0a0f;--pix-fg:#f7f3ff;--pix-accent:#e94560;--pix-accent-dark:#c62b4f;--pix-accent2:#ff8fa3;
  --pix-muted:#bdb4cc;--pix-surface:#151119;--pix-surface2:#1d1724;--pix-raised:#120e16;--pix-seat:#261e2e;
  --pix-line:rgba(247,243,255,.12);--pix-line2:rgba(255,143,163,.38);
  --pix-screen:#f7f3ff;--pix-screen2:#ffe8ee;--pix-ink:#0c0a0f;--pix-ink-muted:#3d3546;
  --pix-display:"Bodoni Moda","Bodoni 72",Didot,Georgia,serif;
  --pix-body:"Sofia Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pix-gut:16px;--pix-max:1180px;--pix-r:4px;--pix-space:clamp(64px,9vw,120px);--pix-head-h:0px
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#0c0a0f}
body{margin:0;background:#0c0a0f;color:var(--pix-fg);font:400 1.0625rem/1.65 var(--pix-body);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
img{height:auto}
a{color:var(--pix-accent2);text-underline-offset:3px}
p{margin:0 0 1em}
h1,h2,h3,h4{font-family:var(--pix-display);color:var(--pix-fg);margin:0}
h2{font-weight:600;font-size:clamp(1.85rem,3.8vw,3.1rem);line-height:1.1;letter-spacing:-.005em;text-wrap:balance}
h3{font-weight:600;font-size:1.3rem;line-height:1.25}
h2 em,h3 em{font-style:italic;font-weight:500;color:var(--pix-accent2)}
strong{font-weight:700}
:focus-visible{outline:2px solid var(--pix-accent2);outline-offset:3px}
main,section[id],[id].pix-device{scroll-margin-top:var(--pix-head-h)}
.pix-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pix-wrap{width:100%;max-width:calc(var(--pix-max) + 2*var(--pix-gut));margin-inline:auto;padding-inline:var(--pix-gut)}
.pix-skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 16px;background:var(--pix-accent);color:var(--pix-ink);font-weight:700;text-decoration:none;border-radius:2px}
.pix-skip:focus{left:16px}

/* ---------- buttons, badges, small parts ---------- */
.pix-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:11px 22px;border:1px solid transparent;border-radius:2px;font:700 1rem/1.2 var(--pix-body);letter-spacing:.01em;text-align:center;text-decoration:none;cursor:pointer;transition:transform .2s ease}
.pix-btn--primary{background:var(--pix-accent);color:var(--pix-ink);box-shadow:0 0 0 1px rgba(255,143,163,.35),0 10px 30px rgba(233,69,96,.28)}
.pix-btn--ghost{background:transparent;color:var(--pix-fg);border-color:rgba(255,143,163,.55)}
.pix-btn--soft{background:var(--pix-accent2);color:var(--pix-ink)}
.pix-btn--sm{min-height:40px;padding:8px 14px;font-size:.9375rem}
.pix-btn--lg{min-height:56px;padding:12px 28px;font-size:1.0625rem}
.pix-btn--block{display:flex;width:100%}
.pix-btn__sub{font-weight:600;font-size:.8125rem;letter-spacing:.02em}
.pix-badge{display:inline-block;padding:5px 10px;border-radius:2px;background:var(--pix-accent);color:var(--pix-ink);font:700 .8125rem/1.1 var(--pix-body);letter-spacing:.04em}
.pix-badge--soft{background:var(--pix-accent2)}
.pix-badge--outline{background:transparent;color:var(--pix-accent2);border:1px solid var(--pix-line2)}
.pix-illus{position:absolute;top:8px;right:10px;font:700 .75rem/1 var(--pix-body);letter-spacing:.14em;text-transform:uppercase;color:#4a3f55}
.pix-note{font-size:.9375rem;color:var(--pix-muted)}
.pix-center{text-align:center}
.pix-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pix-list li{position:relative;padding-left:22px}
.pix-list li::before{content:"";position:absolute;left:3px;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--pix-accent2);box-shadow:0 0 6px rgba(255,143,163,.6)}
.pix-ol{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:pix-n}
.pix-ol>li{position:relative;padding-left:46px;counter-increment:pix-n}
.pix-ol>li::before{content:counter(pix-n);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--pix-line2);border-radius:50%;font:600 .9375rem/1 var(--pix-display);color:var(--pix-accent2)}
.pix-code{font-family:var(--pix-body);font-variant-numeric:tabular-nums;background:var(--pix-surface2);border:1px solid var(--pix-line);border-radius:3px;padding:1px 7px;color:var(--pix-accent2);overflow-wrap:anywhere}
.pix-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pix-chip{display:inline-block;padding:6px 12px;border:1px solid var(--pix-line2);border-radius:999px;font-size:.9375rem;line-height:1.3;color:var(--pix-fg);background:rgba(255,143,163,.04)}

/* ---------- seat-lamp motif (echo anywhere) ---------- */
.pix-lamps{display:inline-flex;align-items:center;gap:6px;flex:none}
.pix-lamps i{display:block;width:6px;height:6px;border-radius:50%;background:var(--pix-accent2);box-shadow:0 0 6px 1px rgba(255,143,163,.7);opacity:.3}
.pix-lamps i:nth-child(2){transition-delay:.09s}.pix-lamps i:nth-child(3){transition-delay:.18s}.pix-lamps i:nth-child(4){transition-delay:.27s}.pix-lamps i:nth-child(5){transition-delay:.36s}.pix-lamps i:nth-child(6){transition-delay:.45s}.pix-lamps i:nth-child(7){transition-delay:.54s}.pix-lamps i:nth-child(8){transition-delay:.63s}.pix-lamps i:nth-child(9){transition-delay:.72s}
.pix-seats{--pix-seat-w:clamp(13px,2.3vw,28px);--pix-lamp:max(5px,calc(var(--pix-seat-w)*.26));display:grid;justify-items:center;gap:calc(var(--pix-seat-w)*.42);margin:clamp(18px,3vw,30px) auto 0;transform:perspective(520px) rotateX(30deg);transform-origin:50% 0}
.pix-seats__row{display:flex;gap:calc(var(--pix-seat-w)*.36)}
.pix-seats i{position:relative;display:block;width:var(--pix-seat-w);height:calc(var(--pix-seat-w)*.78);border-radius:45% 45% 3px 3px/60% 60% 3px 3px;background:var(--pix-seat);box-shadow:inset 0 1px 0 rgba(247,243,255,.08)}
.pix-seats i::after{content:"";position:absolute;left:50%;top:calc(var(--pix-lamp)*-.45);width:var(--pix-lamp);height:var(--pix-lamp);transform:translateX(-50%);border-radius:50%;background:var(--pix-accent2);box-shadow:0 0 8px 2px rgba(255,143,163,.8);opacity:.24}
.pix-seats i:nth-child(2){--c:1}.pix-seats i:nth-child(3){--c:2}.pix-seats i:nth-child(4){--c:3}.pix-seats i:nth-child(5){--c:4}.pix-seats i:nth-child(6){--c:5}.pix-seats i:nth-child(7){--c:6}.pix-seats i:nth-child(8){--c:7}.pix-seats i:nth-child(9){--c:8}.pix-seats i:nth-child(10){--c:9}.pix-seats i:nth-child(11){--c:10}.pix-seats i:nth-child(12){--c:11}.pix-seats i:nth-child(13){--c:12}.pix-seats i:nth-child(14){--c:13}.pix-seats i:nth-child(15){--c:14}.pix-seats i:nth-child(16){--c:15}
.pix-seats--mini{--pix-seat-w:clamp(11px,1.6vw,16px);margin-top:28px}

/* ---------- header ---------- */
.pix-header{position:relative;z-index:30;background:rgba(12,10,15,.96);border-bottom:1px solid var(--pix-line)}
.pix-header__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;padding-block:10px}
.pix-brand{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--pix-fg);text-decoration:none;order:1}
.pix-brand__mark{flex:none;width:24px;height:24px}
.pix-brand__name{font:700 1.05rem/1 var(--pix-display);white-space:nowrap}
.pix-brand__uk,.pix-footer__mark span{display:inline-block;margin-left:2px;padding:4px 6px 3px;border-radius:2px;background:var(--pix-accent);color:var(--pix-ink);font:700 .75rem/1 var(--pix-body);letter-spacing:.14em;vertical-align:.2em}
.pix-header__actions{display:flex;align-items:center;gap:14px;order:2}
.pix-header__trial{display:none;padding:8px 4px;color:var(--pix-accent2);font-weight:700;text-decoration:none}
.pix-nav{order:3;flex-basis:100%;border-top:1px solid var(--pix-line);padding-top:4px}
.pix-nav__list{display:flex;justify-content:space-between;gap:2px;margin:0;padding:0;list-style:none}
.pix-nav a{display:inline-block;padding:8px 4px;color:var(--pix-fg);font-weight:600;font-size:.9375rem;line-height:1.3;text-decoration:none;white-space:nowrap}

/* ---------- hero: the auditorium ---------- */
.pix-hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(40px,7vw,84px) 0 clamp(36px,5vw,64px);text-align:center}
.pix-hero__house{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(55% 38% at 50% 0,rgba(255,232,238,.17),transparent 72%),radial-gradient(26% 30% at 8% 30%,rgba(255,143,163,.12),transparent 70%),radial-gradient(26% 30% at 92% 30%,rgba(255,143,163,.12),transparent 70%)}
.pix-hero__copy{position:relative;z-index:2;max-width:900px}
.pix-kicker{margin:0 0 16px;font:700 .8125rem/1.4 var(--pix-body);letter-spacing:.2em;text-transform:uppercase;color:var(--pix-accent2)}
.pix-h1{max-width:17ch;margin:0 auto;font-weight:700;font-size:clamp(2.1rem,6.2vw,4.75rem);line-height:1.05;letter-spacing:-.01em;text-wrap:balance}
.pix-h1 em{font-style:italic;font-weight:500;color:var(--pix-accent2)}
.pix-hero__sub{max-width:62ch;margin:20px auto 0;color:var(--pix-muted);font-size:clamp(1.0625rem,1.6vw,1.1875rem)}
.pix-hero__ctas{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:360px;margin:28px auto 0}
.pix-hero__facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;font-size:.9375rem;color:var(--pix-muted)}
.pix-hero__facts li{display:inline-flex;align-items:center;gap:8px}
.pix-hero__facts li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--pix-accent2);box-shadow:0 0 8px rgba(255,143,163,.8)}
.pix-hero__facts strong{color:var(--pix-fg)}
.pix-stage{position:relative;z-index:1;overflow:hidden;margin-top:clamp(36px,5vw,56px);padding:14px 0 6px}
.pix-stage__row{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:10px;max-width:var(--pix-max);margin-inline:auto}
.pix-screen{position:relative;aspect-ratio:4/3;padding:6px;border-radius:3px;background:var(--pix-ink);box-shadow:0 0 0 1px rgba(255,143,163,.28)}
.pix-screen::before{content:"";position:absolute;inset:-22% -14%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(255,143,163,.34),rgba(233,69,96,.12) 58%,transparent)}
.pix-screen__inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:18px 14px;border-radius:2px;background:linear-gradient(180deg,var(--pix-screen),var(--pix-screen2));color:var(--pix-ink);box-shadow:inset 0 0 42px rgba(233,69,96,.16)}
.pix-screen__inner p{margin:0}
.pix-screen__eyebrow{font:700 .75rem/1.3 var(--pix-body);letter-spacing:.2em;text-transform:uppercase;color:#a8203f}
.pix-screen__title{font:700 clamp(1.6rem,4.4vw,3.3rem)/1.05 var(--pix-display);color:var(--pix-ink)}
.pix-screen__line{font-size:clamp(.875rem,1.4vw,1.0625rem);line-height:1.35;font-weight:600;color:var(--pix-ink-muted)}
.pix-screen__veil{position:absolute;inset:6px;border-radius:2px;background:var(--pix-ink);opacity:0;pointer-events:none}
.pix-wing{position:relative}
.pix-wing--l{transform:perspective(700px) rotateY(18deg);transform-origin:100% 50%}
.pix-wing--r{transform:perspective(700px) rotateY(-18deg);transform-origin:0 50%}
.pix-wing__poster{position:absolute;left:var(--x,0);top:var(--y,0);width:var(--w,64px);aspect-ratio:2/3;overflow:hidden;border-radius:3px;background:var(--pix-surface2);box-shadow:0 12px 30px rgba(0,0,0,.6),0 0 0 1px rgba(247,243,255,.08)}
.pix-wing--r .pix-wing__poster{left:auto;right:var(--x,0)}
.pix-wing__poster img{display:block;width:100%;height:100%;object-fit:cover}
.pix-wing__poster:nth-child(1){--x:-34px;--y:2%}
.pix-wing__poster:nth-child(2){--x:-4px;--y:44%;--i:1}
.pix-wing__poster:nth-child(3){--i:2;display:none}

/* ---------- sections ---------- */
.pix-section{position:relative;padding-block:var(--pix-space)}
.pix-section--tight{padding-block:clamp(44px,6vw,76px)}
.pix-section--raised{background:var(--pix-raised);border-block:1px solid rgba(247,243,255,.06)}
.pix-section--glow{background-image:radial-gradient(70% 46% at 50% 0,rgba(233,69,96,.13),transparent 72%)}
.pix-head{max-width:780px;margin:0 auto clamp(32px,5vw,56px);text-align:center}
.pix-head--left{margin-inline:0;text-align:left}
.pix-eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 14px;font:700 .8125rem/1.3 var(--pix-body);letter-spacing:.18em;text-transform:uppercase;color:var(--pix-accent2)}
.pix-lede{margin:16px 0 0;color:var(--pix-muted);font-size:1.125rem}
.pix-grid{display:grid;gap:18px}
.pix-split{display:grid;gap:32px;align-items:center}
.pix-card{position:relative;padding:26px 24px;background:var(--pix-surface);border:1px solid var(--pix-line);border-radius:var(--pix-r)}
.pix-card::before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--pix-accent2),transparent);opacity:.7}
.pix-card h3{margin:0 0 10px}
.pix-card p{color:var(--pix-muted)}
.pix-card p:last-child{margin-bottom:0}
.pix-card__kicker{margin:0 0 8px;font:700 .75rem/1.3 var(--pix-body);letter-spacing:.16em;text-transform:uppercase;color:var(--pix-accent2)}
.pix-letterbox{position:relative;overflow:hidden;border-radius:var(--pix-r);background:var(--pix-ink);padding-block:4%;box-shadow:0 0 0 1px var(--pix-line)}
.pix-letterbox img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}

/* trust: closing credits */
.pix-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;text-align:center}
.pix-stat{display:flex;flex-direction:column;gap:6px;min-width:0}
.pix-stat__num{font:600 clamp(2rem,4.2vw,3.1rem)/1 var(--pix-display);color:var(--pix-fg)}
.pix-stat__label{font-size:.9375rem;line-height:1.35;color:var(--pix-muted)}

/* marquee rows: [data-speed] */
.pix-marquee{position:relative;overflow:hidden;padding-block:10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.pix-marquee+.pix-marquee{margin-top:14px}
.pix-marquee__track{display:flex;width:max-content;margin:0;padding:0;list-style:none}
.pix-marquee__item{flex:0 0 auto;margin-right:16px}
.pix-poster-card{width:clamp(120px,15vw,176px)}
.pix-poster-card img,.pix-cover img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 0 1px rgba(247,243,255,.08)}
.pix-cover{width:clamp(110px,12vw,150px)}
.pix-logo{display:flex;align-items:center;justify-content:center;height:64px;padding:12px 20px;background:var(--pix-screen);border-radius:3px}
.pix-logo img{display:block;width:auto;height:34px;max-width:150px;object-fit:contain}
.pix-marquee__caption{margin:14px 0 0;text-align:center;font-size:.9375rem;color:var(--pix-muted)}

/* pricing: four screens */
.pix-plans{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.pix-plan{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--pix-surface);border:1px solid var(--pix-line);border-radius:var(--pix-r)}
.pix-plan__screen{position:relative;display:grid;place-content:center;gap:4px;aspect-ratio:2.2/1;margin:8px 8px 0;border-radius:2px;background:var(--pix-surface2);text-align:center;box-shadow:inset 0 0 0 1px var(--pix-line)}
.pix-plan__name{margin:0;font:600 1.6rem/1.1 var(--pix-display);color:var(--pix-fg)}
.pix-plan__term{margin:0;font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pix-muted)}
.pix-plan__badge{position:absolute;top:10px;right:10px}
.pix-plan__body{display:flex;flex-direction:column;gap:12px;flex:1;padding:22px 22px 24px}
.pix-plan__price{margin:0;font:600 2.5rem/1 var(--pix-display);color:var(--pix-fg)}
.pix-plan__pm{margin:0;color:var(--pix-muted);font-size:.9375rem}
.pix-plan__pm strong{color:var(--pix-accent2)}
.pix-plan .pix-list{margin:6px 0 10px;font-size:.9375rem}
.pix-plan .pix-btn{margin-top:auto}
.pix-plan--lead{border-color:var(--pix-line2);box-shadow:0 0 0 1px rgba(255,143,163,.25),0 24px 70px rgba(233,69,96,.22)}
.pix-plan--lead .pix-plan__screen{background:linear-gradient(180deg,var(--pix-screen),var(--pix-screen2));box-shadow:0 0 34px rgba(255,143,163,.35)}
.pix-plan--lead .pix-plan__name{color:var(--pix-ink)}
.pix-plan--lead .pix-plan__term{color:var(--pix-ink-muted)}
.pix-plans__note{margin:26px 0 0;text-align:center;color:var(--pix-muted)}

/* sport tiles */
.pix-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pix-tile{display:flex;flex-direction:column;overflow:hidden;background:var(--pix-surface);border:1px solid var(--pix-line);border-radius:var(--pix-r)}
.pix-tile img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.pix-tile__cap{padding:12px 14px 14px}
.pix-tile__cap h3{font-size:1.1rem;margin:0 0 4px}
.pix-tile__cap p{margin:0;font-size:.875rem;line-height:1.4;color:var(--pix-muted)}
.pix-tile--type .pix-tile__art{display:grid;place-items:center;aspect-ratio:16/10;background-color:var(--pix-surface2);background-image:radial-gradient(circle,rgba(255,143,163,.22) 1.5px,transparent 2px);background-size:14px 14px;font:600 italic clamp(1.4rem,3vw,2rem)/1 var(--pix-display);color:var(--pix-accent2)}

/* worldwide rows */
.pix-regions{list-style:none;margin:0;padding:0;border-top:1px solid var(--pix-line)}
.pix-region{display:grid;gap:6px;padding:18px 0;border-bottom:1px solid var(--pix-line)}
.pix-region__name{margin:0;font:600 1.4rem/1.2 var(--pix-display)}
.pix-region__list{margin:0;color:var(--pix-muted)}
.pix-figure{margin:0}
.pix-figure img{display:block;width:100%;height:auto;border-radius:var(--pix-r)}
.pix-figure figcaption{margin-top:10px;font-size:.875rem;color:var(--pix-muted)}

/* free-trial teaser: the trailer screen */
.pix-trial{display:grid;gap:32px;align-items:center}
.pix-trial__screen{display:grid;place-content:center;gap:6px;aspect-ratio:16/9;padding:18px;text-align:center;background:linear-gradient(180deg,var(--pix-screen),var(--pix-screen2));color:var(--pix-ink);border:6px solid var(--pix-ink);border-radius:3px;box-shadow:0 0 0 1px rgba(255,143,163,.35),0 0 90px rgba(233,69,96,.25)}
.pix-trial__screen p{margin:0}
.pix-trial__big{font:700 clamp(2.4rem,7vw,4.6rem)/1 var(--pix-display);color:var(--pix-ink)}
.pix-trial__small{font-size:.9375rem;font-weight:600;color:var(--pix-ink-muted)}
.pix-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

/* devices */
.pix-devices{display:grid;gap:32px;align-items:center}
.pix-apps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pix-app{display:grid;gap:2px;padding:14px 16px;background:var(--pix-surface);border:1px solid var(--pix-line);border-left:3px solid var(--pix-accent);border-radius:var(--pix-r)}
.pix-app strong{font-family:var(--pix-display);font-size:1.125rem;font-weight:600}
.pix-app span{font-size:.9375rem;color:var(--pix-muted)}

/* how it works: rows A, B, C */
.pix-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:pix-row}
.pix-step{position:relative;padding:24px;background:var(--pix-surface);border:1px solid var(--pix-line);border-radius:var(--pix-r);counter-increment:pix-row}
.pix-step::before{content:"Row " counter(pix-row,upper-alpha);display:inline-block;margin-bottom:14px;padding:4px 10px;border:1px solid var(--pix-line2);border-radius:2px;font:700 .75rem/1.2 var(--pix-body);letter-spacing:.16em;text-transform:uppercase;color:var(--pix-accent2)}
.pix-step h3{margin:0 0 8px}
.pix-step p{margin:0;color:var(--pix-muted)}

/* reviews */
.pix-reviews{display:grid;gap:18px}
.pix-review{display:flex;flex-direction:column;margin:0;padding:28px 24px;background:var(--pix-surface);border:1px solid var(--pix-line);border-radius:var(--pix-r)}
.pix-review__rating{margin:0 0 12px;font:700 .8125rem/1.2 var(--pix-body);letter-spacing:.12em;text-transform:uppercase;color:var(--pix-accent2)}
.pix-review blockquote{margin:0 0 18px;font:500 italic 1.2rem/1.5 var(--pix-display);color:var(--pix-fg)}
.pix-review blockquote p{margin:0}
.pix-review figcaption{margin-top:auto;font-weight:700;color:var(--pix-fg)}
.pix-review figcaption span{display:block;font-weight:400;font-size:.9375rem;color:var(--pix-muted)}

/* FAQ: a lamp lights when a question opens */
.pix-faq{display:grid;gap:10px;max-width:880px;margin-inline:auto}
.pix-qa{background:var(--pix-surface);border:1px solid var(--pix-line);border-radius:var(--pix-r)}
.pix-qa summary{display:flex;align-items:center;gap:14px;min-height:52px;padding:16px 20px;cursor:pointer;list-style:none;font:600 1.1rem/1.35 var(--pix-display);color:var(--pix-fg)}
.pix-qa summary::-webkit-details-marker{display:none}
.pix-qa summary::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--pix-accent2);box-shadow:0 0 8px rgba(255,143,163,.8);opacity:.3;transition:opacity .3s}
.pix-qa[open] summary::before{opacity:1}
.pix-qa summary::after{content:"";flex:none;margin-left:auto;width:9px;height:9px;border-right:2px solid var(--pix-accent2);border-bottom:2px solid var(--pix-accent2);transform:translateY(-3px) rotate(45deg);transition:transform .25s}
.pix-qa[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.pix-qa__a{padding:0 20px 18px 42px;color:var(--pix-muted)}
.pix-qa__a p:last-child{margin-bottom:0}

/* final CTA: the lit screen */
.pix-final__screen{position:relative;max-width:980px;margin-inline:auto;padding:clamp(32px,6vw,72px) clamp(20px,5vw,64px);text-align:center;background:var(--pix-screen);color:var(--pix-ink);border:8px solid var(--pix-ink);border-radius:3px;box-shadow:0 0 0 1px rgba(255,143,163,.35),0 30px 120px rgba(233,69,96,.3)}
.pix-final__screen h2{color:var(--pix-ink)}
.pix-final__screen h2 em{color:var(--pix-accent-dark)}
.pix-final__screen p{color:var(--pix-ink-muted)}
.pix-final__screen .pix-eyebrow{color:#a8203f}
.pix-final__screen .pix-btn--ghost{color:var(--pix-ink);border-color:rgba(12,10,15,.55)}
.pix-final__screen .pix-actions{justify-content:center}
.pix-final__screen a:not(.pix-btn){color:#a8203f}

/* SEO prose */
.pix-prose{color:var(--pix-muted)}
.pix-prose h2{margin:0 0 20px;color:var(--pix-fg)}
.pix-prose h3{margin:28px 0 10px;color:var(--pix-fg)}
.pix-prose ul{padding-left:20px}
.pix-seo .pix-prose{max-width:var(--pix-max)}
.pix-seo .pix-prose>p:first-of-type::first-letter{float:left;margin:6px 10px 0 0;font:700 3.4rem/.8 var(--pix-display);color:var(--pix-accent2)}

/* ---------- inner pages ---------- */
.pix-page-hero{position:relative;overflow:hidden;padding:clamp(44px,8vw,92px) 0 clamp(36px,5vw,60px);text-align:center;border-bottom:1px solid var(--pix-line)}
.pix-page-hero__screen{display:block;width:min(560px,78%);height:8px;margin:0 auto 30px;border-radius:2px;background:linear-gradient(90deg,rgba(255,232,238,.15),var(--pix-screen) 18%,var(--pix-screen) 82%,rgba(255,232,238,.15));box-shadow:0 0 28px 6px rgba(255,143,163,.3),0 18px 60px rgba(233,69,96,.25)}
.pix-page-hero h1{max-width:20ch;margin:0 auto;font-weight:700;font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;text-wrap:balance}
.pix-page-hero h1 em{font-style:italic;font-weight:500;color:var(--pix-accent2)}
.pix-page-hero .pix-lede{max-width:62ch;margin-inline:auto}
.pix-page-hero .pix-actions{justify-content:center}
.pix-page-hero .pix-lamps{margin-top:26px}
.pix-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pix-term{padding:20px 16px;text-align:center;background:var(--pix-surface);border:1px solid var(--pix-line);border-radius:var(--pix-r)}
.pix-term__big{display:block;margin-bottom:6px;font:600 clamp(1.5rem,3.4vw,2.2rem)/1.1 var(--pix-display);color:var(--pix-fg)}
.pix-term p{margin:0;font-size:.9375rem;color:var(--pix-muted)}
.pix-ready{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.pix-ready__plan{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 10px;text-align:center;text-decoration:none;color:var(--pix-fg);background:var(--pix-surface);border:1px solid var(--pix-line2);border-radius:var(--pix-r)}
.pix-ready__plan strong{font:600 1.5rem/1.1 var(--pix-display)}
.pix-ready__plan span{font-size:.875rem;color:var(--pix-muted)}
.pix-install{display:grid;gap:36px}
.pix-toc{padding:18px;background:var(--pix-surface);border:1px solid var(--pix-line);border-radius:var(--pix-r)}
.pix-toc p{margin:0 0 8px;font:700 .8125rem/1.3 var(--pix-body);letter-spacing:.16em;text-transform:uppercase;color:var(--pix-accent2)}
.pix-toc ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pix-toc a{display:block;padding:7px 10px;border-radius:2px;color:var(--pix-fg);text-decoration:none}
.pix-device{padding-block:32px;border-top:1px solid var(--pix-line)}
.pix-device:first-child{border-top:0;padding-top:0}
.pix-device h2{margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.3rem)}
.pix-device__app{margin:0 0 18px}
.pix-device .pix-ol{margin:18px 0}
.pix-device__tip{padding:14px 16px;border-left:3px solid var(--pix-accent);background:var(--pix-surface);border-radius:0 var(--pix-r) var(--pix-r) 0;color:var(--pix-muted)}
.pix-mail{max-width:720px;margin-inline:auto;padding:clamp(22px,5vw,40px);text-align:center;background:var(--pix-surface);border:1px solid var(--pix-line2);border-radius:var(--pix-r)}
.pix-mail__link{display:inline-block;margin:8px 0 12px;font:600 clamp(1.15rem,4vw,2rem)/1.25 var(--pix-display);color:var(--pix-accent2);overflow-wrap:anywhere}
.pix-legal{max-width:76ch;margin-inline:auto}
.pix-legal h2{margin:40px 0 14px;font-size:clamp(1.5rem,3vw,2.1rem)}
.pix-updated{display:inline-block;margin:0 0 18px;padding:6px 14px;border:1px solid var(--pix-line2);border-radius:999px;font-size:.9375rem;color:var(--pix-accent2)}

/* ---------- footer ---------- */
.pix-footer{background:var(--pix-raised);border-top:1px solid var(--pix-line)}
.pix-footer__grid{display:grid;gap:28px;padding-block:48px 28px}
.pix-footer p{margin:0 0 8px}
.pix-footer__mark{font:700 1.3rem/1 var(--pix-display)}
.pix-footer__tag,.pix-footer__help p{color:var(--pix-muted);font-size:.9375rem}
.pix-footer__label{font:700 .8125rem/1.3 var(--pix-body)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--pix-accent2)!important}
.pix-footer__links{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pix-footer__links a{display:inline-block;padding:4px 0;min-height:30px;color:var(--pix-fg);text-decoration:none}
.pix-footer__mail{display:inline-block;padding:3px 0;font-weight:700;overflow-wrap:anywhere}
.pix-footer__base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:18px 28px;border-top:1px solid var(--pix-line);font-size:.875rem;color:var(--pix-muted)}
.pix-footer__base p{margin:0}
.pix-motion{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:8px 14px;border:1px solid var(--pix-line2);border-radius:2px;background:transparent;color:var(--pix-fg);font:600 .875rem/1 var(--pix-body);cursor:pointer}
.pix-motion::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pix-accent2);box-shadow:0 0 6px rgba(255,143,163,.8)}
.motion-off .pix-motion::before{opacity:.3;box-shadow:none}

/* ---------- static fallbacks: no JS, reduced motion, motion off ---------- */
html:not(.pix-js) .pix-marquee,.motion-off .pix-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
html:not(.pix-js) .pix-marquee [aria-hidden="true"],.motion-off .pix-marquee [aria-hidden="true"]{display:none}

/* ---------- breakpoints ---------- */
@media (min-width:480px){
  .pix-hero__ctas{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:none}
}
@media (min-width:768px){
  :root{--pix-gut:24px}
  .pix-header__trial{display:inline-block}
  .pix-brand{gap:8px}
  .pix-brand__mark{width:28px;height:28px}
  .pix-brand__name{font-size:1.2rem}
  .pix-nav__list{justify-content:center;gap:4px 18px}
  .pix-stage__row{grid-template-columns:120px minmax(0,1fr) 120px;gap:18px;padding-inline:24px}
  .pix-screen{aspect-ratio:16/9;padding:8px}
  .pix-screen__veil{inset:8px}
  .pix-screen__inner{gap:8px}
  .pix-wing__poster{--w:92px}
  .pix-wing__poster:nth-child(1){--x:-26px;--y:0}
  .pix-wing__poster:nth-child(2){--x:22px;--y:36%}
  .pix-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pix-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pix-grid--3,.pix-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pix-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pix-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pix-region{grid-template-columns:220px minmax(0,1fr);align-items:baseline;gap:24px}
  .pix-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pix-reviews{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pix-reviews .pix-review{padding:26px 20px}
  .pix-terms{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pix-ready{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pix-footer__grid{grid-template-columns:1.3fr 1fr 1.3fr}
}
@media (min-width:1024px){
  :root{--pix-gut:32px;--pix-head-h:76px}
  .pix-header{position:sticky;top:0}
  .pix-header__bar{flex-wrap:nowrap;padding-block:12px}
  .pix-nav{order:2;flex-basis:auto;border-top:0;padding-top:0;margin-inline:auto}
  .pix-header__actions{order:3}
  .pix-nav__list{gap:4px 22px}
  .pix-brand__name{font-size:1.3rem}
  .pix-stage__row{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1fr);gap:22px;padding-inline:32px}
  .pix-screen{aspect-ratio:2/1;padding:10px}
  .pix-screen__veil{inset:10px}
  .pix-wing__poster{--w:56%}
  .pix-wing__poster:nth-child(1){--x:0;--y:10%}
  .pix-wing__poster:nth-child(2){--x:22%;--y:0}
  .pix-wing__poster:nth-child(3){--x:44%;--y:16%;display:block}
  .pix-wing--l{transform:perspective(900px) rotateY(22deg)}
  .pix-wing--r{transform:perspective(900px) rotateY(-22deg)}
  .pix-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pix-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pix-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
  .pix-split--wide{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  .pix-head--split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:end;max-width:none;text-align:left}
  .pix-head--split .pix-lede{margin:0}
  .pix-plans{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
  .pix-plan--lead{transform:translateY(-10px)}
  .pix-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pix-trial{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px}
  .pix-devices{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px}
  .pix-seo .pix-prose{columns:2 360px;column-gap:56px}
  .pix-seo .pix-prose h2{column-span:all}
  .pix-install{grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start}
  .pix-toc{position:sticky;top:96px}
}
@media (min-width:1440px){
  :root{--pix-max:1240px}
  .pix-hero{padding-top:96px}
}

/* ---------- pointer-only effects ---------- */
@media (hover:hover) and (pointer:fine){
  .pix-btn:hover{transform:translateY(-2px)}
  .pix-btn--primary:hover{background:var(--pix-accent2)}
  .pix-btn--ghost:hover{border-color:var(--pix-accent2);color:var(--pix-accent2)}
  .pix-final__screen .pix-btn--ghost:hover{color:var(--pix-ink);border-color:var(--pix-ink)}
  .pix-nav a:hover,.pix-footer__links a:hover,.pix-toc a:hover{color:var(--pix-accent2)}
  .pix-plan,.pix-tile,.pix-step,.pix-ready__plan{transition:transform .25s ease}
  .pix-plan:hover,.pix-tile:hover,.pix-step:hover,.pix-ready__plan:hover{transform:translateY(-4px)}
  .pix-plan--lead:hover{transform:translateY(-14px)}
  .pix-marquee__item img{transition:transform .3s ease}
  .pix-marquee__item:hover img{transform:scale(1.04)}
}

/* ---------- motion: only with JS, only when motion is allowed ---------- */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  html.pix-js:not(.motion-off) .pix-hero__house{animation:pix-house 2.8s ease-in .1s both}
  html.pix-js:not(.motion-off) .pix-hero .pix-seats i::after{animation:pix-dim .6s ease-in both;animation-delay:calc((var(--r,0) + var(--c,0))*38ms + 250ms)}
  html.pix-js:not(.motion-off) .pix-screen__veil{animation:pix-veil 2.8s ease-out .2s both}
  html.pix-js:not(.motion-off) .pix-screen::before{animation:pix-glow 2.8s ease-out .2s both}
  html.pix-js:not(.motion-off) .pix-wing--l .pix-wing__poster{animation:pix-in-l .95s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(1.2s + var(--i,0)*.16s)}
  html.pix-js:not(.motion-off) .pix-wing--r .pix-wing__poster{animation:pix-in-r .95s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(1.28s + var(--i,0)*.16s)}
  html.pix-js:not(.motion-off) .pix-lamps i{opacity:1;transition:opacity .5s ease-in}
  html.pix-js:not(.motion-off) .pix-lamps.is-dimmed i{opacity:.3}
  html.pix-js:not(.motion-off) .pix-seats--mini i::after{opacity:1;transition:opacity .5s ease-in;transition-delay:calc((var(--r,0) + var(--c,0))*45ms)}
  html.pix-js:not(.motion-off) .pix-seats--mini.is-dimmed i::after{opacity:.24}
  html.pix-js:not(.motion-off) [data-speed] .pix-marquee__track{animation:pix-marquee var(--pix-dur,48s) linear infinite}
  html.pix-js [data-speed]:hover .pix-marquee__track,html.pix-js [data-speed]:focus-within .pix-marquee__track{animation-play-state:paused}
}
@keyframes pix-house{from{opacity:1}to{opacity:0}}
@keyframes pix-dim{from{opacity:1}to{opacity:.24}}
@keyframes pix-veil{0%,32%{opacity:1}44%{opacity:.62}49%{opacity:.86}100%{opacity:0}}
@keyframes pix-glow{0%,36%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:none}}
@keyframes pix-in-l{from{opacity:0;transform:translateX(-150%)}to{opacity:1;transform:none}}
@keyframes pix-in-r{from{opacity:0;transform:translateX(150%)}to{opacity:1;transform:none}}
@keyframes pix-marquee{to{transform:translateX(-50%)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .pix-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .pix-marquee [aria-hidden="true"]{display:none}
}
.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}
.motion-off{scroll-behavior:auto}

/* === home additions === */
.pix-block{margin-top:clamp(32px,5vw,56px)}
.pix-block-sm{margin-top:18px}
.pix-marquee+.pix-marquee__caption{margin-inline:var(--pix-gut)}
.pix-marquee__caption a{color:var(--pix-accent2)}
.pix-plans__note a,.pix-qa__a a{color:var(--pix-accent2)}
.pix-card .pix-chips{margin:14px 0 16px}
.pix-tiles+.pix-grid{margin-top:clamp(32px,5vw,56px)}
.pix-stats+.pix-marquee__caption{margin-top:34px}
.pix-head h3{margin:0}
.pix-trial .pix-list{margin-top:6px}
.pix-tile{margin:0}
.pix-tile--type .pix-tile__art{padding:8px}
/* === end home additions === */

/* === pages additions === */
.pix-actions--center{justify-content:center}
.pix-prose--narrow{max-width:760px;margin:clamp(28px,4vw,44px) auto 0}
.pix-prose--narrow p:last-child{margin-bottom:0}
.pix-terms+.pix-prose{margin-top:clamp(28px,4vw,44px)}
.pix-steps+.pix-actions{margin-top:32px}
.pix-ready+.pix-plans__note{margin-bottom:0}
.pix-ready+.pix-plans__note+.pix-actions{margin-top:28px}
.pix-figure--narrow{max-width:720px;margin:clamp(28px,4vw,44px) auto 0}
.pix-figure--narrow figcaption{text-align:center}
.pix-install>div{min-width:0}
.pix-device p{margin:0 0 14px}
.pix-device .pix-device__tip{margin:18px 0 0}
.pix-device a,.pix-legal a,.pix-mail a:not(.pix-mail__link),.pix-card p a,.pix-steps a,.pix-plans__note a{color:var(--pix-accent2)}
.pix-listcol{max-width:760px;margin-inline:auto}
.pix-mail__link{padding-block:4px}
.pix-mail p{margin:0 0 6px;color:var(--pix-muted)}
.pix-mail p:last-child{margin-bottom:0}
.pix-legal p{color:var(--pix-muted)}
.pix-legal .pix-updated{color:var(--pix-accent2)}
.pix-legal h2:first-of-type{margin-top:24px}
.pix-toc ul{margin:0}
.pix-page-hero .pix-eyebrow{margin-bottom:16px}
/* === end pages additions === */