/* TitanMC voice page (pg-vo-*, after landing-v1.css): sound you can see. Motion on transform/opacity; loops rest off screen. */

/* the body margin reset belongs in landing-v1.css (SHARED-REQUEST body.lp{margin:0}); until then the page edge is ours */
body[data-pg="voice"]{margin:0}
body[data-pg="voice"]{--vo:#4CC9F0;--vo-rgb:76,201,240;--vo-hi:#9BE6FF;--vo-deep:#1B6E8C;--vo-ink:#05070C;--vo-sine:cubic-bezier(.37,0,.63,1);--vo-out:cubic-bezier(.16,.84,.3,1)}

/* hero: headline left over ink, the world on the right */
body[data-pg="voice"] .lp-hero{box-sizing:border-box;grid-template-columns:minmax(0,1fr);min-height:min(100svh,940px);padding:calc(76px + 3vh) 24px 4vh;
  background:radial-gradient(70% 90% at 78% 46%,rgba(var(--vo-rgb),.07),transparent 64%),linear-gradient(180deg,#06080E 0%,#08080D 100%)}
body[data-pg="voice"] .lp-hero-bg{display:none}
body[data-pg="voice"] .lp-hero-in{position:static;max-width:1340px;grid-template-columns:minmax(0,720px) minmax(0,1fr);gap:0}
body[data-pg="voice"] .lp-hero-copy{position:relative;z-index:3;padding-right:12px}
body[data-pg="voice"] .pg-vo-side{position:static}
body[data-pg="voice"] .lp-crumbs ol{margin-bottom:18px}
body[data-pg="voice"] .lp-h1{margin-bottom:18px;font-size:clamp(2.2rem,2.9vw,3.35rem);text-shadow:0 2px 26px rgba(0,0,0,.65)}
/* phones: the gold line rests at its final shine (its repainting sweep */
@media(max-width:1099px){body[data-pg="voice"] .lp-h1 .lp-gold{animation:none!important;background-position:0 0}}
body[data-pg="voice"] .lp-lead{max-width:40rem;margin-bottom:24px;text-shadow:0 1px 14px rgba(0,0,0,.6)}
body[data-pg="voice"] .lp-hero .lp-launch{margin-top:18px}
body[data-pg="voice"] .lp-badge{margin-bottom:18px;border-color:rgba(var(--vo-rgb),.5);background:linear-gradient(90deg,rgba(var(--vo-rgb),.16),rgba(var(--vo-rgb),.05))}

/* stats: four channel strips, each with its own breathing level meter */
body[data-pg="voice"] .lp-stats{position:relative;gap:0;max-width:36rem;margin-bottom:24px;border-radius:14px;background:rgba(7,9,15,.82);border:1px solid rgba(var(--vo-rgb),.2);overflow:hidden}
body[data-pg="voice"] .lp-stat{position:relative;padding:12px 10px 11px 26px;background:none;text-align:left}
body[data-pg="voice"] .lp-stat+.lp-stat{border-left:1px solid rgba(255,255,255,.07)}
body[data-pg="voice"] .lp-stat b{font-size:clamp(1.7rem,2.2vw,2.2rem)}
body[data-pg="voice"] .lp-stat>span{letter-spacing:.11em;text-wrap:balance}
body[data-pg="voice"] .lp-stat::before{content:'';position:absolute;left:12px;top:15px;bottom:14px;width:4px;border-radius:2px;
  background:repeating-linear-gradient(0deg,rgba(var(--vo-rgb),.16) 0 3px,transparent 3px 5px)}
body[data-pg="voice"] .lp-stat::after{content:'';position:absolute;left:12px;top:15px;bottom:14px;width:4px;border-radius:2px;transform-origin:50% 100%;
  background:repeating-linear-gradient(0deg,var(--vo) 0 3px,transparent 3px 5px);
  -webkit-mask:linear-gradient(0deg,#000 0 55%,var(--lp-gold-hi) 55%);animation:pg-vo-lvl 2.6s var(--vo-sine) infinite}
body[data-pg="voice"] .lp-stat:nth-child(2)::after{animation-duration:3.3s;animation-delay:-1.1s}
body[data-pg="voice"] .lp-stat:nth-child(3)::after{animation-duration:2.9s;animation-delay:-.4s}
body[data-pg="voice"] .lp-stat:nth-child(4)::after{animation-duration:3.7s;animation-delay:-2s}

body[data-pg="voice"] .lp-hero .lp-btn-ghost{border-color:rgba(var(--vo-rgb),.28)}
body[data-pg="voice"] .lp-hero .lp-actions{gap:10px}
@media(min-width:1100px){body[data-pg="voice"] .lp-hero .lp-actions{flex-wrap:nowrap}body[data-pg="voice"] .lp-hero .lp-btn,body[data-pg="voice"] .lp-hero .lp-ip{flex:none;white-space:nowrap}}
body[data-pg="voice"] .lp-hero .lp-ip{gap:12px;padding-left:16px;padding-right:10px}
body[data-pg="voice"] .lp-hero .lp-btn{padding:0 20px}
body[data-pg="voice"] .lp-scroll{left:max(24px,calc(50% - 670px));bottom:26px;transform:none;display:flex;align-items:center;gap:12px;color:var(--lp-mute)}
body[data-pg="voice"] .lp-scroll::before{content:'';order:-1;width:8px;height:8px;border-radius:50%;background:var(--vo);box-shadow:0 0 0 4px rgba(var(--vo-rgb),.14)}
body[data-pg="voice"] .lp-scroll::after{position:absolute;left:-6px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;border:1px solid var(--vo);background:none;transform-origin:center;animation:pg-vo-ping 2.4s var(--vo-out) infinite}
@media(max-width:1099px){body[data-pg="voice"] .lp-scroll{display:none}}


/* the map */
.pg-vo-map{--blk:16px;--ax:64%;--ay:50%;position:absolute;z-index:1;top:0;bottom:0;right:0;left:37%;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.pg-vo-view{position:absolute;inset:0;overflow:hidden;cursor:crosshair;contain:strict;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 12%,#000 34%),linear-gradient(180deg,transparent 0,#000 15%,#000 82%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 12%,#000 34%),linear-gradient(180deg,transparent 0,#000 15%,#000 82%,transparent 100%);mask-composite:intersect}
.pg-vo-world{position:absolute;left:calc(var(--ax) - 64.5 * var(--blk));top:calc(var(--ay) - 38.5 * var(--blk));width:calc(112 * var(--blk));height:calc(72 * var(--blk));
  background:#14251A;opacity:0;transform:scale(1.03);transform-origin:var(--ax) var(--ay);transition:opacity 1.1s var(--lp-ease),transform 1.6s var(--vo-out)}
.pg-vo-map.is-on .pg-vo-world,html:not(.lp-js) .pg-vo-world{opacity:1;transform:none}
.pg-vo-world img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.pg-vo-terrain{filter:brightness(1.1) saturate(1.06)}
.pg-vo-water{opacity:0;animation:pg-vo-shim 3.6s var(--vo-sine) infinite}
.pg-vo-water--b{animation-delay:-1.8s}

/* lantern and campfire light (gen-terrain.mjs %); the box spans the */
.pg-vo-glows{position:absolute;inset:0;pointer-events:none}
.pg-vo-glows i{position:absolute;width:calc(10 * var(--blk));height:calc(10 * var(--blk));margin:calc(-5 * var(--blk)) 0 0 calc(-5 * var(--blk));border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,206,110,.34),rgba(255,170,64,.11) 52%,transparent);animation:pg-vo-flick 2.7s ease-in-out infinite}
.pg-vo-glows i:nth-child(1){left:46.652%;top:55.903%;animation-delay:-.3s}
.pg-vo-glows i:nth-child(2){left:54.688%;top:60.903%;animation-delay:-1.4s;animation-duration:3.1s}
.pg-vo-glows i:nth-child(3){left:68.973%;top:56.319%;animation-delay:-.8s}
.pg-vo-glows i:nth-child(4){left:73.438%;top:49.375%;animation-delay:-2.1s;animation-duration:3.4s}
.pg-vo-glows i:nth-child(5){left:78.795%;top:54.514%;animation-delay:-.5s;animation-duration:2.4s}
.pg-vo-glows i:nth-child(6){left:85.491%;top:39.931%;animation-delay:-1.7s}
.pg-vo-glows i:nth-child(7){left:63.170%;top:37.847%;animation-delay:-1s;animation-duration:3.2s}
.pg-vo-glows i:nth-child(8){left:50.223%;top:62.153%;animation-delay:-2.4s}
.pg-vo-glows i:nth-child(9){left:37.723%;top:57.292%;animation-delay:-.2s;animation-duration:2.9s}
.pg-vo-glows i:nth-child(10){left:87.723%;top:21.875%;animation-delay:-1.2s}
.pg-vo-glows i:nth-child(11){left:77.902%;top:28.819%;animation-delay:-2.6s;animation-duration:3.3s}
.pg-vo-glows .pg-vo-fire{left:62.165%;top:49.479%;width:calc(26 * var(--blk));height:calc(26 * var(--blk));margin:calc(-13 * var(--blk)) 0 0 calc(-13 * var(--blk));
  background:radial-gradient(closest-side,rgba(255,190,90,.42),rgba(255,140,50,.16) 45%,transparent);animation:pg-vo-fire 1.9s ease-in-out infinite}


/* night: the world outside the voice range sinks into the dark; Ty's */
.pg-vo-night{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(64% 70% at var(--ax) var(--ay),transparent 30%,rgba(4,7,14,.5) 78%,rgba(4,7,14,.78)),linear-gradient(180deg,rgba(10,22,40,.2),rgba(6,10,20,.26))}
.pg-vo-torch{--vo-lit:radial-gradient(closest-side,rgba(255,228,170,.32),rgba(255,214,146,.2) 30%,rgba(255,204,130,.12) 62%,rgba(255,198,122,.075) 82%,rgba(255,196,120,.035) 88.5%,transparent 95%);
  position:absolute;left:0;top:0;width:calc(36 * var(--blk));height:calc(36 * var(--blk));margin:calc(-18 * var(--blk)) 0 0 calc(-18 * var(--blk));border-radius:50%;background:var(--vo-lit);will-change:transform}
.pg-vo-torch.has-lit{background:none}
.pg-vo-lit{position:absolute;inset:0;border-radius:50%;background:var(--vo-lit)}
.pg-vo-stage{position:absolute;inset:0}

/* range rings around Ty (8 and 16 blocks) */
.pg-vo-range{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;will-change:transform}
.pg-vo-rr{position:absolute;border-radius:50%;border:1px dashed rgba(var(--vo-rgb),.5)}
.pg-vo-rr--8{width:calc(16 * var(--blk));height:calc(16 * var(--blk));left:calc(-8 * var(--blk));top:calc(-8 * var(--blk));border-color:rgba(var(--vo-rgb),.36)}
.pg-vo-rr--16{width:calc(32 * var(--blk));height:calc(32 * var(--blk));left:calc(-16 * var(--blk));top:calc(-16 * var(--blk));border:1.5px dashed rgba(var(--vo-rgb),.62);
  background:radial-gradient(closest-side,rgba(var(--vo-rgb),.05),rgba(var(--vo-rgb),.025) 70%,rgba(var(--vo-rgb),.08) 99%,transparent)}
.pg-vo-rr b{position:absolute;left:50%;top:0;transform:translate(-50%,-55%);padding:2px 7px 1px;border-radius:6px;background:rgba(5,8,14,.86);border:1px solid rgba(var(--vo-rgb),.32);
  font:500 .86rem/1 'Teko',sans-serif;letter-spacing:.14em;color:var(--vo-hi);white-space:nowrap;transition:opacity .35s}
.pg-vo-rr b.is-dim{opacity:.18}
.pg-vo-rr--8 b{top:auto;bottom:0;transform:translate(-50%,55%);color:rgba(155,230,255,.8);border-color:rgba(var(--vo-rgb),.2)}

/* sound waves: rings that fade with distance (attenuation made visible) */
.pg-vo-wave{position:absolute;left:0;top:0;width:calc(32 * var(--blk));height:calc(32 * var(--blk));margin:calc(-16 * var(--blk)) 0 0 calc(-16 * var(--blk));border-radius:50%;pointer-events:none;opacity:0;
  background:radial-gradient(closest-side,transparent 84%,rgba(var(--vo-rgb),.16) 92%,rgba(155,230,255,.95) 97.5%,rgba(var(--vo-rgb),.3) 99%,transparent 100%)}
.pg-vo-wave--me{background:radial-gradient(closest-side,transparent 84%,rgba(246,207,87,.16) 92%,rgba(255,236,170,.95) 97.5%,rgba(212,160,23,.32) 99%,transparent 100%)}

/* players: head tokens (our own 8x8 faces) */
.pg-vo-p{position:absolute;left:0;top:0;width:36px;height:36px;margin:-18px 0 0 -18px;touch-action:none;cursor:grab;outline:none;will-change:transform;contain:layout style}
.pg-vo-p:active{cursor:grabbing}
.pg-vo-pop{position:absolute;inset:0;transform:scale(.4);opacity:0;transition:transform .7s cubic-bezier(.3,1.7,.5,1),opacity .4s}
.pg-vo-map.is-on .pg-vo-pop{transform:none;opacity:1}
.pg-vo-face{position:absolute;left:2px;top:2px;width:32px;height:32px;border-radius:5px;image-rendering:pixelated;
  box-shadow:0 0 0 2px #070910,0 0 0 3.5px rgba(var(--vo-rgb),.9),0 8px 16px rgba(0,0,0,.7)}
.pg-vo-p--me .pg-vo-face{box-shadow:0 0 0 2px #070910,0 0 0 3.5px var(--lp-gold-hi),0 8px 18px rgba(0,0,0,.7)}
.pg-vo-p:focus-visible .pg-vo-face{box-shadow:0 0 0 2px #070910,0 0 0 3.5px #fff,0 0 0 7px rgba(var(--vo-rgb),.5)}
.pg-vo-bob{position:absolute;inset:0}

/* the talking halo: a soft pulse behind the face while someone speaks */
.pg-vo-halo{position:absolute;left:-10px;top:-10px;width:56px;height:56px;border-radius:50%;opacity:0;transition:opacity .5s;
  background:radial-gradient(closest-side,rgba(var(--vo-rgb),.45),rgba(var(--vo-rgb),.12) 60%,transparent)}
.pg-vo-p--me .pg-vo-halo{background:radial-gradient(closest-side,rgba(246,207,87,.5),rgba(212,160,23,.14) 60%,transparent)}
.pg-vo-p.is-talk .pg-vo-halo{opacity:1;animation:pg-vo-breath .9s var(--vo-sine) infinite alternate}
/* the score (the conversation played by the compositor) keeps every */
.pg-vo-map.is-score .pg-vo-halo{animation:pg-vo-breath .9s var(--vo-sine) infinite alternate}


/* the label next to each speaker: name, live volume, level */
.pg-vo-tag{position:absolute;left:44px;top:-2px;width:max-content;display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;row-gap:3px;padding:5px 9px 6px;border-radius:9px;
  background:rgba(5,8,14,.84);border:1px solid rgba(var(--vo-rgb),.26);box-shadow:0 8px 20px -8px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none;transition:opacity .5s}
.pg-vo-p.is-flip .pg-vo-tag{left:auto;right:44px}
.pg-vo-tag b{font:600 .8rem/1 'Chakra Petch',sans-serif;color:#fff}
.pg-vo-tag em{font:500 1.18rem/.8 'Teko',sans-serif;font-style:normal;letter-spacing:.04em;color:var(--vo-hi);font-variant-numeric:tabular-nums;text-align:right;min-width:2.3em}
.pg-vo-tag small{grid-column:1/3;display:none;font:700 .58rem/1 'Rajdhani',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--lp-gold-hi)}
.pg-vo-lv{grid-column:1/3;position:relative;height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.pg-vo-lv i,.pg-vo-lv b{position:absolute;inset:0;transform-origin:0 50%}
.pg-vo-lv i{transform:scaleX(0)}
.pg-vo-map.is-act .pg-vo-lv i{transition:transform .1s linear}
.pg-vo-lv b{border-radius:2px;background:linear-gradient(90deg,var(--vo-deep),var(--vo));transform:scaleX(.62);transition:transform .3s}
.pg-vo-tag::after{content:'';position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(var(--vo-rgb),.66);opacity:0;pointer-events:none}
.pg-vo-p.is-talk .pg-vo-tag::after{opacity:1}
.pg-vo-p.is-out .pg-vo-tag{background:rgba(5,8,14,.92);border-color:rgba(255,255,255,.16)}
.pg-vo-p.is-out .pg-vo-tag em{font:700 .64rem/1.2 'Rajdhani',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#B9C0CC}
.pg-vo-p.is-out .pg-vo-face{opacity:.6;box-shadow:0 0 0 2px #070910,0 0 0 3.5px rgba(255,255,255,.25),0 8px 16px rgba(0,0,0,.7)}
.pg-vo-p.is-hear .pg-vo-tag{border-color:rgba(246,207,87,.6)}
.pg-vo-p.is-hear .pg-vo-tag small{display:block}
.pg-vo-p.is-hear .pg-vo-tag em{color:var(--lp-gold-hi)}
.pg-vo-p.is-hear .pg-vo-lv b{transform:none;background:linear-gradient(90deg,var(--lp-gold-deep),var(--lp-gold-hi))}
/* Ty: name under the token and two headphone cups that light with the */
.pg-vo-me-n{position:absolute;left:50%;top:41px;transform:translateX(-50%);padding:2px 8px 1px;border-radius:6px;background:var(--lp-gold-hi);color:#160F02;font:700 .66rem/1.2 'Rajdhani',sans-serif;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;transition:transform .35s var(--vo-out)}
.pg-vo-p--me.is-up .pg-vo-me-n{transform:translate(-50%,-63px)}
.pg-vo-ear{position:absolute;top:2px;width:14px;height:32px;opacity:.25}
.pg-vo-ear--l{left:-16px}.pg-vo-ear--r{right:-16px}
.pg-vo-ear svg{display:block;width:100%;height:100%;overflow:visible}

/* HUD over the map: title, push-to-talk key, stereo meter, 3D sound */
.pg-vo-title{position:absolute;z-index:2;top:104px;right:max(24px,calc(50vw - 670px));display:flex;align-items:center;gap:12px;padding:8px 13px;border-radius:10px;
  background:rgba(5,8,14,.72);border:1px solid rgba(var(--vo-rgb),.22)}
.pg-vo-title b{font:500 .8rem/1 'JetBrains Mono',monospace;color:var(--lp-dim)}
.pg-vo-live{display:inline-flex;align-items:center;gap:7px;font:700 .62rem/1 'Rajdhani',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--vo)}
/* the deck: one console strip — key cap | L/R meter | 3D sound — one */
.pg-vo-deck{position:absolute;z-index:2;right:max(24px,calc(50vw - 670px));bottom:78px;display:flex;align-items:stretch;gap:0;border-radius:14px;
  background:linear-gradient(180deg,rgba(13,17,26,.93),rgba(5,8,14,.93));border:1px solid rgba(var(--vo-rgb),.24);box-shadow:0 18px 40px -20px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.05)}
.pg-vo-stereo,.pg-vo-tools{border-left:1px solid rgba(var(--vo-rgb),.15)}
.pg-vo-ptt{padding:8px 16px 8px 8px}
.pg-vo-stereo{height:76px;padding:0 14px}
.pg-vo-ptt{display:flex;align-items:center;gap:12px;height:76px;box-sizing:border-box}
.pg-vo-key{position:relative;flex:none;width:72px;height:60px;padding:0;border:0;background:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none}
.pg-vo-key::before{content:'';position:absolute;inset:0;border-radius:12px;background:linear-gradient(180deg,#171a23,#0b0c12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 5px 0 #040508,0 9px 16px rgba(0,0,0,.6)}
.pg-vo-key::after{content:'';position:absolute;left:-6px;right:-6px;bottom:-10px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(246,207,87,.55),transparent);opacity:0;transition:opacity .15s}
.pg-vo-key-top{position:absolute;z-index:1;left:6px;right:6px;top:4px;bottom:11px;display:grid;place-items:center;border-radius:9px;
  background:linear-gradient(180deg,#2c303c,#1b1e27);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,0,0,.4);
  font:600 1.02rem/1 'JetBrains Mono',monospace;letter-spacing:.02em;transition:transform .09s}
.pg-vo-key-top small{position:absolute;left:7px;top:5px;font:600 .55rem/1 'JetBrains Mono',monospace;color:var(--lp-mute)}
.pg-vo-key:hover .pg-vo-key-top{color:var(--lp-gold-hi)}
.pg-vo-key:focus-visible{outline:2px solid var(--lp-gold-hi);outline-offset:4px;border-radius:12px}
.pg-vo-key.is-on .pg-vo-key-top{transform:translateY(4px);color:#160F02;background:linear-gradient(180deg,#F6CF57,#C9971C)}
.pg-vo-key.is-on::after{opacity:1}
.pg-vo-ptt-t{display:grid;gap:4px}
.pg-vo-ptt-t b{font:500 1.15rem/1 'Teko',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-gold-hi)}
.pg-vo-ptt-t span{font:700 .64rem/1.2 'Rajdhani',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--lp-mute)}
.pg-vo-stereo{display:flex;align-items:center;gap:6px;box-sizing:border-box}
.pg-vo-stereo b{font:500 1rem/1 'Teko',sans-serif;letter-spacing:.06em;color:var(--lp-mute)}
.pg-vo-meter{position:relative;width:64px;height:12px;overflow:hidden;border-radius:2px;
  background:repeating-linear-gradient(90deg,transparent 0 5px,#0A0D15 5px 7px),linear-gradient(90deg,var(--vo) 0,var(--vo) 58%,var(--lp-gold-hi) 84%,#FF9A5C 100%)}
.pg-vo-meter i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(var(--vo-rgb),.14) 0 5px,transparent 5px 7px),#0A0D15;will-change:transform}
/* the pilot: one segment rests lit on the side of the nearest speaker */
.pg-vo-meter::after{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--vo);opacity:0;transition:opacity .5s}
.pg-vo-stereo[data-pilot="l"] .pg-vo-meter--l::after,.pg-vo-stereo[data-pilot="r"] .pg-vo-meter--r::after{opacity:.4}
.pg-vo-meter--l{transform:scaleX(-1)}
.pg-vo-tools{display:grid;justify-items:end;gap:8px}
.pg-vo-btn{display:inline-flex;align-items:center;gap:9px;height:76px;padding:0 18px;border:0;border-radius:0 13px 13px 0;background:linear-gradient(180deg,rgba(var(--vo-rgb),.15),rgba(var(--vo-rgb),.04));color:#fff;
  font:700 .76rem/1 'Rajdhani',sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color .25s,border-color .25s}
.pg-vo-btn:hover{background-color:rgba(var(--vo-rgb),.14)}
.pg-vo-btn i{color:var(--vo)}
.pg-vo-btn[aria-pressed="true"]{background-color:rgba(var(--vo-rgb),.26);box-shadow:inset 0 -2px 0 var(--vo)}
.pg-vo-btn:focus-visible{outline:2px solid var(--vo);outline-offset:3px}
.pg-vo-hint{position:absolute;right:0;top:calc(100% + 10px);white-space:nowrap;font-size:.74rem;line-height:1.35;color:var(--lp-mute)}
.pg-vo-note{position:absolute;z-index:2;right:max(24px,calc(50vw - 670px));bottom:14px;max-width:600px;margin:0;font-size:.7rem;line-height:1.45;color:var(--lp-mute);text-align:right}

/* responsive hero */
@media(min-width:1100px) and (max-height:820px){
  body[data-pg="voice"] .lp-hero{padding-top:calc(76px + 2vh);padding-bottom:2vh}
  body[data-pg="voice"] .lp-crumbs ol{margin-bottom:12px}
  body[data-pg="voice"] .lp-badge{margin-bottom:14px;padding-top:7px;padding-bottom:7px}
  body[data-pg="voice"] .lp-h1{margin-bottom:14px;font-size:clamp(2.1rem,2.75vw,3.1rem)}
  body[data-pg="voice"] .lp-lead{margin-bottom:18px;font-size:1.08rem;line-height:1.56}
  body[data-pg="voice"] .lp-stats{margin-bottom:18px}
  body[data-pg="voice"] .lp-stat{padding-top:10px;padding-bottom:9px}
  body[data-pg="voice"] .lp-hero .lp-launch{margin-top:14px}
  body[data-pg="voice"] .lp-hero .lp-ip{padding-top:10px;padding-bottom:10px}
  body[data-pg="voice"] .lp-hero .lp-btn{min-height:48px}
  .pg-vo-deck{bottom:70px}
  .pg-vo-map{--ay:55%}
}
@media(max-width:1399px){.pg-vo-map{--blk:12px;--ax:66%}}
@media(max-width:1099px){
  body[data-pg="voice"] .lp-hero{padding-top:92px}
  body[data-pg="voice"] .lp-hero-in{display:flex;flex-direction:column;align-items:center;text-align:center}
  body[data-pg="voice"] .lp-hero-copy{display:contents}
  body[data-pg="voice"] .lp-crumbs{order:1}
  body[data-pg="voice"] .lp-badge{order:2}
  body[data-pg="voice"] .lp-h1{order:3;font-size:clamp(2.1rem,7.6vw,3.4rem)}
  body[data-pg="voice"] .pg-vo-side{order:4;position:relative;width:calc(100% + 48px);max-width:none;margin:4px -24px 26px}
  body[data-pg="voice"] .lp-lead{order:5}
  body[data-pg="voice"] .lp-stats{order:6;margin-left:auto;margin-right:auto}
  body[data-pg="voice"] .lp-actions{order:7}
  body[data-pg="voice"] .lp-launch{order:8}
  .pg-vo-map{position:relative;inset:auto;--blk:12px;--ax:50%;--ay:50%}
  .pg-vo-view{position:relative;inset:auto;height:440px;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
  .pg-vo-title{top:18px;left:16px;right:auto}
  .pg-vo-deck{position:relative;right:auto;bottom:auto;margin:10px auto 0;width:max-content;max-width:calc(100% - 32px);flex-wrap:wrap;justify-content:center}
  .pg-vo-hint{top:calc(100% + 8px);right:6px}
  .pg-vo-note{margin-top:34px!important}
  .pg-vo-note{position:relative;right:auto;bottom:auto;margin:12px auto 0;padding:0 16px;text-align:center}
}
@media(max-width:640px){
  body[data-pg="voice"] .lp-hero{padding:80px 16px 30px}
  body[data-pg="voice"] .lp-crumbs ol{margin-bottom:12px}
  body[data-pg="voice"] .lp-badge{margin-bottom:14px}
  body[data-pg="voice"] .lp-h1{font-size:1.95rem;margin-bottom:6px}
  body[data-pg="voice"] .pg-vo-side{width:calc(100% + 32px);margin:0 -16px 22px}
  .pg-vo-map{--blk:10px}
  .pg-vo-view{height:372px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
  .pg-vo-rr--16 b{transform:translate(-50%,30%)}
  .pg-vo-p{width:30px;height:30px;margin:-15px 0 0 -15px}
  .pg-vo-p .pg-vo-face{left:3px;top:3px;width:24px;height:24px;border-radius:4px}
  .pg-vo-halo{left:-11px;top:-11px;width:52px;height:52px}
  .pg-vo-tag,.pg-vo-p.is-flip .pg-vo-tag{left:50%;right:auto;top:31px;transform:translateX(calc(var(--tx,0px) - 50%));grid-template-columns:auto auto;padding:3px 7px 3px;column-gap:6px;border-radius:7px}
  .pg-vo-tag b{font-size:.7rem}.pg-vo-tag em{font-size:1rem;min-width:0}
  .pg-vo-tag small,.pg-vo-p.is-hear .pg-vo-tag small,.pg-vo-lv{display:none}
  .pg-vo-p.is-out .pg-vo-tag em{font-size:.52rem}
  .pg-vo-me-n{top:31px}
  .pg-vo-ear{top:-1px;width:12px;height:28px}.pg-vo-ear--l{left:-13px}.pg-vo-ear--r{right:-13px}
  .pg-vo-rr b{font-size:.78rem}
  .pg-vo-title{top:10px;left:14px;padding:5px 9px}
  .pg-vo-title b{display:none}
  .pg-vo-stereo{position:absolute;z-index:2;right:14px;top:8px;height:40px!important;padding:0 10px;border-radius:11px;background:rgba(5,8,14,.86);border:1px solid rgba(var(--vo-rgb),.22)}
  .pg-vo-p--me.is-up .pg-vo-me-n{transform:translate(-50%,-53px)}
  /* phones: the lanterns breathe as one layer, the campfire flickers on */
  .pg-vo-glows{animation:pg-vo-glw 3.2s ease-in-out infinite}
  .pg-vo-glows i:not(.pg-vo-fire){animation:none;opacity:.92}
  .pg-vo-deck{position:static;gap:0;margin:10px auto 0;flex-wrap:nowrap}
  .pg-vo-ptt,.pg-vo-stereo,.pg-vo-btn{height:62px}
  .pg-vo-ptt{padding:6px 12px 6px 6px;gap:9px}
  .pg-vo-key{width:60px;height:50px}
  .pg-vo-ptt-t b{font-size:1rem}.pg-vo-ptt-t span{font-size:.56rem}
  .pg-vo-stereo{padding:0 10px}
  .pg-vo-meter{width:40px}
  .pg-vo-btn{padding:0 14px}
  .pg-vo-hint{display:none}
  .pg-vo-note{font-size:.68rem}
}

/* the page language below the hero: waves, rings, signal levels (cyan = */
body[data-pg="voice"] .lp-progress{background:linear-gradient(90deg,var(--vo-deep),var(--vo),var(--lp-gold-hi))}
/* reveals "tune in": a soft rise and settle instead of the shared slide */
.lp-rv-armed body[data-pg="voice"] .lp-rv:not(.is-in){opacity:0;transform:translate3d(0,16px,0) scale(.975)}
body[data-pg="voice"] .lp-rv{transform-origin:50% 0}

/* seams: a decaying ping from the left instead of the diamond; it */
body[data-pg="voice"] .lp-sec::before{top:-11px;height:22px;transform-origin:0 50%;transition:transform 1.3s var(--vo-out),opacity .9s;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 22'%3E%3Cpath d='M0 11H10Q12.3 -5 14.7 11Q17 25.2 19.3 11Q21.6 -1.5 24 11Q26.3 22.1 28.6 11Q30.9 1.2 33.2 11Q35.6 19.7 37.9 11Q40.2 3.3 42.5 11Q44.9 17.8 47.2 11Q49.5 5 51.8 11Q54.2 16.3 56.5 11Q58.8 6.3 61.1 11Q63.5 15.2 65.8 11Q68.1 7.3 70.5 11Q72.8 14.3 75.1 11Q77.4 8.1 79.8 11Q82.1 13.6 84.4 11Q86.7 8.7 89.1 11Q91.4 13 93.7 11Q96 9.2 98.4 11Q100.7 12.6 103 11Q105.3 9.6 107.7 11Q110 12.2 112.3 11Q114.6 9.9 117 11Q119.3 12 121.6 11Q123.9 10.1 126.3 11Q128.6 11.8 130.9 11Q133.2 10.3 135.6 11Q137.9 11.6 140.2 11Q142.5 10.5 144.9 11Q147.2 11.5 149.5 11H150' fill='none' stroke='%234CC9F0' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 0 50%/150px 22px no-repeat,linear-gradient(90deg,rgba(var(--vo-rgb),.4),rgba(var(--vo-rgb),.12) 30%,rgba(255,255,255,.06) 60%,transparent) 150px 50%/100% 1px no-repeat}
body[data-pg="voice"] .lp-sec::after{left:-5px;top:-5px;width:10px;height:10px;margin:0;transform:none;border-radius:50%;background:#070A11;border:1.5px solid var(--vo);transition:transform .9s var(--vo-out),opacity .6s}
.lp-js body[data-pg="voice"] .lp-sec:not(.is-heard)::before{transform:scaleX(.04);opacity:0}
.lp-js body[data-pg="voice"] .lp-sec:not(.is-heard)::after{transform:scale(2.4);opacity:0}
body[data-pg="voice"] .lp-eyebrow{color:var(--vo-hi)}
body[data-pg="voice"] .lp-eyebrow b{color:var(--lp-gold-hi)}
body[data-pg="voice"] .lp-eyebrow::after{height:12px;max-width:132px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 6Q6 -1 12 6T24 6' fill='none' stroke='%234CC9F0' stroke-width='1.3'/%3E%3C/svg%3E") 0 50%/24px 12px repeat-x;
  -webkit-mask:linear-gradient(90deg,#000 30%,transparent);mask:linear-gradient(90deg,#000 30%,transparent)}
body[data-pg="voice"] .lp-list li::before{left:1px;top:.5em;width:12px;height:12px;transform:none;border-radius:50%;box-sizing:border-box;
  border:1.5px solid rgba(var(--vo-rgb),.75);background:radial-gradient(circle,var(--lp-gold-hi) 0 2px,transparent 2.6px)}
body[data-pg="voice"] kbd{padding:1px 8px 2px;border-radius:7px;border:1px solid rgba(255,255,255,.13);border-bottom:3px solid #04050A;
  background:linear-gradient(180deg,#2c303c,#1b1e27);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 8px rgba(0,0,0,.45);color:var(--lp-gold-hi)}
body[data-pg="voice"] .lp-toc ol{border-left-color:rgba(var(--vo-rgb),.16)}
body[data-pg="voice"] .lp-toc a.is-on{border-left-color:var(--vo)}
body[data-pg="voice"] .lp-toc a.is-on::after{content:'';position:absolute;left:-6px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--vo);box-shadow:0 0 0 4px rgba(var(--vo-rgb),.16)}
body[data-pg="voice"] .lp-toc-cta{border-color:rgba(var(--vo-rgb),.24);background:linear-gradient(180deg,rgba(var(--vo-rgb),.08),rgba(var(--vo-rgb),.03))}
body[data-pg="voice"] .lp-tocm{border-color:rgba(var(--vo-rgb),.18)}
/* every instrument rests off screen (a loop far off screen still costs */
.pg-vo-tx:not(.is-live) *,.pg-vo-tx:not(.is-live) *::after,.lp-fact:not(.is-live) .pg-vo-fg *,.pg-vo-figr:not(.is-live) *,.pg-vo-sig:not(.is-live) *,.pg-vo-sig:not(.is-live) *::before,
.pg-vo-sig:not(.is-live) *::after,.pg-vo-chain:not(.is-live) .pg-vo-cable i,.pg-vo-console:not(.is-live) .pg-vo-leds::after,.pg-vo-vig:not(.is-live) *,.pg-vo-cta-bg:not(.is-live) *,.pg-vo-scope:not(.is-live) *,
.lp-js .lp-hero:not(.is-live) .pg-vo-world *,.lp-js .lp-hero:not(.is-live) .pg-vo-halo,.lp-js .lp-hero:not(.is-live) .lp-dot::after,.lp-js .lp-stats:not(.is-live) .lp-stat::after,
.lp-js .lp-hero:not(.is-live) .lp-scroll::after,.lp-js .lp-author:not(.is-live)::before,.lp-js .lp-author:not(.is-live)::after,.lp-js .lp-reco:not(.is-live)>i::before,.lp-js .lp-reco:not(.is-live)>i::after{animation-play-state:paused!important}

/* long reading blocks skip layout until the first scroll (.pg-vo-full) */
html:not(.pg-vo-full) body[data-pg="voice"] .lp-sec:not(.lp-sec--first)>p,html:not(.pg-vo-full) body[data-pg="voice"] .lp-sec>.lp-list:not(.pg-vo-scenes),html:not(.pg-vo-full) body[data-pg="voice"] .lp-faq,html:not(.pg-vo-full) body[data-pg="voice"] .lp-sources ul{content-visibility:auto;contain-intrinsic-size:auto 160px}

/* w-skrocie: a received voice message */
body[data-pg="voice"] .lp-answer{border-color:rgba(var(--vo-rgb),.22);background:linear-gradient(180deg,rgba(13,19,29,.94),rgba(8,10,17,.96))}
body[data-pg="voice"] .lp-answer::before{background:radial-gradient(560px 220px at 0 0,rgba(var(--vo-rgb),.11),transparent 70%)}
.pg-vo-tx{position:absolute;top:27px;right:30px;width:min(300px,36%);height:28px;pointer-events:none;overflow:clip;overflow-clip-margin:8px}
.pg-vo-tx-bars{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between}
.pg-vo-tx-bars i{position:relative;width:2px;height:100%;border-radius:2px;background:rgba(var(--vo-rgb),.5);transform:scaleY(var(--h));
  animation:pg-vo-br 2.2s var(--vo-sine) infinite alternate;animation-delay:calc(var(--i) * -.137s)}
.pg-vo-tx-bars i::after{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--lp-gold-hi);opacity:0;animation:pg-vo-played 7s linear infinite;animation-delay:calc(var(--i) * .0875s)}
.pg-vo-tx-head{position:absolute;left:0;top:-4px;bottom:-4px;width:100%;animation:pg-vo-head 7s linear infinite}
.pg-vo-tx-head::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1.5px;margin-left:-1px;border-radius:1px;background:var(--lp-gold-hi);box-shadow:0 0 10px rgba(246,207,87,.8)}
body[data-pg="voice"] .lp-chips li{position:relative;padding-left:25px;border-color:rgba(var(--vo-rgb),.18);background:rgba(var(--vo-rgb),.045)}
body[data-pg="voice"] .lp-chips li::before{content:'';position:absolute;left:10px;top:50%;width:8px;height:10px;margin-top:-6px;opacity:.9;
  background:linear-gradient(var(--vo),var(--vo)) 0 100%/2px 45% no-repeat,linear-gradient(var(--vo),var(--vo)) 3px 100%/2px 100% no-repeat,linear-gradient(var(--vo),var(--vo)) 6px 100%/2px 70% no-repeat}
body[data-pg="voice"] .lp-byline img{box-shadow:0 0 0 1.5px rgba(var(--vo-rgb),.6),0 0 0 4px rgba(var(--vo-rgb),.1)}

/* jak-dziala: the loudness curve */
.pg-vo-curve{position:relative;margin:30px 0 32px;border-radius:22px;border:1px solid rgba(var(--vo-rgb),.2);overflow:hidden;
  background:radial-gradient(90% 120% at 0 0,rgba(var(--vo-rgb),.08),transparent 60%),linear-gradient(180deg,rgba(12,17,26,.96),rgba(7,9,15,.97))}
html:not(.lp-js) .pg-vo-curve{display:none}
.pg-vo-curve-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 0 22px}
.lp-article .pg-vo-curve-t{margin:0;font:700 .76rem/1 'Rajdhani',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--vo-hi)}
.pg-vo-curve-t i{margin-right:8px;color:var(--vo)}
.pg-vo-seg{display:inline-flex;align-items:center;gap:3px;padding:4px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--lp-line-2)}
.pg-vo-seg button{min-width:46px;height:34px;padding:2px 10px 0;border:0;border-radius:9px;background:none;color:var(--lp-dim);font:500 1.25rem/1 'Teko',sans-serif;letter-spacing:.04em;
  cursor:pointer;transition:background-color .25s,color .25s,box-shadow .25s}
.pg-vo-seg button:hover{color:#fff;background:rgba(255,255,255,.06)}
.pg-vo-seg button[aria-checked="true"]{color:#fff;background:linear-gradient(180deg,rgba(var(--vo-rgb),.32),rgba(var(--vo-rgb),.14));box-shadow:inset 0 0 0 1px rgba(var(--vo-rgb),.65)}
.pg-vo-seg button:focus-visible{outline:2px solid var(--vo);outline-offset:2px}
.pg-vo-seg span{padding:0 9px 0 5px;font:700 .64rem/1 'Rajdhani',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lp-mute)}
.pg-vo-plot{position:relative;height:310px;margin-top:4px;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.pg-vo-plot.is-drag{cursor:grabbing}
.pg-vo-plot-g{position:absolute;left:0;top:0;display:block;overflow:visible}
.pg-vo-plot-g .g{fill:none;stroke:rgba(255,255,255,.045)}
.pg-vo-plot-g .g2{stroke:rgba(255,255,255,.09)}
.pg-vo-plot-g text{font:500 14px 'Teko',sans-serif;letter-spacing:.06em;fill:rgba(243,239,230,.5)}
.pg-vo-plot-g .tx{text-anchor:middle}
.pg-vo-plot-g .ty{text-anchor:end}
.pg-vo-plot-g .te{text-anchor:middle;font-size:15px;fill:var(--vo-hi)}
.pg-vo-plot-g .tz{text-anchor:middle;font:700 11px 'Rajdhani',sans-serif;letter-spacing:.22em;text-transform:uppercase;fill:rgba(243,239,230,.42)}
.pg-vo-plot-g .cv{fill:none;stroke:url(#pgvoS);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.pg-vo-plot-g .edge{stroke:var(--vo);stroke-width:1.5;stroke-dasharray:4 5;opacity:.85}
.pg-vo-plot-g .dl{fill:none;stroke:rgba(246,207,87,.6);stroke-dasharray:3 4}
.pg-vo-plot-rings{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.pg-vo-pr{position:absolute;border-radius:50%;opacity:0;background:radial-gradient(closest-side,transparent 88%,rgba(var(--vo-rgb),.14) 94%,rgba(155,230,255,.9) 98.5%,transparent 100%)}
.pg-vo-src,.pg-vo-lis{position:absolute;z-index:2;left:0;top:0;width:36px;height:36px;margin:-18px 0 0 -18px;padding:0;border:0;background:none;will-change:transform}
.pg-vo-src .pg-vo-face,.pg-vo-lis .pg-vo-face{display:block}
.pg-vo-lis{z-index:3;cursor:grab;touch-action:none}
.pg-vo-lis .pg-vo-face{box-shadow:0 0 0 2px #070910,0 0 0 3.5px var(--lp-gold-hi),0 8px 18px rgba(0,0,0,.7)}
.pg-vo-lis:focus-visible{outline:2px solid var(--lp-gold-hi);outline-offset:5px;border-radius:9px}
.lp-article .pg-vo-read{position:absolute;z-index:4;left:0;top:0;margin:0;max-width:none;padding:6px 10px 5px;border-radius:9px;background:rgba(5,8,14,.92);border:1px solid rgba(246,207,87,.45);
  white-space:nowrap;pointer-events:none;font:600 .74rem/1 'Rajdhani',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-mute);box-shadow:0 10px 22px -10px rgba(0,0,0,.9)}
.pg-vo-read b{font:500 1.35rem/.7 'Teko',sans-serif;letter-spacing:.02em;color:#fff;font-variant-numeric:tabular-nums}
.pg-vo-read em{margin-left:8px;font:500 1.35rem/.7 'Teko',sans-serif;font-style:normal;letter-spacing:.02em;color:var(--lp-gold-hi);font-variant-numeric:tabular-nums}
.pg-vo-read.is-out{border-color:rgba(255,255,255,.18)}
.pg-vo-read.is-out em{font:700 .68rem/1 'Rajdhani',sans-serif;letter-spacing:.16em;color:var(--lp-dim)}
.pg-vo-plot.is-out .pg-vo-lis .pg-vo-face{opacity:.7;box-shadow:0 0 0 2px #070910,0 0 0 3.5px rgba(255,255,255,.35),0 8px 18px rgba(0,0,0,.7)}
.lp-article p.pg-vo-cnote{margin:0;max-width:none;padding:2px 22px 16px;font-size:.74rem;line-height:1.5;color:var(--lp-faint)}

/* facts: each number carries its own signal glyph */
body[data-pg="voice"] .lp-fact{border-color:rgba(var(--vo-rgb),.14);background:linear-gradient(180deg,rgba(14,19,28,.93),rgba(9,11,18,.96))}
body[data-pg="voice"] .lp-fact::before{background:radial-gradient(closest-side,rgba(var(--vo-rgb),.15),transparent)}
.lp-fact>.pg-vo-fg{position:absolute;top:16px;right:14px;width:46px;height:46px;margin:0;pointer-events:none}
.pg-vo-fg i,.pg-vo-fg b{position:absolute;display:block}
.pg-vo-fg--r i,.pg-vo-fg--3 i{left:50%;top:50%;border-radius:50%;border:1.5px solid rgba(var(--vo-rgb),.75)}
.pg-vo-fg--r i{width:44px;height:44px;margin:-22px 0 0 -22px;opacity:0;animation:pg-vo-ring 2.6s linear infinite}
.pg-vo-fg--r i+i{animation-delay:1.3s}
.pg-vo-fg--r b,.pg-vo-fg--3 b{left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--lp-gold-hi);box-shadow:0 0 10px rgba(246,207,87,.7)}
.pg-vo-fg--3 i:nth-child(1){width:16px;height:16px;margin:-8px 0 0 -8px;border-style:dashed;border-color:rgba(var(--vo-rgb),.5)}
.pg-vo-fg--3 i:nth-child(2){width:30px;height:30px;margin:-15px 0 0 -15px;border-color:var(--lp-gold-hi);animation:pg-vo-breath 1.8s var(--vo-sine) infinite alternate}
.pg-vo-fg--3 i:nth-child(3){width:44px;height:44px;margin:-22px 0 0 -22px;border-style:dashed;border-color:rgba(var(--vo-rgb),.5)}
.lp-fact>.pg-vo-fg--k{top:22px;width:64px;height:28px}
.pg-vo-fg--k svg{display:block;width:64px;height:28px;overflow:visible}
.pg-vo-fg--k .ax{stroke:rgba(255,255,255,.12)}
.pg-vo-fg--k .sn{fill:none;stroke:rgba(var(--vo-rgb),.32)}
.pg-vo-fg--k .st{stroke:rgba(var(--vo-rgb),.85);stroke-width:1.2}
.pg-vo-fg--k circle{fill:var(--vo-hi)}
.pg-vo-fg--k b{left:0;top:-3px;width:100%;height:34px;animation:pg-vo-scan 2.8s linear infinite}
.pg-vo-fg--k b::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1.5px;background:var(--lp-gold-hi);box-shadow:0 0 8px rgba(246,207,87,.8)}
.lp-fact>.pg-vo-fg--eq{top:20px;display:flex;align-items:flex-end;justify-content:flex-end;gap:3px;width:auto;height:30px}
.pg-vo-fg--eq i{position:relative;width:5px;height:30px;border-radius:1px;background:linear-gradient(0deg,var(--vo) 0 55%,var(--lp-gold-hi));transform-origin:50% 100%;animation:pg-vo-eq 1.5s var(--vo-sine) infinite alternate}
.pg-vo-fg--eq i:nth-child(2){animation-duration:1.1s;animation-delay:-.4s}.pg-vo-fg--eq i:nth-child(3){animation-duration:1.7s;animation-delay:-.9s}
.pg-vo-fg--eq i:nth-child(4){animation-duration:1.3s;animation-delay:-.2s}.pg-vo-fg--eq i:nth-child(5){animation-duration:1.9s;animation-delay:-1.2s}
/* the figure: the sound between the two players keeps rippling */
body[data-pg="voice"] .lp-figure{position:relative;border-color:rgba(var(--vo-rgb),.2)}
.pg-vo-figr{position:absolute;left:0;right:0;top:0;aspect-ratio:16/9;overflow:hidden;pointer-events:none}
.pg-vo-figr i{position:absolute;left:54.4%;top:49%;width:40%;aspect-ratio:1;margin:-20% 0 0 -20%;border-radius:50%;border:1.5px solid rgba(155,230,255,.55);opacity:0;animation:pg-vo-ring 4.2s linear infinite}
.pg-vo-figr i:nth-child(2){animation-delay:1.4s}.pg-vo-figr i:nth-child(3){animation-delay:2.8s;border-color:rgba(246,207,87,.5)}
body[data-pg="voice"] .lp-figure figcaption::before{content:'';display:inline-block;width:24px;height:10px;margin-right:10px;vertical-align:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 6Q6 -1 12 6T24 6' fill='none' stroke='%234CC9F0' stroke-width='1.3'/%3E%3C/svg%3E") 0 50%/24px 10px no-repeat}

/* instalacja: the signal chain */
.pg-vo-chain{position:relative;max-width:calc(var(--lp-text) + 46px)}
body[data-pg="voice"] .pg-vo-chain .lp-steps::before,body[data-pg="voice"] .pg-vo-chain .lp-steps::after{display:none}
.pg-vo-cable{position:absolute;z-index:0;left:22px;top:60px;bottom:120px;width:8px;border-radius:4px;overflow:hidden;pointer-events:none;
  background:linear-gradient(90deg,#060A10,#23405A 45%,#0C151F);box-shadow:0 0 0 1px rgba(var(--vo-rgb),.3),0 0 14px rgba(var(--vo-rgb),.12)}
.pg-vo-cable i{position:absolute;left:1px;right:1px;top:-140px;bottom:0;background:repeating-linear-gradient(180deg,transparent 0 104px,rgba(155,230,255,.95) 118px,rgba(246,207,87,.9) 128px,transparent 140px);animation:pg-vo-flow 2.4s linear infinite}
body[data-pg="voice"] .pg-vo-chain .lp-step::before{border-radius:50%;background:radial-gradient(circle,#0A0E16 0 15px,#151B26 15.5px 19px,#0A0E16 19.5px);
  border:1.5px solid rgba(var(--vo-rgb),.45);color:var(--vo-hi);box-shadow:0 0 0 5px #08080D,0 8px 18px rgba(0,0,0,.6);transition:border-color .5s,color .5s}
body[data-pg="voice"] .pg-vo-chain .lp-step::after{content:'';position:absolute;z-index:1;left:0;top:0;width:52px;height:52px;box-sizing:border-box;border-radius:50%;border:1.5px solid var(--lp-gold-hi);opacity:0;pointer-events:none}
body[data-pg="voice"] .pg-vo-chain .lp-step.is-linked::before{border-color:var(--lp-gold-hi);color:var(--lp-gold-hi)}
body[data-pg="voice"] .pg-vo-chain .lp-step.is-linked::after{animation:pg-vo-jack 1.3s var(--vo-out) both}
/* the jack label is a tag clipped onto the cable, under its node */
.pg-vo-jack{position:absolute;z-index:1;left:26px;top:62px;width:max-content;transform:translateX(-50%);padding:1px 5px 2px;border-radius:4px;background:#08080D;border:1px solid rgba(var(--vo-rgb),.2);
  font:400 .6rem/1.2 'JetBrains Mono',monospace;letter-spacing:.02em;color:var(--lp-mute);transition:color .5s}
.lp-step.is-linked .pg-vo-jack{color:var(--vo-hi)}
.pg-vo-vu{position:absolute;right:0;top:36px;bottom:60px;width:16px;display:flex;flex-direction:column-reverse;gap:4px;padding:6px 4px;box-sizing:border-box;border-radius:9px;
  background:#070A10;border:1px solid rgba(var(--vo-rgb),.16)}
.pg-vo-vu i{position:relative;flex:1;border-radius:2px;background:rgba(var(--vo-rgb),.1)}
.pg-vo-vu i::after{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--vo);opacity:0;transition:opacity .35s}
.pg-vo-vu i:nth-child(n+11)::after{background:var(--lp-gold-hi)}.pg-vo-vu i:nth-child(n+15)::after{background:#FF9A5C}
.pg-vo-vu i.is-lit::after{opacity:1}
body[data-pg="voice"] .lp-note--tip{background:rgba(var(--vo-rgb),.06);border-color:rgba(var(--vo-rgb),.24)}
body[data-pg="voice"] .lp-note--tip>i{color:var(--vo)}

/* funkcje: six sound signatures */
#funkcje .lp-tile{border-color:rgba(var(--vo-rgb),.12);background:linear-gradient(180deg,rgba(15,19,28,.94),rgba(9,11,17,.96))}
#funkcje .lp-tile-tag{z-index:3;top:36px;right:34px}
#funkcje .pg-vo-sig{position:relative;display:block;width:auto;height:104px;margin:0 0 20px;border-radius:14px;overflow:hidden;color:var(--vo-hi);
  background:linear-gradient(rgba(var(--vo-rgb),.055) 1px,transparent 1px) 0 0/100% 13px,linear-gradient(90deg,rgba(var(--vo-rgb),.055) 1px,transparent 1px) 0 0/13px 100%,
  radial-gradient(120% 90% at 50% 110%,rgba(var(--vo-rgb),.11),transparent 70%),#060910;border:1px solid rgba(var(--vo-rgb),.18);box-shadow:inset 0 0 26px rgba(0,0,0,.65)}
#funkcje .pg-vo-sig>i{position:absolute;z-index:3;left:9px;top:9px;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:.68rem;
  background:rgba(6,9,16,.85);border:1px solid rgba(var(--vo-rgb),.32);color:var(--vo-hi)}
@media(hover:hover){#funkcje .lp-tile:hover .pg-vo-sig{border-color:rgba(var(--vo-rgb),.42)}}
.pg-vo-sg{position:absolute;inset:0}
.pg-vo-sg span,.pg-vo-sg i,.pg-vo-sg svg{position:absolute;display:block}
.pg-vo-sg .sg-dot,.pg-vo-sg .sg-m{width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:3px;background:#E9EEF6;box-shadow:0 0 0 1.5px #070910}
/* proximity: rings fade on their way out; the near player is reached, */
.pg-vo-sig--prox .sg-src{left:26%;top:57%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--vo-hi);box-shadow:0 0 0 4px rgba(var(--vo-rgb),.2),0 0 16px rgba(var(--vo-rgb),.8)}
.pg-vo-sig--prox .sg-edge,.pg-vo-sig--prox .sg-ring{left:26%;top:57%;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%}
.pg-vo-sig--prox .sg-edge{border:1px dashed rgba(var(--vo-rgb),.38)}
.pg-vo-sig--prox .sg-ring{border:2px solid var(--vo-hi);opacity:0;animation:pg-vo-ring 2.4s linear infinite}
.pg-vo-sig--prox .sg-ring:nth-child(3){animation-delay:.8s}.pg-vo-sig--prox .sg-ring:nth-child(4){animation-delay:1.6s}
.pg-vo-sig--prox .sg-near{left:calc(26% + 40px);top:calc(57% - 20px)}
.pg-vo-sig--prox .sg-near::after{content:'';position:absolute;inset:-5px;border-radius:5px;border:1.5px solid var(--vo-hi);opacity:0;animation:pg-vo-reach .8s var(--vo-out) infinite;animation-delay:.78s}
.pg-vo-sig--prox .sg-far{left:calc(26% + 96px);top:calc(57% + 8px);opacity:.32}
/* 3D sound: a voice circles Ty, the ear on its side lights up */
.pg-vo-sig--3d .sg-head{left:50%;top:55%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:4px;background:url(/img/lp/voice/ty.svg) 0 0/100% 100% no-repeat;box-shadow:0 0 0 2px #070910,0 0 0 3.5px var(--lp-gold-hi)}
.pg-vo-sig--3d .sg-arc{left:50%;top:55%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:2px solid transparent}
.pg-vo-sig--3d .sg-2{width:70px;height:70px;margin:-35px 0 0 -35px}
.pg-vo-sig--3d .sg-l{border-left-color:var(--vo-hi);animation:pg-vo-panl 4.8s linear infinite}
.pg-vo-sig--3d .sg-r{border-right-color:var(--lp-gold-hi);animation:pg-vo-panr 4.8s linear infinite}
.pg-vo-sig--3d .sg-2.sg-l,.pg-vo-sig--3d .sg-2.sg-r{animation-delay:-.18s}
.pg-vo-sig--3d .sg-orbit{left:50%;top:55%;width:0;height:0;scale:1 .56;animation:pg-vo-orbit 4.8s linear infinite}
.pg-vo-sig--3d .sg-orbit .sg-dot{left:52px;top:0;width:12px;height:12px;margin:-6px;border-radius:50%;background:var(--vo-hi);box-shadow:0 0 14px rgba(var(--vo-rgb),.9)}
/* push-to-talk: while the key is down the voice goes out gold */
.pg-vo-sig--ptt .sg-cap{left:16px;top:50%;width:54px;height:44px;margin-top:-19px;isolation:isolate;display:grid;place-items:center;border-radius:9px;font:600 .86rem/1 'JetBrains Mono',monospace;color:#fff;
  background:linear-gradient(180deg,#2c303c,#1b1e27);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 0 #04050A,0 9px 14px rgba(0,0,0,.6);animation:pg-vo-cap 4s var(--vo-sine) infinite}
.pg-vo-sig--ptt .sg-cap::after{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(180deg,#F6CF57,#C9971C);opacity:0;animation:pg-vo-on 4s linear infinite}
.pg-vo-sig--ptt .sg-wave,.pg-vo-sig--aes .sg-wave{top:50%;height:40px;margin-top:-20px;overflow:hidden}
.pg-vo-sig--ptt .sg-wave{left:86px;right:14px}
.pg-vo-sg .sg-w{left:0;top:0;width:200%;height:100%;overflow:visible;animation:pg-vo-scroll 3.2s linear infinite}
.pg-vo-sg .sg-w path{fill:none;stroke:rgba(var(--vo-rgb),.45);stroke-width:1.4}
.pg-vo-sg .sg-on{animation:pg-vo-scroll 3.2s linear infinite,pg-vo-on 4s linear infinite}
.pg-vo-sg .sg-on path{stroke:var(--lp-gold-hi);stroke-width:1.6}
.pg-vo-sig--ptt .sg-thr{left:86px;right:14px;top:calc(50% - 11px);border-top:1px dashed rgba(246,207,87,.45)}
/* guild channel: the voice stays inside the bubble, and still reaches a */
.pg-vo-sig--guild .sg-bub{left:9%;top:18px;width:44%;height:70px;overflow:hidden;border-radius:35px;border:1.5px dashed rgba(246,207,87,.6);background:rgba(246,207,87,.06)}
.pg-vo-sig--guild .sg-bub .sg-ring{left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:1.5px solid rgba(246,207,87,.9);opacity:0;animation:pg-vo-ring 2.6s linear infinite}
.pg-vo-sig--guild .sg-bub .sg-ring+.sg-ring{animation-delay:1.3s}
.pg-vo-sig--guild .sg-m{box-shadow:0 0 0 1.5px #070910,0 0 0 3px rgba(246,207,87,.85)}
.pg-vo-sig--guild .sg-bub .sg-m:nth-child(3){left:28%;top:36%}.pg-vo-sig--guild .sg-bub .sg-m:nth-child(4){left:52%;top:64%}.pg-vo-sig--guild .sg-bub .sg-m:nth-child(5){left:74%;top:38%}
.pg-vo-sig--guild .sg-link{left:53%;top:56px;width:28%;height:0;overflow:visible;border-top:1.5px dashed rgba(246,207,87,.5)}
.pg-vo-sig--guild .sg-link i{left:0;top:-4px;width:100%;height:7px;animation:pg-vo-scan 1.8s var(--vo-sine) infinite}
.pg-vo-sig--guild .sg-link i::before{content:'';position:absolute;left:-3px;top:0;width:7px;height:7px;border-radius:50%;background:var(--lp-gold-hi);box-shadow:0 0 10px rgba(246,207,87,.9)}
.pg-vo-sig--guild .sg-far{left:86%;top:56px}
.pg-vo-sig--guild .sg-far::after{content:'';position:absolute;inset:-5px;border-radius:5px;border:1.5px solid var(--lp-gold-hi);opacity:0;animation:pg-vo-reach 1.8s var(--vo-out) infinite;animation-delay:1.55s}
.pg-vo-sig--guild .sg-str{left:64%;top:26px;opacity:.38;box-shadow:0 0 0 1.5px #070910,0 0 0 3px rgba(255,255,255,.22)}
/* volume and mute: the fader sets the level, M silences it */
.pg-vo-sig--vol .sg-bars{left:42px;right:68px;top:16px;height:48px;display:flex;align-items:center;justify-content:space-between;animation:pg-vo-amp 5.2s var(--vo-sine) infinite}
.pg-vo-sig--vol .sg-bars i{position:relative;width:3px;height:100%;border-radius:2px;background:linear-gradient(0deg,var(--vo),var(--vo-hi))}
.pg-vo-sig--vol .sg-mute{left:calc(50% - 40px);top:39px;width:56px;height:2px;margin-left:-28px;border-radius:1px;background:#FF8A7A;transform:rotate(-24deg);opacity:0;animation:pg-vo-mute 5.2s linear infinite}
.pg-vo-sig--vol .sg-fader{left:42px;right:68px;bottom:17px;height:4px;border-radius:2px;background:rgba(255,255,255,.1)}
.pg-vo-sig--vol .sg-knob{left:0;top:-7px;width:100%;height:18px;animation:pg-vo-knob 5.2s var(--vo-sine) infinite}
.pg-vo-sig--vol .sg-knob::before{content:'';position:absolute;left:-7px;top:0;width:14px;height:18px;border-radius:4px;background:linear-gradient(#EEF2F8,#9AA1AD);box-shadow:inset 0 -2px 0 rgba(0,0,0,.25),0 3px 7px rgba(0,0,0,.55)}
.pg-vo-sig--vol .sg-mc{right:14px;left:auto;top:50%;width:40px;height:38px;margin-top:-21px;isolation:isolate;display:grid;place-items:center;border-radius:8px;font:600 .9rem/1 'JetBrains Mono',monospace;color:#fff;
  background:linear-gradient(180deg,#2c303c,#1b1e27);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 0 #04050A,0 8px 12px rgba(0,0,0,.6);animation:pg-vo-mcap 5.2s var(--vo-sine) infinite}
/* AES: voice in, scrambled blocks out */
.pg-vo-sig--aes .sg-wave{left:14px;width:calc(50% - 44px)}
.pg-vo-sig--aes .sg-w{animation-direction:reverse}
.pg-vo-sig--aes .sg-lock{left:50%;top:50%;width:54px;height:38px;margin:-15px 0 0 -27px;display:grid;place-items:center;border-radius:9px;border:1.5px solid var(--lp-gold-hi);background:rgba(246,207,87,.1);
  font:500 1.15rem/1 'Teko',sans-serif;letter-spacing:.12em;color:var(--lp-gold-hi)}
.pg-vo-sig--aes .sg-lock::before{content:'';position:absolute;left:50%;top:-13px;width:20px;height:16px;margin-left:-10px;box-sizing:border-box;border:2.5px solid var(--lp-gold-hi);border-bottom:0;border-radius:10px 10px 0 0}
.pg-vo-sig--aes .sg-pk{left:calc(50% + 36px);right:12px;top:50%;height:12px;margin-top:-4px;overflow:hidden}
.pg-vo-sig--aes .sg-pk i{left:0;top:2px;width:100%;height:8px;opacity:0;animation:pg-vo-pk 2.1s linear infinite}
.pg-vo-sig--aes .sg-pk i::before{content:'';position:absolute;left:-8px;top:0;width:8px;height:8px;border-radius:1px;background:var(--lp-gold-hi)}
.pg-vo-sig--aes .sg-pk i:nth-child(2){animation-delay:.35s}.pg-vo-sig--aes .sg-pk i:nth-child(2)::before{background:var(--vo);top:-2px}
.pg-vo-sig--aes .sg-pk i:nth-child(3){animation-delay:.7s}.pg-vo-sig--aes .sg-pk i:nth-child(3)::before{background:#8B93A3}
.pg-vo-sig--aes .sg-pk i:nth-child(4){animation-delay:1.05s}.pg-vo-sig--aes .sg-pk i:nth-child(4)::before{background:var(--vo-hi);top:2px}
.pg-vo-sig--aes .sg-pk i:nth-child(5){animation-delay:1.4s}.pg-vo-sig--aes .sg-pk i:nth-child(5)::before{background:#C9971C}
.pg-vo-sig--aes .sg-pk i:nth-child(6){animation-delay:1.75s}.pg-vo-sig--aes .sg-pk i:nth-child(6)::before{background:var(--vo-deep);top:-2px}

/* tables: the comparison is a mixing console, the server list stays calm */
body[data-pg="voice"] .lp-tablewrap{border-color:rgba(var(--vo-rgb),.16)}
body[data-pg="voice"] .lp-table thead th{border-bottom-color:rgba(var(--vo-rgb),.28)}
.pg-vo-console thead th{vertical-align:bottom;padding-top:16px;background:linear-gradient(180deg,#121722,#0C0F16)}
.lp-table.pg-vo-console thead .lp-hl{background:linear-gradient(180deg,#3B2C08,#1D160A)}
.lp-table.pg-vo-console thead .lp-hl::before{content:none}
.pg-vo-ch{display:flex;align-items:center;gap:14px;margin:4px 0 12px 6px}
.pg-vo-knob{position:relative;flex:none;width:26px;height:26px;border-radius:50%;transform:rotate(var(--a));
  background:radial-gradient(circle at 38% 30%,#41465290,#15171d 70%),#1b1e26;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 6px rgba(0,0,0,.65),0 0 0 3px rgba(255,255,255,.035)}
.pg-vo-knob::before{content:'';position:absolute;left:50%;top:3px;width:2px;height:8px;margin-left:-1px;border-radius:1px;background:#DDE3EC}
.pg-vo-knob::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px dotted rgba(255,255,255,.2);-webkit-mask:conic-gradient(from 225deg,#000 0 270deg,transparent 0);mask:conic-gradient(from 225deg,#000 0 270deg,transparent 0)}
.lp-hl .pg-vo-knob::before{background:var(--lp-gold-hi)}
.pg-vo-leds{position:relative;width:64px;height:13px;overflow:hidden;border-radius:2px;
  background:linear-gradient(transparent 6px,#0C0F15 6px 7px,transparent 7px),repeating-linear-gradient(90deg,transparent 0 4px,#0C0F15 4px 6px),linear-gradient(90deg,var(--vo) 0,var(--vo) 58%,var(--lp-gold-hi) 82%,#FF9A5C 100%)}
.pg-vo-leds::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(var(--vo-rgb),.13) 0 4px,#0C0F15 4px 6px),#0C0F15;transform:translateX(52%)}
.lp-hl .pg-vo-leds::after{animation:pg-vo-lv 1.9s var(--vo-sine) infinite}
.pg-vo-console[data-solo="2"] thead th:nth-child(3) .pg-vo-leds::after,.pg-vo-console[data-solo="3"] thead th:nth-child(4) .pg-vo-leds::after{animation:pg-vo-lv 1.6s var(--vo-sine) infinite}
.pg-vo-console[data-solo="1"] tr>:nth-child(2),.pg-vo-console[data-solo="2"] tr>:nth-child(3),.pg-vo-console[data-solo="3"] tr>:nth-child(4){box-shadow:inset 0 0 0 200px rgba(var(--vo-rgb),.06)}
.pg-vo-console tbody th{font-weight:600}
#kto-ma-voice .lp-table .lp-hl{background:linear-gradient(180deg,rgba(var(--vo-rgb),.1),rgba(var(--vo-rgb),.05));border-left-color:rgba(var(--vo-rgb),.32);border-right-color:rgba(var(--vo-rgb),.32)}
#kto-ma-voice .lp-table thead .lp-hl{background:linear-gradient(180deg,#0E2F3D,#0A1A22);color:#D8F6FF}
#kto-ma-voice .lp-table thead .lp-hl::before{content:'';display:inline-block;width:16px;height:14px;margin-right:8px;vertical-align:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Ccircle cx='8' cy='9' r='1.8' fill='%239BE6FF'/%3E%3Cpath d='M4.6 5.6a4.8 4.8 0 0 0 0 6.8M11.4 5.6a4.8 4.8 0 0 1 0 6.8M2.2 3.2a8.2 8.2 0 0 0 0 11.6M13.8 3.2a8.2 8.2 0 0 1 0 11.6' fill='none' stroke='%239BE6FF' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
#kto-ma-voice .lp-table tbody tr:last-child .lp-hl{border-bottom-color:rgba(var(--vo-rgb),.32)}

/* PlasmoVoice or SVC: two oscilloscopes */
.pg-vo-scope{position:relative;height:118px;margin:0 0 18px;border-radius:14px;overflow:hidden;border:1px solid rgba(var(--vo-rgb),.22);box-shadow:inset 0 0 30px rgba(0,0,0,.75);
  background:linear-gradient(rgba(var(--vo-rgb),.07) 1px,transparent 1px) 0 0/100% 20px,linear-gradient(90deg,rgba(var(--vo-rgb),.07) 1px,transparent 1px) 0 0/20px 100%,radial-gradient(110% 100% at 50% 50%,#0B1620,#04070C)}
.pg-vo-scope--svc{border-color:rgba(255,255,255,.14);background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 20px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/20px 100%,radial-gradient(110% 100% at 50% 50%,#12141B,#06070B)}
.pg-vo-scope-in{position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pg-vo-tr{position:absolute;left:0;right:0;top:calc(30% - 23px);height:46px;color:var(--vo)}
.pg-vo-tr::before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(255,255,255,.07)}
.pg-vo-tr svg{position:absolute;left:0;top:0;width:200%;height:100%;overflow:visible;animation:pg-vo-scroll 3.4s linear infinite}
.pg-vo-tr path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pg-vo-tr .gl{stroke-width:5;opacity:.16}
.pg-vo-tr--l{animation:pg-vo-pan 4.6s var(--vo-sine) infinite}
.pg-vo-tr--r{top:calc(70% - 23px);color:var(--lp-gold-hi);animation:pg-vo-pan 4.6s var(--vo-sine) -2.3s infinite}
.pg-vo-scope--svc .pg-vo-tr{top:calc(22% - 15px);height:30px;color:rgba(232,236,246,.88)}
.pg-vo-scope--svc .pg-vo-tr--2{top:calc(50% - 15px);color:rgba(232,236,246,.72)}.pg-vo-scope--svc .pg-vo-tr--2 svg{animation-duration:4.1s}
.pg-vo-scope--svc .pg-vo-tr--3{top:calc(78% - 15px);color:rgba(232,236,246,.58)}.pg-vo-scope--svc .pg-vo-tr--3 svg{animation-duration:2.9s}
.pg-vo-ph{position:absolute;inset:0;animation:pg-vo-scan 6.4s linear infinite}
.pg-vo-ph::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1.5px;background:rgba(255,120,110,.7);box-shadow:0 0 8px rgba(255,120,110,.6)}
.pg-vo-scope-tag{position:absolute;right:10px;top:9px;display:inline-flex;align-items:center;padding:4px 8px 3px;border-radius:6px;background:rgba(5,8,14,.85);border:1px solid rgba(var(--vo-rgb),.32);
  font:700 .6rem/1.1 'Rajdhani',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--vo-hi)}
.pg-vo-scope--svc .pg-vo-scope-tag{border-color:rgba(255,255,255,.2);color:var(--lp-dim)}
.pg-vo-rec{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#FF6B6B;animation:pg-vo-rec 1.6s steps(2,jump-none) infinite}
.pg-vo-scope-lr b{position:absolute;left:10px;top:calc(30% - 9px);font:500 1rem/1 'Teko',sans-serif;color:var(--vo)}
.pg-vo-scope-lr b+b{top:calc(70% - 9px);color:var(--lp-gold-hi)}
body[data-pg="voice"] .lp-pane{border-color:rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(15,18,26,.9),rgba(10,11,17,.92))}
body[data-pg="voice"] .lp-pane--hl{border-color:rgba(var(--vo-rgb),.36);background:linear-gradient(180deg,rgba(12,24,33,.9),rgba(9,12,18,.94))}
body[data-pg="voice"] .lp-pane h3 i{color:var(--vo)}

/* w-praktyce: four little scenes */
#w-praktyce .pg-vo-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none;margin-top:28px}
#w-praktyce .pg-vo-scenes>li{margin:0;padding:0 20px 20px;border-radius:20px;overflow:hidden;border:1px solid rgba(var(--vo-rgb),.14);background:linear-gradient(180deg,rgba(14,19,28,.93),rgba(9,11,17,.96));font-size:.95rem;line-height:1.66}
#w-praktyce .pg-vo-scenes>li::before{display:none}
#w-praktyce .pg-vo-scenes>li>strong{display:block;margin:0 0 6px;font-size:1.04rem;color:#fff}
.pg-vo-vig{position:relative;display:block;margin:0 -20px 16px;aspect-ratio:8/3;overflow:hidden;background:#0B0F16;border-bottom:1px solid rgba(var(--vo-rgb),.14)}
.pg-vo-vig-c{display:block;width:100%;height:100%;image-rendering:pixelated}
/* one warm light pool per scene (static) and a soft vignette; the */
.pg-vo-vig::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(30% 75% at var(--lx,50%) var(--ly,40%),rgba(255,204,128,.3),rgba(255,172,84,.1) 50%,transparent 74%)}
.pg-vo-vig::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,22,40,.1),transparent 40%,rgba(6,8,13,.4)),radial-gradient(130% 125% at 50% 45%,transparent 52%,rgba(4,6,10,.5))}
.pg-vo-vig .vr,.pg-vo-vig .vf,.pg-vo-vig .vk,.pg-vo-vig .vb,.pg-vo-vig .vbub{position:absolute;z-index:2;pointer-events:none}
/* the speaker's rings grow to 22 scene pixels (the proximity reach of */
.pg-vo-vig .vr{width:45.83%;aspect-ratio:1;transform:translate(-50%,-50%)}
.pg-vo-vig .vr i{position:absolute;inset:0;border-radius:50%;opacity:0;animation:pg-vo-ring 2.4s linear infinite;background:radial-gradient(closest-side,transparent 80%,rgba(var(--vo-rgb),.24) 90%,rgba(175,236,255,.98) 96.5%,transparent 100%)}
.pg-vo-vig .vr i+i{animation-delay:1.2s}
.pg-vo-vig .vr--g i{background:radial-gradient(closest-side,transparent 80%,rgba(246,207,87,.24) 90%,rgba(255,232,160,.98) 96.5%,transparent 100%)}
.pg-vo-vig .vr--p i{animation:pg-vo-ringp 3.6s linear .2s infinite}
.pg-vo-vig .vr--p i+i{animation-delay:1s}
/* heads: the speaker ringed in cyan (gold in the party channel), */
.pg-vo-vig .vf{width:8.333%;height:22.222%}
.pg-vo-vf{display:block;width:100%;height:100%;image-rendering:pixelated;border-radius:2px;box-shadow:0 0 0 1px rgba(4,6,10,.9),0 3px 7px rgba(0,0,0,.65)}
.pg-vo-vig .vf--s .pg-vo-vf{box-shadow:0 0 0 1px rgba(4,6,10,.9),0 0 0 2.5px rgba(var(--vo-rgb),.9),0 3px 9px rgba(0,0,0,.6)}
.pg-vo-vig--2 .vf--s .pg-vo-vf{box-shadow:0 0 0 1px rgba(4,6,10,.9),0 0 0 2.5px var(--lp-gold-hi),0 3px 9px rgba(0,0,0,.6)}
.pg-vo-vig .vf--o{opacity:.62}
.pg-vo-vig .vf--l{animation:pg-vo-vbump 1.2s linear infinite;animation-delay:var(--bd,0s)}
.pg-vo-vig .vf--l::after{content:'';position:absolute;inset:-4px;border:2px solid var(--vo-hi);border-radius:4px;opacity:0;animation:pg-vo-vhit 1.2s linear infinite;animation-delay:var(--bd,0s)}
.pg-vo-vig--2 .vf--l::after{border-color:var(--lp-gold-hi)}
.pg-vo-vig .vf--l2,.pg-vo-vig .vf--l2::after{animation-duration:3.6s;animation-name:pg-vo-vb2}
.pg-vo-vig .vf--l2::after{animation-name:pg-vo-vh2}
.pg-vo-vig:not(.is-live) .vf::after{animation-play-state:paused!important}
/* PvP: push-to-talk first — the key goes down, then the plan goes out */
.pg-vo-vig .vk{width:10.4%;height:16.7%;display:grid;place-items:center;border-radius:4px;background:linear-gradient(180deg,#F6CF57,#C9971C);color:#160F02;
  font:700 clamp(.5rem,1.5vw,.66rem)/1 'JetBrains Mono',monospace;box-shadow:0 2px 0 #6B4E0A,0 0 14px rgba(246,207,87,.45);opacity:0;animation:pg-vo-vkey 3.6s linear infinite}
/* dungeon: the party talks inside its own channel (the dashed gold */
.pg-vo-vig .vbub{left:2%;top:4%;width:41%;height:92%;box-sizing:border-box;border:1.5px dashed rgba(246,207,87,.8);border-radius:44%/50%;overflow:hidden;background:rgba(246,207,87,.05)}
.pg-vo-vig .vbub .vr{width:111.8%}
/* building: the wall grows block by block while they talk */
.pg-vo-vig .vb{top:8.33%;width:6.25%;aspect-ratio:1;background:#946D46;box-shadow:inset 0 0 0 1px rgba(0,0,0,.28),inset 2px 2px 0 rgba(255,255,255,.14);opacity:0;animation:pg-vo-b1 4.8s linear infinite}
.pg-vo-vig .vb:nth-last-child(3){left:58.3%}.pg-vo-vig .vb:nth-last-child(2){left:64.6%;animation-name:pg-vo-b2}.pg-vo-vig .vb:nth-last-child(1){left:70.8%;animation-name:pg-vo-b3}

/* FAQ, author, recommendation, sources */
body[data-pg="voice"] .lp-qa{border-color:rgba(var(--vo-rgb),.12);background:rgba(12,15,23,.82)}
body[data-pg="voice"] .lp-qa summary{position:relative;padding-left:48px}
body[data-pg="voice"] .lp-qa summary::before{content:'';position:absolute;left:19px;top:50%;width:13px;height:13px;margin-top:-6.5px;box-sizing:border-box;border-radius:50%;
  border:1.5px solid rgba(var(--vo-rgb),.55);background:radial-gradient(circle,var(--vo) 0 1.8px,transparent 2.4px)}
body[data-pg="voice"] .lp-qa[open]{border-color:rgba(var(--vo-rgb),.38);background:linear-gradient(180deg,rgba(13,21,31,.94),rgba(10,13,20,.94));box-shadow:inset 3px 0 0 rgba(var(--vo-rgb),.75)}
body[data-pg="voice"] .lp-qa[open] summary::before{border-color:var(--lp-gold-hi);background:radial-gradient(circle,var(--lp-gold-hi) 0 2.6px,transparent 3.2px);animation:pg-vo-qa .8s var(--vo-out)}
body[data-pg="voice"] .lp-qa[open] summary::after{background-color:rgba(var(--vo-rgb),.14)}
body[data-pg="voice"] .lp-qa-a{padding-left:48px}
body[data-pg="voice"] .lp-author{position:relative;border-color:rgba(var(--vo-rgb),.16);background:linear-gradient(180deg,rgba(14,19,28,.9),rgba(10,12,19,.92))}
body[data-pg="voice"] .lp-author::before,body[data-pg="voice"] .lp-author::after{content:'';position:absolute;left:24px;top:50%;width:72px;height:72px;margin-top:-36px;box-sizing:border-box;border-radius:19px;
  border:1.5px solid rgba(var(--vo-rgb),.6);pointer-events:none;opacity:0;animation:pg-vo-aura 3.4s var(--vo-out) infinite}
body[data-pg="voice"] .lp-author::after{animation-delay:1.7s;border-color:rgba(246,207,87,.5)}
body[data-pg="voice"] .lp-author-k{color:var(--vo-hi)}
body[data-pg="voice"] .lp-reco{border-color:rgba(var(--vo-rgb),.24);background:linear-gradient(120deg,rgba(var(--vo-rgb),.1),rgba(212,160,23,.06))}
/* no bulb: Ty speaks inside his dashed range ring, his gold voice rings fade out exactly at its edge (the page's law) */
body[data-pg="voice"] .lp-reco>i{position:relative;width:64px;height:64px;border-radius:0;font-size:0;color:transparent;background:url(/img/lp/voice/reco.svg) center/64px 64px no-repeat}
body[data-pg="voice"] .lp-reco>i::before,body[data-pg="voice"] .lp-reco>i::after{content:'';position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(246,207,87,.85);opacity:0;animation:pg-vo-recor 2.8s var(--vo-out) infinite}
body[data-pg="voice"] .lp-reco>i::after{animation-delay:1.4s;border-color:rgba(246,207,87,.55)}
body[data-pg="voice"] .lp-sources{border-color:rgba(var(--vo-rgb),.2)}

/* CTA: back in the world, broadcasting */
body[data-pg="voice"] .lp-cta-in{border-color:rgba(var(--vo-rgb),.28);background:radial-gradient(640px 320px at 50% -10%,rgba(212,160,23,.16),transparent 70%),linear-gradient(180deg,#0A1018,#06080D)}
.pg-vo-cta-bg{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.pg-vo-cta-bg img{position:absolute;left:50%;top:50%;width:max(100%,1180px);height:auto;transform:translate(-50%,-50%);image-rendering:pixelated;opacity:.62;
  -webkit-mask:radial-gradient(58% 72% at 50% 50%,#000 10%,transparent 78%);mask:radial-gradient(58% 72% at 50% 50%,#000 10%,transparent 78%)}
.pg-vo-cta-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 46%,rgba(6,8,13,.72),rgba(6,8,13,.35) 70%,rgba(6,8,13,.8))}
/* the CTA's rings pass around the text column, never through the glyphs */
.pg-vo-cta-rings{position:absolute;z-index:1;left:50%;top:44%;width:760px;height:760px;margin:-380px 0 0 -380px;
  -webkit-mask:radial-gradient(48% 23% at 50% 52%,transparent 78%,#000 100%);mask:radial-gradient(48% 23% at 50% 52%,transparent 78%,#000 100%)}
.pg-vo-cta-rings i{position:absolute;left:0;top:0;width:760px;height:760px;border-radius:50%;border:1.5px solid rgba(155,230,255,.5);opacity:0;animation:pg-vo-ring 6.4s linear infinite}
.pg-vo-cta-rings i:nth-child(2){animation-delay:1.6s}.pg-vo-cta-rings i:nth-child(3){animation-delay:3.2s;border-color:rgba(246,207,87,.45)}.pg-vo-cta-rings i:nth-child(4){animation-delay:4.8s}
body[data-pg="voice"] .lp-cta-k{color:var(--vo-hi)}
body[data-pg="voice"] .lp-related>h2 em{color:var(--lp-gold-hi)}
/* "Sprawdź też" as a row of channel strips: a channel number and a */
body[data-pg="voice"] .lp-links{counter-reset:ch}
body[data-pg="voice"] .lp-link{position:relative;counter-increment:ch;border-radius:14px;border-color:rgba(var(--vo-rgb),.13);background:linear-gradient(180deg,rgba(14,18,27,.93),rgba(9,11,17,.96))}
body[data-pg="voice"] .lp-link>i{position:relative;width:56px;height:50px;border-radius:10px;overflow:hidden;background:#0A0D14;border:1px solid rgba(var(--vo-rgb),.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
body[data-pg="voice"] .lp-link>i::before{content:'CH ' counter(ch,decimal-leading-zero);position:absolute;inset:0;padding-top:10px;text-align:center;font:500 1.08rem/1 'Teko',sans-serif;letter-spacing:.08em;color:var(--lp-gold-hi);
  background:repeating-linear-gradient(90deg,transparent 0 6px,#0A0D14 6px 8px) 9px calc(100% - 10px)/38px 5px no-repeat,linear-gradient(90deg,var(--vo) 0 50%,var(--lp-gold-hi) 78%,#FF9A5C) 9px calc(100% - 10px)/38px 5px no-repeat}
body[data-pg="voice"] .lp-link>i::after{content:'';position:absolute;left:25px;bottom:10px;width:22px;height:5px;background:repeating-linear-gradient(90deg,rgba(var(--vo-rgb),.17) 0 6px,#0A0D14 6px 8px),#0A0D14;transition:transform .25s var(--lp-ease)}
body[data-pg="voice"] .lp-link::before{content:'';position:absolute;left:17px;top:50%;width:58px;height:52px;margin-top:-26px;box-sizing:border-box;border-radius:11px;border:1.5px solid var(--vo-hi);opacity:0;pointer-events:none}
@media(hover:hover){body[data-pg="voice"] .lp-link:hover{border-color:rgba(var(--vo-rgb),.42)}body[data-pg="voice"] .lp-link:hover>i::after{transform:translateX(32px)}body[data-pg="voice"] .lp-link:hover::before{animation:pg-vo-chp 1.3s var(--vo-out) infinite}}
body[data-pg="voice"] .lp-link:focus-visible>i::after{transform:translateX(32px)}
/* the table of contents counts from 00 like the chapter eyebrows (W */
body[data-pg="voice"] .lp-toc ol,body[data-pg="voice"] .lp-tocm ol{counter-reset:c -1}
/* faq: opening a question plays a short voice strip under it once (bars */
.pg-vo-qtx{position:relative;display:flex;align-items:center;gap:3px;width:max-content;height:18px;margin:0 0 12px;overflow:hidden}
.pg-vo-qtx i{flex:none;width:3px;height:100%;border-radius:2px;background:linear-gradient(180deg,var(--vo-hi),var(--vo-deep));transform:scaleY(var(--h));opacity:.8}
.lp-qa[open] .pg-vo-qtx i{animation:pg-vo-qbar .5s var(--vo-out) backwards;animation-delay:calc(var(--i) * 30ms)}
.pg-vo-qtx::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(100% - 2px),var(--lp-gold-hi) 0);transform:translateX(-100%);opacity:0}
.lp-qa[open] .pg-vo-qtx::after{animation:pg-vo-qhead 1.2s linear}

.pg-vo-faders td{padding:12px 16px 16px;border-bottom:0;background:linear-gradient(180deg,#0E1219,#0A0C12)}
.lp-table.pg-vo-console .pg-vo-faders .lp-hl{border-bottom:1px solid rgba(212,160,23,.3)}
.pg-vo-scale{display:block;width:26px;height:66px;margin-left:auto;background:repeating-linear-gradient(180deg,rgba(255,255,255,.22) 0 1px,transparent 1px 8px) 100% 0/9px 100% no-repeat,repeating-linear-gradient(180deg,rgba(var(--vo-rgb),.6) 0 1px,transparent 1px 32px) 100% 0/18px 100% no-repeat}
.pg-vo-fd{position:relative;display:block;width:12px;height:66px;margin-left:34px;border-radius:6px;background:#04060A;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pg-vo-fd::before{content:'';position:absolute;left:5px;top:7px;bottom:7px;width:2px;border-radius:1px;background:rgba(255,255,255,.14)}
.pg-vo-fd i{position:absolute;left:-10px;top:0;width:32px;height:15px;border-radius:3px;background:linear-gradient(#EEF1F6,#8E95A1);box-shadow:inset 0 -2px 0 rgba(0,0,0,.3),0 5px 9px rgba(0,0,0,.6);transform:translateY(36px);transition:transform .7s var(--vo-out)}
.pg-vo-fd i::after{content:'';position:absolute;left:5px;right:5px;top:6px;height:2px;background:rgba(0,0,0,.4)}
.lp-hl .pg-vo-fd i{background:linear-gradient(#FFE08A,#C9971C);transform:translateY(9px)}
.pg-vo-console[data-solo="2"] .pg-vo-faders td:nth-child(3) .pg-vo-fd i,.pg-vo-console[data-solo="3"] .pg-vo-faders td:nth-child(4) .pg-vo-fd i{transform:translateY(14px)}
@media(max-width:640px){.lp-table--stack.pg-vo-console tfoot{display:none}
  /* phones: each entry keeps a channel LED strip, the TitanMC channel lit */
  .pg-vo-console tbody td{position:relative}
  .pg-vo-console tbody td::after{content:'';position:absolute;right:16px;top:12px;width:34px;height:6px;border-radius:1px;background:repeating-linear-gradient(90deg,transparent 0 5px,#0C0F15 5px 7px),rgba(255,255,255,.11)}
  .pg-vo-console tbody td.lp-hl::after{background:repeating-linear-gradient(90deg,transparent 0 5px,#0C0F15 5px 7px),linear-gradient(90deg,var(--vo) 0 50%,var(--lp-gold-hi) 78%,#FF9A5C)}
  /* a "nie" answer gets the dim strip like the other channels; the inset */
  .pg-vo-console tbody td.lp-hl:has(.lp-n)::after{background:repeating-linear-gradient(90deg,transparent 0 5px,#0C0F15 5px 7px),rgba(255,255,255,.11)}}
.pg-vo-cta-p{position:absolute;z-index:2;width:36px;height:36px;margin:-18px 0 0 -18px}
.pg-vo-cta-p i{position:absolute;left:50%;top:50%;width:230px;height:230px;margin:-115px 0 0 -115px;border-radius:50%;background:radial-gradient(closest-side,transparent 82%,rgba(var(--vo-rgb),.16) 91%,rgba(155,230,255,.85) 97%,transparent 100%);opacity:0;animation:pg-vo-ring 4.4s linear infinite;animation-delay:var(--d)}
.pg-vo-cta-p i+i{animation-delay:calc(var(--d) + .55s)}
/* your voice from the CTA: one gold ring that reaches the players (passes around the text column too) */
.pg-vo-cta-call{position:absolute;inset:0;z-index:1;-webkit-mask:radial-gradient(420px 250px at 50% 45%,transparent 80%,#000 100%);mask:radial-gradient(420px 250px at 50% 45%,transparent 80%,#000 100%)}
.pg-vo-cta-call i{position:absolute;left:50%;top:44%;box-sizing:border-box;border-radius:50%;border:2px solid var(--lp-gold-hi);opacity:0}
.pg-vo-cta-p::after{content:'';position:absolute;left:2px;top:2px;width:32px;height:32px;border-radius:5px;box-shadow:0 0 0 2px #070910,0 0 0 3.5px var(--lp-gold-hi),0 0 18px rgba(246,207,87,.45);opacity:0;pointer-events:none}
.pg-vo-cta-p b{position:absolute;left:50%;top:calc(100% + 9px);transform:translate(-50%,0);padding:4px 7px 3px;border-radius:5px;background:rgba(5,8,14,.9);border:1px solid rgba(246,207,87,.4);
  color:var(--lp-gold-hi);font:700 .56rem/1 'Rajdhani',sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none}
@media(max-width:640px){.pg-vo-cta-p{top:7%!important}.pg-vo-cta-p b{left:0;transform:none}.pg-vo-cta-p--r b{left:auto;right:0}.pg-vo-cta-p--lo{display:none}.pg-vo-cta-p i{width:150px;height:150px;margin:-75px 0 0 -75px}}

/* sections on narrow screens */
@media(max-width:1179px){.pg-vo-chain{max-width:none}}
@media(max-width:860px){#w-praktyce .pg-vo-scenes{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){
  .pg-vo-tx{position:relative;top:auto;right:auto;width:100%;height:24px;margin:0 0 16px}
  .pg-vo-curve{margin:24px -4px 28px;border-radius:18px}
  .pg-vo-curve-top{padding:14px 14px 0 16px}
  .pg-vo-seg button{min-width:42px;height:32px}
  .pg-vo-plot{height:250px}
  .pg-vo-plot-g text{font-size:13px}
  .lp-article p.pg-vo-cnote{padding:2px 16px 14px}
  .pg-vo-fg{transform:scale(.8);transform-origin:100% 0}
  .pg-vo-vu{display:none}
  .pg-vo-cable{left:18px}
  .pg-vo-jack{left:22px;top:52px;font-size:.55rem;padding:0 4px 1px}
  body[data-pg="voice"] .pg-vo-chain .lp-step::before{background:radial-gradient(circle,#0A0E16 0 12px,#151B26 12.5px 16px,#0A0E16 16.5px)}
  body[data-pg="voice"] .pg-vo-chain .lp-step::after{width:44px;height:44px}
  #funkcje .pg-vo-sig{height:98px}
  #w-praktyce .pg-vo-scenes>li{padding:0 16px 18px}
  .pg-vo-vig{margin:0 -16px 14px}
  body[data-pg="voice"] .lp-qa summary{padding-left:44px}
  body[data-pg="voice"] .lp-qa summary::before{left:16px}
  body[data-pg="voice"] .lp-qa-a{padding-left:20px}
  body[data-pg="voice"] .lp-author::before,body[data-pg="voice"] .lp-author::after{left:20px;top:22px;margin-top:0}
  .lp-table--stack tbody td.lp-hl{box-shadow:inset 3px 0 0 rgba(var(--vo-rgb),.7)}
  .pg-vo-cta-rings i{left:-230px;top:-230px;width:460px;height:460px}
}

/* motion: every keyframe of the page (kept at the end) */
@keyframes pg-vo-lvl{0%,100%{transform:scaleY(.22)}18%{transform:scaleY(.78)}34%{transform:scaleY(.46)}52%{transform:scaleY(.92)}70%{transform:scaleY(.35)}86%{transform:scaleY(.6)}}
@keyframes pg-vo-recor{0%{transform:scale(.56);opacity:0}8%{opacity:.95}100%{transform:scale(.96);opacity:0}}
@keyframes pg-vo-ping{from{transform:scale(.4);opacity:.9}to{transform:scale(2.2);opacity:0}}
@keyframes pg-vo-glw{0%,100%{opacity:.84}38%{opacity:1}64%{opacity:.9}82%{opacity:.98}}
@keyframes pg-vo-shim{0%,100%{opacity:0}50%{opacity:.95}}
@keyframes pg-vo-flick{0%,100%{opacity:.78;transform:scale(1)}40%{opacity:1;transform:scale(1.05)}55%{opacity:.86}72%{opacity:.98;transform:scale(.98)}}
@keyframes pg-vo-fire{0%,100%{opacity:.82;transform:scale(1)}22%{opacity:1;transform:scale(1.06)}47%{opacity:.88;transform:scale(.97)}68%{opacity:1;transform:scale(1.03)}}
@keyframes pg-vo-breath{from{transform:scale(.88)}to{transform:scale(1.12)}}
@keyframes pg-vo-br{from{transform:scaleY(calc(var(--h) * .55))}to{transform:scaleY(var(--h))}}
@keyframes pg-vo-played{0%{opacity:1}35%{opacity:.4}62%,100%{opacity:0}}
@keyframes pg-vo-head{0%{transform:translateX(0);opacity:0}3%{opacity:1}60%{transform:translateX(100%);opacity:1}66%,100%{transform:translateX(100%);opacity:0}}
@keyframes pg-vo-ring{0%{transform:scale(.08);opacity:0}6%{opacity:.95}100%{transform:scale(1);opacity:0}}
@keyframes pg-vo-reach{0%{transform:scale(1.5);opacity:0}12%{transform:scale(1.25);opacity:1}100%{transform:scale(1);opacity:0}}
@keyframes pg-vo-scan{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes pg-vo-eq{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@keyframes pg-vo-flow{from{transform:translateY(0)}to{transform:translateY(140px)}}
@keyframes pg-vo-jack{0%{transform:scale(1);opacity:.95}100%{transform:scale(1.9);opacity:0}}
@keyframes pg-vo-panl{0%,100%{opacity:.12}50%{opacity:1}}
@keyframes pg-vo-panr{0%,100%{opacity:1}50%{opacity:.12}}
@keyframes pg-vo-orbit{to{transform:rotate(360deg)}}
@keyframes pg-vo-cap{0%,10%{transform:translateY(0)}16%,54%{transform:translateY(4px)}60%,100%{transform:translateY(0)}}
@keyframes pg-vo-on{0%,13%{opacity:0}18%,52%{opacity:1}58%,100%{opacity:0}}
@keyframes pg-vo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pg-vo-amp{0%,100%{transform:scaleY(1)}26%,42%{transform:scaleY(.45)}47%,61%{transform:scaleY(.05)}66%{transform:scaleY(.45)}82%{transform:scaleY(1)}}
@keyframes pg-vo-mute{0%,45%{opacity:0}48%,60%{opacity:1}64%,100%{opacity:0}}
@keyframes pg-vo-knob{0%,100%{transform:translateX(84%)}26%,66%{transform:translateX(36%)}82%{transform:translateX(84%)}}
@keyframes pg-vo-mcap{0%,43%{transform:translateY(0)}46%,60%{transform:translateY(4px)}63%,100%{transform:translateY(0)}}
@keyframes pg-vo-pk{0%{transform:translateX(0);opacity:0}10%,80%{opacity:1}100%{transform:translateX(100%);opacity:0}}
@keyframes pg-vo-lv{0%,100%{transform:translateX(62%)}14%{transform:translateX(30%)}28%{transform:translateX(48%)}41%{transform:translateX(18%)}57%{transform:translateX(40%)}72%{transform:translateX(24%)}86%{transform:translateX(52%)}}
@keyframes pg-vo-pan{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.12)}}
@keyframes pg-vo-rec{0%{opacity:1}100%{opacity:.2}}
@keyframes pg-vo-b1{0%,10%{opacity:0}12%,90%{opacity:1}94%,100%{opacity:0}}
@keyframes pg-vo-b2{0%,35%{opacity:0}37%,90%{opacity:1}94%,100%{opacity:0}}
@keyframes pg-vo-b3{0%,60%{opacity:0}62%,90%{opacity:1}94%,100%{opacity:0}}
@keyframes pg-vo-qa{from{transform:scale(1.9)}to{transform:scale(1)}}
@keyframes pg-vo-aura{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.32);opacity:0}}
@keyframes pg-vo-ringp{0%{transform:scale(.08);opacity:0}4%{opacity:.95}66.67%,100%{transform:scale(1);opacity:0}}
@keyframes pg-vo-vbump{0%{transform:scale(1)}7%{transform:scale(1.22)}30%,100%{transform:scale(1)}}
@keyframes pg-vo-vhit{0%{opacity:0}5%{opacity:1}36%,100%{opacity:0}}
@keyframes pg-vo-vb2{0%{transform:scale(1)}2.4%{transform:scale(1.22)}10%,22.2%{transform:scale(1)}24.6%{transform:scale(1.22)}32.2%,100%{transform:scale(1)}}
@keyframes pg-vo-vh2{0%{opacity:0}1.7%{opacity:1}12%,22.2%{opacity:0}23.9%{opacity:1}34%,100%{opacity:0}}
@keyframes pg-vo-vkey{0%{opacity:0;transform:translateY(-3px)}3%,42%{opacity:1;transform:translateY(0)}48%,100%{opacity:0;transform:translateY(-3px)}}
@keyframes pg-vo-chp{from{transform:scale(1);opacity:.85}to{transform:scale(1.45);opacity:0}}
@keyframes pg-vo-qbar{from{transform:scaleY(.06);opacity:.2}55%{transform:scaleY(calc(var(--h) * 1.3));opacity:1}}
@keyframes pg-vo-qhead{0%{transform:translateX(-100%);opacity:1}90%{opacity:1}100%{transform:translateX(0);opacity:0}}