/* Product pages (productexplain/*) — scoped .pp-*; tokens only (Meridian). Loaded after genesis.css + pitch.css */
.pp-page{--pp-r:var(--lx-r-xl,22px);overflow-x:clip}
.pp-page h1,.pp-page h2{text-wrap:balance}
.pp-sec{padding-block:clamp(2.4rem,5.5vw,4.6rem)}
.pp-head{max-width:780px;margin:0 auto clamp(1.4rem,3vw,2.2rem);text-align:center}
.pp-head h2{margin:.35rem 0 .6rem;font-family:var(--f-display);font-weight:400;font-size:clamp(1.7rem,3.3vw,2.7rem);line-height:1.12;color:var(--text-1)}
.pp-card{padding:1.3rem 1.4rem;border:1px solid var(--pt-line);border-radius:var(--pp-r);background:var(--pt-card);min-width:0}
.pp-card h3{margin:0 0 .35rem;font-size:1.05rem;color:var(--text-1)}
.pp-card p{margin:.2rem 0;color:var(--text-2);line-height:1.6}
.pp-grid{display:grid;gap:1rem}
.pp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.2rem,3.5vw,3rem);align-items:center}
.pp-split--flip>:first-child{order:2}
.pp-split h2{margin:.4rem 0 .6rem;font-family:var(--f-display);font-weight:400;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.12;color:var(--text-1)}
.pp-synth{margin:.8rem 0 0;font-size:.8rem;color:var(--text-3);text-align:center}

/* ---------- hero ---------- */
.pp-hero{padding-block:clamp(1.6rem,4vw,3.4rem) clamp(1.8rem,4vw,3rem);position:relative}
.pp-hero::before{content:"";position:absolute;inset:-10% 0 0;z-index:-1;background:radial-gradient(60% 55% at 18% 20%,var(--pt-soft),transparent 70%),radial-gradient(45% 50% at 90% 10%,var(--pt-soft),transparent 70%)}
.pp-hero__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(1.2rem,3.5vw,3rem);align-items:start}
.pp-hero__txt{min-width:0}
.pp-kicker{display:inline-flex;gap:.6rem;align-items:center;margin:0 0 .8rem;font:600 .74rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-accent)}
.pp-kicker b{display:grid;place-items:center;min-width:1.7rem;height:1.7rem;border-radius:50%;background:var(--text-accent);color:var(--lx-t-inv,#fff);font-size:.78rem;letter-spacing:0}
.pp-hero h1{margin:0 0 .8rem;font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.08;color:var(--text-1)}
.pp-hero h1 em{font-style:italic;color:var(--text-accent)}
.pp-hero .pt-lead{max-width:56ch}
.pp-chips{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.pp-chips li{padding:.3rem .8rem;border-radius:999px;border:1px solid var(--pt-line);background:var(--pt-card);font-size:.82rem;color:var(--text-2)}
.pp-hero__art{margin-top:1.4rem;border:1px solid var(--pt-line);border-radius:var(--lx-r-2xl,26px);background:linear-gradient(135deg,var(--pt-soft),var(--pt-card) 70%);padding:.6rem;overflow:hidden}
.pp-hero__art svg{display:block;width:100%;height:auto}
.pp-hero__form{min-width:0}
.pp-hero__form .bw-wrap{margin:0;padding:0}
.pp-formnote{margin:.6rem .2rem 0;font-size:.82rem;color:var(--text-3);text-align:center}

/* ---------- svg art ---------- */
.pp-art text{font-family:var(--f-body);fill:var(--text-1);text-anchor:middle;font-size:13px;font-weight:600}
.pp-art .pp-sm{font-size:11px;font-weight:500;fill:var(--text-3)}
.pp-art .pp-node{fill:var(--pt-card);stroke:var(--pt-line);stroke-width:1.5}
.pp-art .pp-acc{fill:var(--text-accent)}
.pp-art .pp-accs{fill:none;stroke:var(--text-accent);stroke-width:2}
.pp-art .pp-soft{fill:var(--pt-soft)}
.pp-art .pp-wire{fill:none;stroke:var(--pt-line);stroke-width:1.6}
.pp-art .pp-dash{fill:none;stroke:var(--text-accent);stroke-width:1.8;stroke-dasharray:5 8;animation:pp-dash 1.6s linear infinite}
.pp-art .pp-inv{fill:var(--lx-t-inv,#fff)}
.pp-art .pp-warn{fill:var(--lx-warning)}
.pp-art .pp-dot{fill:var(--text-accent)}
.pp-pulse{transform-box:fill-box;transform-origin:center;animation:pp-pulse 2.4s ease-out infinite}
.pp-pulse--2{animation-delay:.8s}.pp-pulse--3{animation-delay:1.6s}
.pp-float{animation:pp-float 5s ease-in-out infinite}
.pp-orbit{transform-box:view-box;animation:pp-rot 50s linear infinite}
.pp-orbit--rev{animation-direction:reverse;animation-duration:36s}
@keyframes pp-pulse{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(1.9)}}
@keyframes pp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes pp-rot{to{transform:rotate(360deg)}}
@keyframes pp-dash{to{stroke-dashoffset:-26}}
@keyframes pp-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes pp-in{from{opacity:0;transform:translateY(8px)}}
@keyframes pp-wave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}

/* ---------- stepper (tabs + panes) ---------- */
.pp-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none}
.pp-tabs--center{justify-content:center}
.pp-tabs button,.pp-tab{font:600 .86rem var(--f-body);padding:.55rem 1rem;border-radius:999px;border:1px solid var(--pt-line);background:var(--glass-fill);color:var(--text-2);cursor:pointer;transition:all .2s}
.pp-tabs button:hover,.pp-tab:hover{border-color:var(--text-accent)}
.pp-tabs button.on,.pp-tab.on{background:var(--text-accent);color:var(--lx-t-inv,#fff);border-color:var(--text-accent)}
.pp-page button:focus-visible,.pp-page [data-tab]:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}
.pp-js [data-pane]{display:none}
.pp-js [data-pane].on{display:block;animation:pp-in .35s ease both}
.pp-pane{padding:1.2rem 1.4rem;border:1px solid var(--pt-line);border-radius:var(--pp-r);background:var(--pt-card)}
.pp-pane h3{margin:0 0 .4rem;font-family:var(--f-display);font-weight:400;font-size:1.35rem;color:var(--text-1)}
.pp-pane p{margin:.3rem 0;color:var(--text-2);line-height:1.6}
.pp-pane .pt-chip{margin-bottom:.4rem}

/* ---------- flowchart ---------- */
.pp-flow{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;align-items:stretch;gap:0}
.pp-flow>li{flex:1 1 0;min-width:0;display:flex;align-items:center}
.pp-flow>li:last-child .pp-flow__link{display:none}
.pp-flow__node{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;padding:.8rem .5rem;border:1px solid var(--pt-line);border-radius:16px;background:var(--pt-card);color:var(--text-2);font:600 .82rem/1.25 var(--f-body);cursor:pointer;transition:all .25s;min-width:0}
.pp-flow__node b{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;border:1.5px solid var(--text-accent);color:var(--text-accent);font:700 .8rem var(--f-mono)}
.pp-flow__node:hover{border-color:var(--text-accent)}
.pp-flow__node.on{background:var(--text-accent);color:var(--lx-t-inv,#fff);border-color:var(--text-accent);transform:translateY(-3px);box-shadow:0 10px 24px -12px var(--text-accent)}
.pp-flow__node.on b{background:var(--lx-t-inv,#fff);color:var(--text-accent);border-color:transparent}
.pp-flow__link{flex:0 0 1.4rem;height:2px;background:repeating-linear-gradient(90deg,var(--text-accent) 0 5px,transparent 5px 10px);background-size:20px 2px;animation:pp-march 1s linear infinite;opacity:.7}
@keyframes pp-march{to{background-position:20px 0}}
.pp-flow--branch .pp-flow__node.warn{border-color:var(--lx-warning)}

/* ---------- phone / window mockups ---------- */
.pp-phone{max-width:380px;margin:0 auto;border:1px solid var(--pt-line);border-radius:28px;background:var(--pt-card);overflow:hidden;box-shadow:0 24px 50px -30px var(--text-accent)}
.pp-phone__bar{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:var(--text-accent);color:var(--lx-t-inv,#fff);font:600 .85rem var(--f-body)}
.pp-phone__bar i{width:1.9rem;height:1.9rem;border-radius:50%;background:color-mix(in srgb,var(--lx-t-inv,#fff) 25%,transparent);display:grid;place-items:center;font-style:normal;font-size:.8rem}
.pp-phone__bar small{display:block;font-weight:400;opacity:.85;font-size:.72rem}
.pp-phone__body{padding:.8rem .9rem 1rem;min-height:250px;background:var(--lx-bg-sunk)}
.pp-phone__body .pt-bubble{animation:pp-in .4s ease both}
.pp-typing{display:inline-flex;gap:3px;padding:.5rem .8rem;border-radius:14px;background:var(--pt-card);border:1px solid var(--pt-line)}
.pp-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-3);animation:pp-blink 1.1s infinite}
.pp-typing span:nth-child(2){animation-delay:.2s}.pp-typing span:nth-child(3){animation-delay:.4s}
.pp-win{border:1px solid var(--pt-line);border-radius:18px;background:var(--pt-card);overflow:hidden;min-width:0}
.pp-win__bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-bottom:1px solid var(--pt-line);background:var(--lx-bg-sunk);font:600 .72rem var(--f-mono);letter-spacing:.06em;color:var(--text-3);text-transform:uppercase}
.pp-win__bar i{width:.6rem;height:.6rem;border-radius:50%;background:var(--pt-line);display:inline-block}
.pp-win__bar span{margin-left:.4rem}
.pp-win__body{padding:1rem 1.1rem}
.pp-win__body h4{margin:0 0 .5rem;font-size:1rem;color:var(--text-1)}

/* ---------- rows / bars / lists ---------- */
.pp-rows{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.pp-rows li{display:flex;gap:.7rem;align-items:baseline;padding:.6rem .8rem;border:1px solid var(--pt-line);border-radius:12px;background:var(--pt-card);font-size:.9rem;line-height:1.45;color:var(--text-2);min-width:0}
.pp-rows li>b{flex:none;min-width:5.4rem;font:600 .7rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-accent)}
.pp-rows li.ok{border-left:4px solid var(--lx-success)}
.pp-rows li.miss{border-left:4px solid var(--lx-warning)}
.pp-rows li.bad{border-left:4px solid var(--lx-danger)}
.pp-rows li span{min-width:0;overflow-wrap:anywhere}
.pp-bars{display:grid;gap:.55rem;margin:.3rem 0 .6rem}
.pp-bars>div{display:grid;grid-template-columns:minmax(0,10rem) 1fr 2.8rem;gap:.6rem;align-items:center;font-size:.86rem;color:var(--text-2)}
.pp-bars i{display:block;height:.6rem;border-radius:99px;background:var(--pt-soft);overflow:hidden}
.pp-bars i::after{content:"";display:block;height:100%;width:var(--w);background:var(--text-accent);border-radius:99px}
.pp-js .pp-bars:not(.go) i::after{width:0}
.pp-bars.go i::after{transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.pp-bars em{font:600 .8rem var(--f-mono);font-style:normal;text-align:right;color:var(--text-1)}
.pp-say{margin:0 0 .8rem;padding:.8rem 1rem;border-radius:14px;border:1px dashed var(--text-accent);color:var(--text-1);font-style:italic;line-height:1.5;min-height:3.2em}
.pp-say::before{content:"\1F399\00a0";font-style:normal}
.pp-js .pp-typing-caret::after{content:"|";margin-left:1px;animation:pp-blink 1s steps(1) infinite}
.pp-formats{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .8rem;padding:0;list-style:none}
.pp-formats li{padding:.22rem .65rem;border-radius:999px;border:1px solid var(--pt-line);font-size:.78rem;color:var(--text-3)}
.pp-ticks{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.6rem}
.pp-ticks li{position:relative;padding-left:1.5rem;color:var(--text-2);line-height:1.55}
.pp-ticks li::before{content:"";position:absolute;left:0;top:.55em;width:.6rem;height:.6rem;border-radius:50%;background:var(--text-accent)}
.pp-ticks b{color:var(--text-1)}
.pp-stream{display:flex;flex-direction:column;gap:.45rem;min-height:15.5rem;overflow:hidden}
.pp-stream__row{display:grid;grid-template-columns:4.2rem minmax(0,1fr) auto auto;gap:.7rem;align-items:center;padding:.55rem .8rem;border-radius:12px;background:var(--lx-bg-sunk);border-left:4px solid var(--lx-success);font-size:.88rem;color:var(--text-1);animation:pp-in .4s ease both}
.pp-stream__row time{font:600 .72rem var(--f-mono);color:var(--text-3)}
.pp-stream__row b{font-variant-numeric:tabular-nums}
.pp-stream__row i{font:600 .68rem var(--f-body);font-style:normal;padding:.15rem .5rem;border-radius:999px;background:var(--pt-soft);color:var(--text-2)}
.pp-stream__row.warn{border-left-color:var(--lx-warning)}.pp-stream__row.alert{border-left-color:var(--lx-danger)}
.pp-live{display:inline-flex;align-items:center;gap:.4rem;font:600 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-accent)}
.pp-live::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--lx-success);animation:pp-blink 1.4s infinite}

/* before / after compare */
.pp-vs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pp-vs>div{padding:1rem 1.2rem;border-radius:16px;border:1px solid var(--pt-line);background:var(--pt-card)}
.pp-vs ul{margin:.4rem 0 0;padding-left:1.1rem;color:var(--text-2);line-height:1.7}
.pp-vs .is-new{border-color:var(--text-accent);background:linear-gradient(135deg,var(--pt-soft),var(--pt-card))}

/* hotspot module map */
.pp-map{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;justify-content:center}

/* ---------- spine diagram ---------- */
.pp-spine{border:1px solid var(--pt-line);border-radius:var(--lx-r-2xl,26px);background:var(--pt-card);padding:1rem}
.pp-spine svg{display:block;width:100%;height:auto}
.pp-spine .pp-core{fill:var(--text-accent)}
.pp-spine .pp-halo{fill:var(--pt-soft)}
.pp-spin{transform-box:view-box;transform-origin:450px 150px;animation:pp-rot 26s linear infinite reverse}
.pp-spine__legend{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;justify-content:center;margin:.4rem 0 0;padding:0;list-style:none;font-size:.82rem;color:var(--text-3)}

/* bottom CTA */
.pp-cta{text-align:center;padding:clamp(1.6rem,4vw,2.6rem);border:1px solid var(--pt-line);border-radius:var(--lx-r-2xl,28px);background:linear-gradient(135deg,var(--pt-soft),var(--pt-card) 65%)}
.pp-cta h2{margin:.3rem 0 .6rem;font-family:var(--f-display);font-weight:400;font-size:clamp(1.6rem,3vw,2.3rem);color:var(--text-1)}
.pp-cta p{max-width:60ch;margin:0 auto 1.2rem;color:var(--text-2);line-height:1.6}
.pp-cta__links{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1rem}
.pp-cta__links a{font-size:.88rem;color:var(--text-accent)}

/* master-page extras */
.pp-six{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.pp-six a{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1.1rem 1.2rem;border:1px solid var(--pt-line);border-radius:var(--lx-r-xl,20px);background:var(--pt-card);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.pp-six a:hover,.pp-six a:focus-visible{border-color:var(--text-accent);transform:translateY(-2px)}
.pp-six b{font:700 .75rem var(--f-mono);letter-spacing:.12em;color:var(--text-accent)}
.pp-six strong{font-family:var(--f-display);font-weight:400;font-size:1.2rem;line-height:1.2;color:var(--text-1)}
.pp-six span{font-size:.9rem;line-height:1.5;color:var(--text-2)}
.pp-prod{scroll-margin-top:5rem}
.pp-more{display:inline-flex;margin-top:1rem;font-weight:600;color:var(--text-accent);text-decoration:none}
.pp-more:hover{text-decoration:underline}
.pp-aud{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:1.2rem;align-items:start}
.pp-aud .pp-tabs{flex-direction:column;margin:0}
.pp-aud .pp-tabs button{text-align:left;border-radius:16px;padding:.85rem 1rem}
.pp-aud__prods{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}

/* ---------- responsive ---------- */
@media (max-width:1000px){.pp-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:880px){
  .pp-hero__grid,.pp-split,.pp-aud,.pp-grid--2,.pp-grid--3,.pp-vs{grid-template-columns:1fr}
  .pp-hero__form{order:2}.pp-hero__txt{order:1}
  .pp-split--flip>:first-child{order:0}
  .pp-aud .pp-tabs{flex-direction:row}
  .pp-flow{flex-direction:column;align-items:stretch}
  .pp-flow>li{flex-direction:column}
  .pp-flow__node{flex-direction:row;text-align:left;width:100%;justify-content:flex-start;gap:.8rem}
  .pp-flow__link{flex:0 0 1.1rem;width:2px;height:1.1rem;background:repeating-linear-gradient(180deg,var(--text-accent) 0 5px,transparent 5px 10px);animation:none}
}
@media (max-width:600px){
  .pp-six,.pp-grid--4{grid-template-columns:1fr}
  .pp-bars>div{grid-template-columns:minmax(0,6.5rem) 1fr 2.5rem}
  .pp-stream__row{grid-template-columns:3.6rem minmax(0,1fr) auto}
  .pp-stream__row i{display:none}
}
@media (prefers-reduced-motion:reduce){
  .pp-pulse,.pp-float,.pp-orbit,.pp-spin,.pp-flow__link,.pp-art .pp-dash,.pp-live::before,.pp-typing span{animation:none}
  .pp-js [data-pane].on,.pp-stream__row,.pp-phone__body .pt-bubble{animation:none}
}

/* static, sequentially lit flow (no buttons) */
.pp-flow--static .pp-flow__node{cursor:default}
.pp-flow--seq .pp-flow__node{animation:pp-lit 7.2s ease-in-out infinite;animation-delay:calc(var(--i,0) * 1.2s)}
@keyframes pp-lit{0%,22%{background:var(--text-accent);color:var(--lx-t-inv,#fff);border-color:var(--text-accent);transform:translateY(-3px)}30%,100%{}}
.pp-flow--seq .pp-flow__node.warn{border-color:var(--lx-warning)}
@media (prefers-reduced-motion:reduce){.pp-flow--seq .pp-flow__node{animation:none}}
.pp-heart{fill:none;stroke:var(--text-accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260;animation:pp-beat 3s linear infinite}
@keyframes pp-beat{0%{stroke-dashoffset:260}60%,100%{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.pp-heart{animation:none;stroke-dashoffset:0}}
.pp-flow__node small{display:block;font-weight:400;font-size:.74rem;opacity:.85}

/* voice-command demo */
@keyframes pp-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.pp-js [data-pane].on .pp-say span{display:inline-block;animation:pp-reveal 1.8s steps(34) both}
.pp-js [data-pane].on .pp-rows li{animation:pp-in .4s ease both}
.pp-js [data-pane].on .pp-rows li:nth-child(1){animation-delay:2s}
.pp-js [data-pane].on .pp-rows li:nth-child(2){animation-delay:2.35s}
.pp-js [data-pane].on .pp-rows li:nth-child(3){animation-delay:2.7s}
@media (prefers-reduced-motion:reduce){.pp-js [data-pane].on .pp-say span,.pp-js [data-pane].on .pp-rows li{animation:none}}
.pp-mic{display:inline-flex;align-items:flex-end;gap:3px;height:1.2rem;margin-right:.5rem;vertical-align:middle}
.pp-mic i{width:3px;height:100%;background:var(--text-accent);border-radius:2px;transform-origin:bottom;animation:pp-wave 1s ease-in-out infinite}
.pp-mic i:nth-child(2){animation-delay:.15s}.pp-mic i:nth-child(3){animation-delay:.3s}.pp-mic i:nth-child(4){animation-delay:.45s}.pp-mic i:nth-child(5){animation-delay:.6s}
@media (prefers-reduced-motion:reduce){.pp-mic i{animation:none}}
/* skeleton form vs one prompt */
.pp-skel{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.pp-skel i{display:block;height:2rem;border-radius:8px;background:var(--lx-bg-sunk);border:1px solid var(--pt-line)}
.pp-skel i.w{grid-column:1/-1}
.pp-prompt{padding:1rem 1.1rem;border-radius:14px;border:1.5px solid var(--text-accent);background:var(--pt-card);color:var(--text-1);font-size:1.02rem;line-height:1.5}

/* reasoning chain (Thinking page) */
.pp-chain{list-style:none;margin:0 0 1rem;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}
.pp-chain li{min-width:0}
.pp-chain button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;padding:.8rem .4rem;border:1px solid var(--pt-line);border-radius:14px;background:var(--pt-card);color:var(--text-2);font:600 .78rem/1.25 var(--f-body);cursor:pointer;transition:all .25s}
.pp-chain button b{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;border:1.5px solid var(--text-accent);color:var(--text-accent);font:700 .75rem var(--f-mono)}
.pp-chain button.on{background:var(--text-accent);color:var(--lx-t-inv,#fff);border-color:var(--text-accent);transform:translateY(-3px)}
.pp-chain button.on b{background:var(--lx-t-inv,#fff);color:var(--text-accent);border-color:transparent}
.pp-report h4{margin:.9rem 0 .35rem;font:600 .7rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-accent)}
.pp-report h4:first-child{margin-top:0}
.pp-report p{margin:.2rem 0;color:var(--text-2);line-height:1.55;font-size:.92rem}
.pp-cite{display:inline-block;margin-left:.3rem;padding:.05rem .4rem;border-radius:6px;background:var(--pt-soft);color:var(--text-accent);font:600 .7rem var(--f-mono)}
.pp-qa{padding:.8rem 1rem;border-radius:14px;background:var(--lx-bg-sunk);border-left:4px solid var(--text-accent);color:var(--text-1);margin:0 0 .9rem;font-size:.95rem;line-height:1.5}
@media (max-width:880px){.pp-chain{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pp-js [data-pane].on .pp-rows li:nth-child(4){animation-delay:3.05s}
.pp-js [data-pane].on .pp-rows li:nth-child(5){animation-delay:3.4s}

/* home page wing cards */
.pp-wings{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.pp-wing{display:flex;flex-direction:column;gap:.4rem;height:100%;padding:1.1rem 1.2rem 1.2rem;border:1px solid var(--pt-line);border-radius:var(--lx-r-xl,20px);background:var(--pt-card);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.pp-wing:hover,.pp-wing:focus-visible{border-color:var(--text-accent);transform:translateY(-3px)}
.pp-wing__art{display:block;width:100%;height:auto;max-height:8.5rem;margin-bottom:.4rem}
.pp-wing b{font:700 .75rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-accent)}
.pp-wing strong{font-family:var(--f-display);font-weight:400;font-size:1.3rem;line-height:1.2;color:var(--text-1)}
.pp-wing span{font-size:.92rem;line-height:1.5;color:var(--text-2)}
.pp-wing em{margin-top:auto;padding-top:.5rem;font-style:normal;font-weight:600;color:var(--text-accent)}
.pp-grow{transform-box:fill-box;transform-origin:left;animation:pp-grow 3.2s ease-in-out infinite alternate}
@keyframes pp-grow{from{transform:scaleX(.35)}to{transform:scaleX(1)}}
@media (max-width:1000px){.pp-wings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pp-wings{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pp-grow{animation:none}}
.pt-loop__txt article:empty{display:none!important}
.pt-loop{grid-template-columns:minmax(0,420px);justify-content:center;justify-items:center;gap:1.2rem}.pt-loop__txt{width:100%;text-align:center}
@media (max-width:760px){
  .pt-core__stage{display:block!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.6rem}
  .pt-core__svg{min-width:640px}
  .pt-core__stage .pt-synth{position:sticky;left:0}
}
@media (max-width:760px){.pt-core__stage::after{content:"Swipe sideways to see the whole diagram \2192";display:block;position:sticky;left:0;margin-top:.4rem;font-size:.78rem;color:var(--text-3);text-align:center}.pt-core__svg{min-width:600px}}