﻿/* InnoDexis — Platform tour
   Product theater: sealed stage, intro first, UI docks, autoplay. */
.psc{
  --psc-bg: #050505;
  --psc-bg2: #12101c;
  --psc-em: #A78BFA;
  --psc-eye: #67E8F9;
  --psc-text: #F8FAFC;
  --psc-muted: #94A3B8;
  --psc-faint: var(--ink4, #A49FBA);
  --psc-line: rgba(255,255,255,.1);
  --psc-purple: var(--purple, #5B21B6);
  --psc-purple2: var(--purple2, #7C3AED);
  --psc-ease: cubic-bezier(.22,.61,.36,1);
  --psc-nav: 72px;
  --psc-stage-h: calc(100svh - var(--psc-nav));
  position:relative; z-index:2;
  background:#050505;
  color:var(--psc-text);
  overflow:clip;
  scroll-margin-top:var(--psc-nav);
}
.psc *,.psc *::before,.psc *::after{box-sizing:border-box;}

/* Soft field — kept subtle under the intro grid/spotlight */
.psc-field{
  position:absolute; inset:0; pointer-events:none; z-index:0; overflow:hidden;
  opacity:.35; transition:opacity .5s ease;
}
.psc-field-glow{
  position:absolute; width:70vmax; height:70vmax; left:55%; top:35%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(167,139,250,.16), transparent 62%);
  filter:blur(40px);
  animation:pscField 14s ease-in-out infinite alternate;
}
.psc-field-glow-2{
  position:absolute; width:50vmax; height:50vmax; left:20%; top:70%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(103,232,249,.10), transparent 65%);
  filter:blur(36px);
  animation:pscField 18s ease-in-out infinite alternate-reverse;
}
.psc-field-ring{
  position:absolute; left:50%; top:42%;
  width:min(90vw,920px); height:min(90vw,920px);
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(255,255,255,.04);
  box-shadow:inset 0 0 80px rgba(167,139,250,.04);
}
@keyframes pscField{
  from{opacity:.7; transform:translate(-50%,-50%) scale(1);}
  to{opacity:1; transform:translate(-50%,-52%) scale(1.06);}
}

.psc-hatch{
  position:absolute; left:0; right:0; top:0; height:280px; pointer-events:none; opacity:.035;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 0L40 40M40 0L0 40' stroke='%23fff' stroke-width='.5'/%3E%3C/svg%3E");
  -webkit-mask-image:linear-gradient(#000 0%, transparent 100%); mask-image:linear-gradient(#000 0%, transparent 100%);
}

.psc-skip{
  position:absolute; left:40px; top:8px; z-index:5;
  font:500 12px/1 'Inter',sans-serif; color:var(--psc-text); background:var(--psc-bg2);
  border:1px solid var(--psc-line); border-radius:6px; padding:9px 14px; text-decoration:none;
  transform:translateY(-200%); opacity:0;
}
.psc-skip:focus{transform:none; opacity:1;}
.psc-end{height:0; scroll-margin-top:var(--psc-nav);}

.psc-track{position:relative;}
.psc-sticky{
  position:sticky; top:var(--psc-nav); height:var(--psc-stage-h);
  background:#050505;
  overflow:hidden;
}
/* Intro stays full sticky stage (no content-height collapse / entry shrink) */
.psc.is-intro .psc-sticky,
.psc.is-dormant .psc-sticky,
.psc.is-live .psc-sticky,
.psc.is-chapters .psc-sticky{
  height:var(--psc-stage-h);
  padding:0;
  overflow:hidden;
}
/* Cross-hatch + spotlight — persists for whole tour */
.psc-spot-grid{
  pointer-events:none; position:absolute; inset:0; z-index:0;
  background-size:40px 40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 0L40 40M40 0L0 40' stroke='%23171717' stroke-width='1'/%3E%3C/svg%3E");
  opacity:1;
}
.psc-spotlight{
  pointer-events:none; position:absolute; z-index:1;
  top:-40%; left:0;
  height:169%; width:138%;
  opacity:0;
  animation:pscSpotlightIn 2s ease .15s forwards;
}
@media (min-width:768px){
  .psc-spotlight{ top:-20%; left:15%; width:84%; }
}
@keyframes pscSpotlightIn{
  from{ opacity:0; }
  to{ opacity:1; }
}
.psc-shade{
  position:absolute; inset:0;
  background:radial-gradient(ellipse 80% 75% at 65% 45%, transparent 30%, rgba(8,6,15,.45) 100%);
  opacity:0; pointer-events:none; z-index:0; transition:opacity .4s ease;
}
.psc-wrap{
  position:relative; z-index:2;
  width:100%; max-width:1240px; margin:0 auto;
  padding:28px 40px; height:100%;
  display:grid;
  grid-template-columns:minmax(280px,400px) minmax(0,1fr);
  gap:40px; align-items:stretch;
  transition:grid-template-columns .45s var(--psc-ease);
}
/* Intro: centered spotlight composition */
.psc.is-intro .psc-wrap,
.psc.is-dormant .psc-wrap{
  grid-template-columns:1fr;
  max-width:80rem;
  align-items:center;
  justify-items:center;
  padding:28px 24px;
}
/* Keep right slot measurable (not display:none) so Safari frame can dock */
.psc.is-intro .psc-col,
.psc.is-dormant .psc-col{
  position:absolute;
  right:clamp(16px, 4vw, 48px);
  top:50%;
  width:min(52%, 640px);
  height:min(70%, 520px);
  transform:translateY(-50%);
  opacity:0;
  pointer-events:none;
  visibility:hidden;
}
.psc.is-live .psc-col,
.psc.is-chapters .psc-col,
.psc.is-outro .psc-col{
  position:relative;
  right:auto; top:auto;
  width:auto; height:auto;
  transform:none;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.psc.is-intro .psc-left,
.psc.is-dormant .psc-left{
  width:100%;
  max-width:56rem;
  align-items:center;
  text-align:center;
  padding:0;
}
.psc.is-intro .psc-meta,
.psc.is-dormant .psc-meta{ display:none; }
.psc.is-intro .psc-copy,
.psc.is-dormant .psc-copy{
  min-height:0;
  width:100%;
  display:flex;
  justify-content:center;
}
.psc.is-intro .psc-intro,
.psc.is-dormant .psc-intro{
  position:relative;
  left:auto; right:auto; top:auto;
  width:100%;
  max-width:48rem;
}
.psc.is-intro .psc-eye,
.psc.is-dormant .psc-eye{
  justify-content:center;
  color:rgba(163,163,163,.9);
}
.psc.is-intro .psc-eye::before,
.psc.is-dormant .psc-eye::before{ background:rgba(163,163,163,.7); }
.psc.is-intro .psc-title,
.psc.is-dormant .psc-title{
  font-size:clamp(1.75rem, 4vw, 2.85rem);
  line-height:1.15;
  letter-spacing:-.02em;
  background:none;
  -webkit-background-clip:unset;
  background-clip:unset;
  color:#F8FAFC;
  margin-bottom:1rem;
}
.psc.is-intro .psc-title em,
.psc.is-dormant .psc-title em{
  display:inline;
  background:none;
  -webkit-background-clip:unset;
  background-clip:unset;
  color:#A78BFA;
  font-family:'DM Serif Display',serif;
  font-weight:400;
  font-style:italic;
  letter-spacing:0;
  white-space:nowrap;
}
.psc.is-intro .psc-desc,
.psc.is-dormant .psc-desc{
  margin:0 auto;
  max-width:32rem;
  text-align:center;
  color:#d4d4d4;
  font-size:1rem;
  font-weight:400;
  line-height:1.7;
}
.psc.is-live .psc-left,
.psc.is-chapters .psc-left,
.psc.is-outro .psc-left{
  align-items:stretch;
  text-align:left;
  max-width:none;
}
.psc.is-live .psc-wrap,
.psc.is-chapters .psc-wrap,
.psc.is-outro .psc-wrap{
  grid-template-columns:minmax(280px,400px) minmax(0,1fr);
  max-width:1240px;
  justify-items:stretch;
  align-items:stretch;
  padding:28px 40px;
}
.psc.is-live .psc-copy,
.psc.is-chapters .psc-copy,
.psc.is-outro .psc-copy{
  display:block;
  justify-content:flex-start;
}
.psc.is-live .psc-title,
.psc.is-chapters .psc-title{
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  color:#CBD5E1;
  font-size:clamp(17px,1.7vw,21px);
  font-weight:600;
}
.psc.is-outro .psc-title{
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  color:var(--psc-text);
  font-size:clamp(26px,2.6vw,36px);
  font-weight:700;
}
.psc.is-live .psc-title em,
.psc.is-chapters .psc-title em{
  display:inline;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  color:var(--psc-em);
}
.psc.is-outro .psc-title em{
  display:block;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  color:var(--psc-em);
}
.psc.is-live .psc-desc,
.psc.is-chapters .psc-desc,
.psc.is-outro .psc-desc{
  margin:0;
  max-width:38ch;
  text-align:left;
  color:var(--psc-muted);
  font-size:14px;
  font-weight:300;
  line-height:1.7;
}
.psc.is-chapters .psc-label{
  color:#F8FAFC;
}
.psc.is-live .psc-eye,
.psc.is-chapters .psc-eye,
.psc.is-outro .psc-eye{
  justify-content:flex-start;
  color:var(--psc-eye);
}
.psc.is-live .psc-eye::before,
.psc.is-chapters .psc-eye::before,
.psc.is-outro .psc-eye::before{ background:var(--psc-eye); }
.psc-col{
  position:relative; height:100%; min-height:0; min-width:0;
}
.psc-left{
  display:flex; flex-direction:column; gap:22px; min-width:0;
  justify-content:center; padding:8px 0;
}

/* Meta / copy / progress */
.psc-meta{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  opacity:0; transform:translateY(8px); transition:opacity .45s ease, transform .55s var(--psc-ease);
}
.psc.is-chapters .psc-meta{opacity:1; transform:none;}
.psc-act{
  display:inline-flex; align-items:center; gap:10px;
  font:700 10px/1 'Space Mono',monospace; letter-spacing:2px; text-transform:uppercase; color:var(--psc-eye);
}
.psc-act::before{content:""; width:24px; height:1.5px; background:var(--psc-eye);}
.psc-act.is-swap{animation:pscSwap .5s var(--psc-ease);}
@keyframes pscSwap{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;}}
.psc-count{font:400 13px/1 'Space Mono',monospace; color:var(--psc-faint); display:inline-flex; align-items:baseline; font-variant-numeric:tabular-nums;}
.psc-roll{display:inline-block; height:1.3em; line-height:1.3em; overflow:hidden; color:var(--psc-text); font-weight:700;}
.psc-roll-in{display:flex; flex-direction:column; transition:transform .6s var(--psc-ease);}
.psc-of{margin-left:2px;}

.psc-copy{position:relative; min-height:300px;}
.psc-intro,.psc-chap,.psc-outro{
  position:absolute; left:0; right:0; top:0;
  visibility:hidden; pointer-events:none;
}
.psc-intro > *,.psc-chap > *,.psc-outro > *{
  opacity:0; transform:translateY(var(--psc-in,18px));
  transition:opacity .3s ease, transform .4s var(--psc-ease);
}
.psc[data-dir="back"]{--psc-in:-18px; --psc-out:14px;}
.psc[data-dir="fwd"]{--psc-in:18px; --psc-out:-14px;}
.psc-copy .is-leave > *{transform:translateY(var(--psc-out,-14px));}
.psc-copy .is-leave{visibility:visible;}
/* Never show intro leave animation after the stage goes live (avoids left-column flash) */
.psc.is-live .psc-intro.is-leave,
.psc.is-chapters .psc-intro.is-leave,
.psc.is-outro .psc-intro.is-leave{
  visibility:hidden!important; pointer-events:none;
}
.psc.is-live .psc-intro.is-leave > *,
.psc.is-chapters .psc-intro.is-leave > *,
.psc.is-outro .psc-intro.is-leave > *{
  opacity:0!important; transition:none!important;
}
.psc-copy .is-on{visibility:visible; pointer-events:auto;}
.psc-copy .is-on > *{opacity:1; transform:none; transition:opacity .5s ease, transform .65s var(--psc-ease);}
.psc-copy .is-on > :nth-child(1){transition-delay:.14s;}
.psc-copy .is-on > :nth-child(2){transition-delay:.2s;}
.psc-copy .is-on > :nth-child(3){transition-delay:.27s;}
.psc-copy .is-on > :nth-child(4){transition-delay:.34s;}

.psc-eye{
  display:inline-flex; align-items:center; gap:8px; margin:0 0 18px;
  font:700 10px/1 'Space Mono',monospace; letter-spacing:2px; text-transform:uppercase; color:var(--psc-eye);
}
.psc-eye::before{content:""; width:24px; height:1.5px; background:var(--psc-eye);}
.psc-label{
  margin:0 0 14px;
  font-family:'Syne',sans-serif;
  font-weight:700;
  font-size:clamp(24px,2.5vw,34px);
  line-height:1.12;
  letter-spacing:-.02em;
  color:#F8FAFC;
}
.psc-title{
  margin:0 0 14px; font-family:'Syne',sans-serif; font-weight:600; color:#CBD5E1;
  font-size:clamp(17px,1.7vw,21px); line-height:1.3; letter-spacing:-.01em;
}
.psc-title em{
  display:inline; font-family:'DM Serif Display',serif; font-weight:400; font-style:italic;
  color:var(--psc-em); letter-spacing:0;
}
.psc-desc{margin:0; max-width:38ch; font:300 14px/1.7 'Inter',sans-serif; color:var(--psc-muted);}
.psc-ctas{display:flex; gap:12px; flex-wrap:wrap; margin-top:28px;}

.psc-progress{display:flex; gap:6px; position:relative; opacity:0; transition:opacity .45s ease;}
.psc.is-live .psc-progress,
.psc.is-chapters .psc-progress,
.psc.is-outro .psc-progress{opacity:1; pointer-events:auto; position:relative; width:auto; height:auto; overflow:visible;}
.psc.is-intro .psc-progress,
.psc.is-dormant .psc-progress{opacity:0!important; pointer-events:none;}

/* Prev / Play-Pause / Next — visible from intro through outro */
.psc-transport{
  display:flex; align-items:center; gap:4px;
  opacity:0; pointer-events:none;
  transition:opacity .45s ease;
  margin-top:2px;
}
.psc.is-intro .psc-transport,
.psc.is-live .psc-transport,
.psc.is-chapters .psc-transport,
.psc.is-outro .psc-transport{
  opacity:1; pointer-events:auto;
}
.psc.is-intro .psc-transport{ justify-content:center; margin-top:10px; }
.psc.is-dormant .psc-transport,
.psc[data-mode="stack"] .psc-transport{
  opacity:0!important; pointer-events:none!important;
}
.psc-ctrl{
  appearance:none; border:0;
  background:transparent;
  color:#E2E8F0;
  width:32px; height:32px; border-radius:6px;
  display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; padding:0;
  transition:color .2s ease, opacity .2s ease;
}
.psc-ctrl svg{
  width:15px; height:15px;
  fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;
}
.psc-ctrl-play .psc-ico-play,
.psc-ctrl-play .psc-ico-pause{ fill:currentColor; stroke:none; }
.psc-ctrl-play .psc-ico-play{ display:none; }
.psc-ctrl-play.is-paused .psc-ico-play{ display:block; }
.psc-ctrl-play.is-paused .psc-ico-pause{ display:none; }
.psc-ctrl:hover:not(:disabled){
  background:transparent;
  color:#F8FAFC;
}
.psc-ctrl:focus-visible{
  outline:2px solid var(--psc-eye); outline-offset:2px;
}
.psc-ctrl:disabled{
  opacity:.35; cursor:default;
}
.psc-ctrl-play{
  width:32px;
  background:transparent;
  color:#EDE9FE;
}
.psc-ctrl-play:hover:not(:disabled){
  background:transparent;
  color:#fff;
}

.psc-seg{
  appearance:none; border:0; background:none; padding:0; cursor:pointer;
  flex:1; height:28px; position:relative; color:inherit;
}
.psc-seg i{position:absolute; left:0; right:0; top:11px; height:2px; border-radius:2px; background:rgba(255,255,255,.14); overflow:hidden;}
.psc-seg i::after{content:""; position:absolute; inset:0; background:var(--psc-em); transform-origin:0 50%; transform:scaleX(var(--f,0)); transition:transform .12s linear;}
.psc-seg[aria-current] i{background:rgba(255,255,255,.22);}
.psc-seg:hover i{background:rgba(255,255,255,.3);}
.psc-seg::before{
  content:attr(data-tip); position:absolute; left:50%; bottom:100%; transform:translate(-50%,4px);
  white-space:nowrap; font:500 11px/1 'Inter',sans-serif; color:var(--psc-text);
  background:var(--psc-bg2); border:1px solid var(--psc-line); border-radius:6px; padding:7px 10px;
  opacity:0; pointer-events:none; transition:opacity .15s, transform .15s;
}
.psc-seg:hover::before,.psc-seg:focus-visible::before{opacity:1; transform:translate(-50%,-2px);}
.psc-seg:first-child::before{left:0; transform:translate(0,4px);}
.psc-seg:first-child:hover::before,.psc-seg:first-child:focus-visible::before{transform:translate(0,-2px);}
.psc-seg:last-child::before{left:auto; right:0; transform:translate(0,4px);}
.psc-seg:last-child:hover::before,.psc-seg:last-child:focus-visible::before{transform:translate(0,-2px);}
.psc-seg:focus-visible{outline:2px solid var(--psc-eye); outline-offset:2px; border-radius:3px;}
.psc a:focus-visible{outline:2px solid var(--psc-eye); outline-offset:3px;}

/* Docked product surface (position set by JS in .psc-col slot) */
.psc-frame{
  position:absolute; left:0; top:0; z-index:5;
  display:flex; flex-direction:column;
  border-radius:10px; overflow:hidden; background:#F4F5F7;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.35),
    0 1px 0 rgba(255,255,255,.12) inset,
    0 28px 60px -24px rgba(0,0,0,.75),
    0 50px 100px -48px rgba(0,0,0,.55);
  opacity:0;
  transform:translate3d(0,36px,0);
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
  pointer-events:none;
}
.psc.is-intro .psc-frame,
.psc.is-dormant .psc-frame{
  opacity:0;
  transform:translate3d(0,36px,0);
  pointer-events:none;
}
.psc.is-live .psc-frame,
.psc.is-chapters .psc-frame,
.psc.is-outro .psc-frame{
  opacity:1; transform:none; pointer-events:auto;
  transition:opacity .75s var(--psc-ease), transform .95s var(--psc-ease);
  box-shadow:
    0 0 0 1px rgba(124,58,237,.28),
    0 1px 0 rgba(255,255,255,.12) inset,
    0 0 28px rgba(167,139,250,.22),
    0 0 70px rgba(91,33,182,.14),
    0 28px 60px -24px rgba(0,0,0,.75),
    0 50px 100px -48px rgba(0,0,0,.55);
}
.psc-frame .psc-view,
.psc-frame .psc-screen-inner,
.psc-frame .pm-app{transform:translateZ(0);}

/* Realistic light Safari toolbar */
.psc-bar{
  flex:0 0 44px;
  display:grid; grid-template-columns:1fr auto 1fr;
  align-items:center; gap:10px;
  padding:0 12px;
  background:linear-gradient(180deg,#f6f6f7 0%,#e8e8ea 100%);
  border-bottom:1px solid rgba(0,0,0,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.psc-bar-left,.psc-bar-right{display:inline-flex; align-items:center; gap:10px; min-width:0;}
.psc-bar-left{justify-self:start;}
.psc-bar-right{justify-self:end; gap:8px;}
.psc-dots{display:inline-flex; gap:7px; padding-left:2px;}
.psc-dots i{
  width:11px; height:11px; border-radius:50%; display:block;
  background:#ff5f57;
  box-shadow:inset 0 0 0 .5px rgba(0,0,0,.18);
}
.psc-dots i:nth-child(2){background:#febc2e;}
.psc-dots i:nth-child(3){background:#28c840;}
.psc-nav{display:inline-flex; gap:1px; margin-left:2px;}
.psc-nav-btn{
  width:22px; height:22px; border-radius:5px;
  background:center/12px no-repeat;
  opacity:.45;
}
.psc-back{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M7.5 2.5L4 6l3.5 3.5'/%3E%3C/svg%3E");}
.psc-fwd{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M4.5 2.5L8 6l-3.5 3.5'/%3E%3C/svg%3E"); opacity:.28;}
.psc-url{
  position:relative; overflow:hidden;
  display:flex; align-items:center; gap:8px;
  width:min(42%,300px); min-width:160px; height:28px; padding:0 10px;
  justify-self:center;
  background:#fff;
  border:1px solid rgba(0,0,0,.1);
  border-radius:8px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.03);
}
.psc-lock{
  flex:0 0 10px; width:10px; height:12px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath fill='%238E8E93' d='M8 5V3.5A3.5 3.5 0 0 0 1.5 3.5V5H1a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H8zm-1.2 0H3.2V3.5a1.8 1.8 0 1 1 3.6 0V5z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.psc-url-text{
  flex:1; min-width:0;
  font:500 12px/1 'Inter',sans-serif; color:#6B7280;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.psc-url-text b{font-weight:600; color:#111827;}
.psc-path{color:#6D28D9;}
.psc-reload{
  flex:0 0 14px; width:14px; height:14px; opacity:.4;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23333' stroke-width='1.5' stroke-linecap='round' d='M11.5 7A4.5 4.5 0 1 1 9.2 3.1M11.5 2.5v3h-3'/%3E%3C/svg%3E") center/contain no-repeat;
}
.psc-tool{
  width:18px; height:18px; opacity:.38;
  background:center/14px no-repeat;
}
.psc-share{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23333' stroke-width='1.4' stroke-linecap='round' d='M7 9V2.5M4.5 4.5L7 2l2.5 2.5M3 8.5V11a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V8.5'/%3E%3C/svg%3E");}
.psc-plus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23333' stroke-width='1.5' stroke-linecap='round' d='M7 2.5v9M2.5 7h9'/%3E%3C/svg%3E");}
.psc-tabs{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='2' y='3' width='7' height='8' rx='1.2' fill='none' stroke='%23333' stroke-width='1.3'/%3E%3Cpath fill='none' stroke='%23333' stroke-width='1.3' d='M5.5 3V2.2A1.2 1.2 0 0 1 6.7 1h4.1A1.2 1.2 0 0 1 12 2.2V9.3A1.2 1.2 0 0 1 10.8 10.5H10'/%3E%3C/svg%3E");}
.psc-load{
  position:absolute; left:0; bottom:0; height:1.5px; width:100%;
  background:#7C3AED; transform-origin:0 50%; transform:scaleX(0); opacity:0;
}
.psc-load.is-loading{animation:pscLoad .7s var(--psc-ease);}
@keyframes pscLoad{0%{transform:scaleX(0); opacity:1;} 75%{transform:scaleX(1); opacity:1;} 100%{transform:scaleX(1); opacity:0;}}

.psc-view{position:relative; flex:1; min-height:0; overflow:hidden; background:#F4F5F7;}
.psc-screen{
  position:absolute; inset:0; overflow:hidden;
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity .4s ease .1s, transform .55s var(--psc-ease) .1s, visibility 0s linear .65s;
}
.psc-screen.is-active{opacity:1; visibility:visible; transform:none; z-index:2; transition-delay:.1s,.1s,0s;}
.psc-screen.is-leave{opacity:0; transform:translateY(-6px); z-index:1; transition:opacity .22s ease, transform .3s ease, visibility 0s linear .3s;}
.psc-screen-inner{transform:translateY(var(--pan,0px)); will-change:transform; height:100%;}
.psc-screen-inner > img{display:block; width:100%; height:auto;}
.psc-empty{display:grid; place-items:center; height:100%; min-height:280px; font:500 13px 'Inter',sans-serif; color:#6B6480;}

@media (max-width:1100px){
  .psc-wrap{grid-template-columns:minmax(240px,300px) minmax(0,1fr); padding:20px 24px; gap:20px;}
  .psc-bar-right,.psc-nav{display:none;}
  .psc-url{width:min(58%,260px); min-width:140px;}
}

/* Stack mode (<=900px, reduced motion) */
.psc-stack{display:none; max-width:760px; margin:0 auto; padding:64px 20px 72px;}
.psc[data-mode="stack"] .psc-track,
.psc[data-mode="stack"] .psc-skip{display:none;}
.psc[data-mode="stack"] .psc-stack{display:block;}
.psc-stack-intro{margin-bottom:48px;}
.psc-stack .psc-title{font-size:clamp(26px,6vw,34px);}
.psc-card{margin-bottom:56px; opacity:0; transform:translateY(24px); transition:opacity .55s ease, transform .55s ease;}
.psc-card.in{opacity:1; transform:none;}
.psc-card-num{margin:0 0 10px; font:700 10px/1 'Space Mono',monospace; letter-spacing:2px; text-transform:uppercase; color:var(--psc-eye);}
.psc-card-frame{
  margin-top:24px; border-radius:12px; overflow:hidden; background:#F4F5F7;
  box-shadow:0 0 0 1px rgba(255,255,255,.1), 0 30px 60px -30px rgba(4,2,12,.8);
}
.psc-card-view{position:relative; aspect-ratio:16/10; overflow:hidden;}
.psc-card-view .psc-screen{width:720px; height:450px; right:auto; bottom:auto; transform-origin:0 0; transform:scale(var(--s,.5)); transition:none;}
.psc-card .psc-bar{grid-template-columns:1fr auto 1fr;}
.psc-card .psc-url{width:min(55%,240px); min-width:120px;}
@media (max-width:640px){
  .psc-card .psc-dots,.psc-card .psc-nav,.psc-card .psc-bar-right{display:none;}
  .psc-card .psc-bar{grid-template-columns:minmax(0,1fr);}
  .psc-card .psc-url{width:100%; min-width:0; justify-self:stretch;}
}
@media (prefers-reduced-motion:reduce){
  .psc-card,.psc .pm-in,.psc .pm-seg,.psc .pm-bub,.psc .pm-meter i::after,.psc .pm-check li,
  .psc-field-glow,.psc-field-glow-2{transition:none!important; animation:none!important;}
  .psc-card{opacity:1; transform:none;}
  .psc .pm-caret{animation:none;}
  .psc.is-live .psc-frame,.psc.is-chapters .psc-frame,.psc.is-outro .psc-frame{transition:none;}
  .psc-spotlight{animation:none; opacity:1;}
}
/* ─────────────────────────────────────────────────────────────
   Mock screens (pm-*). Delete with product-showcase-mocks.js
   once real screenshots are in.
   ───────────────────────────────────────────────────────────── */
.psc .pm-app{height:100%; min-height:100%; display:flex; flex-direction:column; font-family:'Inter',sans-serif; color:#111827; background:#F4F5F7;}
.psc-screen-inner.is-fill{height:100%;}
.psc .pm-head{flex:0 0 auto; display:flex; align-items:center; gap:10px; padding:12px 16px; background:#fff; border-bottom:1px solid #E5E7EB;}
.psc .pm-head--brand{background:linear-gradient(90deg,#1E1B4B,#5B21B6); border:0;}
.psc .pm-head--brand .pm-title{color:#fff;}
.psc .pm-head--brand .pm-pill{background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.25); color:#fff;}
.psc .pm-head--brand .pm-pill.on{background:#fff; color:#5B21B6; border-color:#fff;}
.psc .pm-ico{width:28px; height:28px; border-radius:8px; background:#5B21B6; color:#fff; display:grid; place-items:center; font-size:13px; flex-shrink:0;}
.psc .pm-title{font:600 13.5px/1.2 'Inter',sans-serif;}
.psc .pm-sub{font:400 11px/1.3 'Inter',sans-serif; color:#6B7280; margin-top:2px;}
.psc .pm-pills{display:flex; gap:6px; margin-left:auto; flex-wrap:nowrap;}
.psc .pm-pill{font:500 10.5px/1 'Inter',sans-serif; padding:6px 10px; border-radius:999px; border:1px solid #E5E7EB; background:#fff; color:#374151; white-space:nowrap;}
.psc .pm-pill.on{background:#5B21B6; border-color:#5B21B6; color:#fff;}
.psc .pm-toolbar{display:flex; gap:8px; padding:12px 16px 6px;}
.psc .pm-input{flex:1; display:flex; align-items:center; gap:4px; background:#fff; border:1px solid #DDD6FE; border-radius:9px; padding:10px 12px; font:400 12.5px/1.3 'Inter',sans-serif; box-shadow:0 0 0 3px rgba(124,58,237,.08);}
.psc .pm-caret{display:inline-block; width:1.5px; height:14px; background:#5B21B6; animation:pmBlink 1s step-end infinite;}
@keyframes pmBlink{50%{opacity:0;}}
.psc .pm-btn{font:600 11.5px/1 'Inter',sans-serif; background:#5B21B6; color:#fff; border-radius:8px; padding:11px 14px; white-space:nowrap; display:inline-block;}
.psc .pm-btn--sm{padding:7px 10px; font-size:10.5px;}
.psc .pm-btn--ghost{padding:7px 10px; font-size:10.5px; background:#fff; color:#5B21B6; border:1px solid #C4B5FD; margin-right:6px;}
.psc .pm-filters{display:flex; gap:6px; padding:4px 16px 8px;}
.psc .pm-filters span{font:500 10.5px/1 'Inter',sans-serif; background:#fff; border:1px solid #E5E7EB; border-radius:7px; padding:6px 9px; color:#4B5563;}
.psc .pm-body{flex:1; min-height:0; overflow:hidden; padding:12px 16px 16px;}
.psc .pm-card{background:#fff; border:1px solid #E5E7EB; border-radius:10px; padding:12px 14px; margin-bottom:10px; box-shadow:0 1px 2px rgba(15,23,42,.04);}
.psc .pm-card h5{font:600 12.5px/1.4 'Inter',sans-serif; margin:8px 0 6px; color:#111827;}
.psc .pm-card h6,.psc .pm-check h6{font:600 10px/1.2 'Inter',sans-serif; color:#6B7280; letter-spacing:.05em; text-transform:uppercase; margin:0 0 10px;}
.psc .pm-row{display:flex; justify-content:space-between; align-items:center; gap:8px;}
.psc .pm-meta{font:400 11px/1.4 'Inter',sans-serif; color:#6B7280;}
.psc .pm-tags{display:flex; gap:5px; flex-wrap:wrap; margin-top:8px;}
.psc .pm-tag{display:inline-block; font:500 10px/1.2 'Inter',sans-serif; padding:3px 7px; border-radius:5px; margin-right:4px;}
.psc .pm-tag.cor{background:#FEF3C7; color:#92400E;}
.psc .pm-tag.res{background:#EEF2FF; color:#4338CA;}
.psc .pm-tag.v{background:#EDE9FE; color:#5B21B6;}
.psc .pm-tag.g{background:#ECFDF5; color:#047857;}
.psc .pm-tag.t{background:#DBEAFE; color:#1D4ED8;}
.psc .pm-tag.c{background:#FFEDD5; color:#C2410C;}
.psc .pm-tag.proto{background:#EDE9FE; color:#5B21B6;}
.psc .pm-tag.up{background:#DBEAFE; color:#1D4ED8;}
.psc .pm-tag.live{background:#D1FAE5; color:#047857;}
.psc .pm-score{font:600 10.5px/1 'Inter',sans-serif; color:#5B21B6; background:#EDE9FE; padding:5px 9px; border-radius:999px; white-space:nowrap;}
.psc .pm-insight{border-left:3px solid #A78BFA; background:#F5F3FF; border-radius:0 6px 6px 0; padding:7px 10px; margin-bottom:6px; font:400 11.5px/1.5 'Inter',sans-serif; color:#4C1D95;}

/* entrance hook */
.psc .pm-in{opacity:0; transform:translateY(8px); transition:opacity .45s ease calc(var(--d,0) * 70ms + 160ms), transform .55s var(--psc-ease) calc(var(--d,0) * 70ms + 160ms);}
.psc .is-active .pm-in,.psc .psc-card.in .pm-in{opacity:1; transform:none;}

/* tracker */
.psc .pm-chart{height:100%; display:flex; flex-direction:column; background:#fff; border:1px solid #E5E7EB; border-radius:10px; padding:12px 14px 8px;}
.psc .pm-legend{display:flex; gap:14px; font:500 10.5px 'Inter',sans-serif; color:#6B7280; margin-bottom:6px;}
.psc .pm-legend i{display:inline-block; width:9px; height:9px; border-radius:2px; margin-right:5px; vertical-align:-1px;}
.psc .pm-bars{flex:1; min-height:0; display:flex; align-items:flex-end; gap:4%; padding:0 2%; border-bottom:1px solid #E5E7EB;
  background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#F3F4F6 39px,#F3F4F6 40px);}
.psc .pm-col{flex:1; height:100%; display:flex; flex-direction:column; justify-content:flex-end;}
.psc .pm-tot{font:700 10px 'Inter',sans-serif; text-align:center; margin-bottom:4px;}
.psc .pm-seg{display:flex; align-items:center; justify-content:center; overflow:hidden; color:#fff; font:600 9.5px 'Inter',sans-serif; height:0;
  transition:height .9s var(--psc-ease) calc(var(--d,0) * 60ms + 150ms);}
.psc .pm-seg.r{background:#6D28D9; border-radius:4px 4px 0 0;}
.psc .pm-seg.c{background:#1E1B4B;}
.psc .is-active .pm-seg,.psc .psc-card.in .pm-seg{height:calc(var(--v) * 1%);}
.psc .pm-names{display:flex; gap:4%; padding:6px 2% 0;}
.psc .pm-names span{flex:1; text-align:center; font:500 10px/1.2 'Inter',sans-serif; color:#6B7280;}

/* emerging */
.psc .pm-split{display:grid; grid-template-columns:1.35fr .9fr; gap:12px; height:100%;}
.psc .pm-split--wide{grid-template-columns:1.5fr 1fr;}
.psc .pm-split--doc{grid-template-columns:.75fr 1.6fr;}
.psc .pm-quad{position:relative; background:#fff; border:1px solid #E5E7EB; border-radius:10px; overflow:hidden;
  background-image:linear-gradient(#E5E7EB,#E5E7EB),linear-gradient(#E5E7EB,#E5E7EB);
  background-size:1px 84%,84% 1px; background-position:50% 50%,50% 50%; background-repeat:no-repeat;}
.psc .pm-quad .q{position:absolute; font:600 10px 'Inter',sans-serif;}
.psc .pm-quad .tl{left:10px; top:10px; color:#D97706;}
.psc .pm-quad .tr{right:10px; top:10px; color:#DC2626;}
.psc .pm-quad .bl{left:10px; bottom:10px; color:#374151;}
.psc .pm-quad .br{right:10px; bottom:10px; color:#5B21B6;}
.psc .pm-bub{position:absolute; left:50%; top:50%; width:28px; height:28px; margin:-14px 0 0 -14px; border-radius:50%; border:2px solid #fff;
  color:#fff; font:700 11px/24px 'Inter',sans-serif; text-align:center; box-shadow:0 4px 10px rgba(18,8,42,.18); opacity:0;
  transition:left .9s var(--psc-ease) calc(var(--d) * 50ms + 150ms), top .9s var(--psc-ease) calc(var(--d) * 50ms + 150ms), opacity .4s ease calc(var(--d) * 50ms + 150ms);}
.psc .is-active .pm-bub,.psc .psc-card.in .pm-bub{left:var(--x); top:var(--y); opacity:1;}
.psc .pm-rank{list-style:none; margin:0; padding:0;}
.psc .pm-rank li{display:grid; grid-template-columns:18px 1fr auto; gap:8px; align-items:center; padding:8px 0; border-top:1px solid #F3F4F6; font:500 11.5px 'Inter',sans-serif;}
.psc .pm-rank li:first-child{border-top:0;}
.psc .pm-rank b{color:#9CA3AF; font-weight:600;}
.psc .pm-rank em{font-style:normal; font-weight:700; color:#5B21B6;}

/* breakthroughs */
.psc .pm-brief{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; background:#FFFBEB; border:1px solid #FDE68A; border-left:3px solid #D97706; border-radius:0 10px 10px 0; padding:10px 12px; margin-bottom:10px;}
.psc .pm-brief b{display:block; font:600 9px/1.2 'Inter',sans-serif; color:#92400E; letter-spacing:.05em; text-transform:uppercase; margin-bottom:4px;}
.psc .pm-brief p{margin:0; font:400 10.5px/1.45 'Inter',sans-serif; color:#374151;}

/* tables */
.psc .pm-table{width:100%; border-collapse:collapse; background:#fff; border:1px solid #E5E7EB; border-radius:10px; overflow:hidden; font:400 11.5px/1.35 'Inter',sans-serif;}
.psc .pm-table th{text-align:left; font:600 9.5px/1 'Inter',sans-serif; letter-spacing:.05em; text-transform:uppercase; color:#6B7280; background:#F9FAFB; padding:9px 10px; border-bottom:1px solid #E5E7EB;}
.psc .pm-table td{padding:9px 10px; border-bottom:1px solid #F3F4F6; vertical-align:middle; color:#374151;}
.psc .pm-table tr:last-child td{border-bottom:0;}
.psc .pm-table td b{display:block; color:#111827; font-weight:600; margin-bottom:4px;}
.psc .pm-meter{display:inline-flex; align-items:center; gap:7px; font-weight:600; color:#111827;}
.psc .pm-meter i{position:relative; display:block; width:46px; height:5px; border-radius:3px; background:#E5E7EB; overflow:hidden;}
.psc .pm-meter i::after{content:""; position:absolute; inset:0; width:0; background:var(--c,#6D28D9); border-radius:3px; transition:width .8s var(--psc-ease) .35s;}
.psc .is-active .pm-meter i::after,.psc .psc-card.in .pm-meter i::after{width:var(--w);}

/* startups */
.psc .pm-co{display:flex; justify-content:space-between; align-items:center; gap:10px; background:#fff; border:1px solid #E5E7EB; border-radius:10px; padding:10px 12px; margin-bottom:8px;}
.psc .pm-co h5{font:600 12.5px 'Inter',sans-serif; margin:0 0 4px;}
.psc .pm-ev{text-align:right; font:700 15px/1 'Inter',sans-serif; color:#059669;}
.psc .pm-ev small{display:block; font:500 9.5px 'Inter',sans-serif; color:#6B7280; margin-top:3px;}
.psc .pm-stats{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:10px;}
.psc .pm-stat{background:#fff; border:1px solid #E5E7EB; border-radius:10px; padding:10px; font:500 10.5px 'Inter',sans-serif; color:#4B5563;}
.psc .pm-stat b{display:block; font:700 15px/1.1 'Inter',sans-serif; margin-bottom:3px;}
.psc .pm-stat.o b{color:#EA580C;} .psc .pm-stat.p b{color:#5B21B6;} .psc .pm-stat.g b{color:#059669;} .psc .pm-stat.b b{color:#2563EB;}
.psc .pm-barlist div{display:grid; grid-template-columns:1fr 60px 34px; gap:8px; align-items:center; font:400 11px 'Inter',sans-serif; color:#374151; margin-bottom:7px;}
.psc .pm-barlist i{display:block; height:5px; border-radius:3px; background:#EDE9FE; position:relative; overflow:hidden;}
.psc .pm-barlist i::after{content:""; position:absolute; inset:0; width:var(--w); background:#5B21B6; border-radius:3px;}
.psc .pm-barlist em{font-style:normal; text-align:right; color:#6B7280;}

/* due diligence */
.psc .pm-sec{display:flex; justify-content:space-between; align-items:center; gap:10px; background:#fff; border:1px solid #E5E7EB; border-radius:10px; padding:10px 12px; margin-bottom:8px;}
.psc .pm-sec.is-sel,.psc .pm-sectors li.is-sel{border-color:#A78BFA; box-shadow:0 0 0 3px rgba(124,58,237,.08);}
.psc .pm-sec h5{font:600 12.5px 'Inter',sans-serif; margin:0 0 3px;}
.psc .pm-big{text-align:center; font:700 16px/1 'Inter',sans-serif; color:#059669; background:#F9FAFB; border:1px solid #E5E7EB; border-radius:8px; padding:7px 10px;}
.psc .pm-big small{display:block; font:600 8.5px 'Inter',sans-serif; letter-spacing:.06em; text-transform:uppercase; color:#6B7280; margin-top:3px;}
.psc .pm-check ol{margin:0; padding:0; list-style:none;}
.psc .pm-check li{display:flex; align-items:center; gap:8px; padding:7px 0; border-top:1px solid #F3F4F6; font:400 11.5px 'Inter',sans-serif; color:#374151; opacity:.35;
  transition:opacity .3s ease calc(var(--d) * 110ms + 400ms);}
.psc .pm-check li:first-child{border-top:0;}
.psc .pm-check li::before{content:""; width:13px; height:13px; border-radius:50%; border:1.5px solid #C4B5FD; flex-shrink:0; transition:background .3s ease calc(var(--d) * 110ms + 400ms), border-color .3s ease calc(var(--d) * 110ms + 400ms);}
.psc .is-active .pm-check li,.psc .psc-card.in .pm-check li{opacity:1;}
.psc .is-active .pm-check li::before,.psc .psc-card.in .pm-check li::before{background:#EDE9FE; border-color:#5B21B6;}

/* thesis */
.psc .pm-sectors{list-style:none; margin:0; padding:0;}
.psc .pm-sectors li{display:flex; justify-content:space-between; gap:6px; background:#fff; border:1px solid #E5E7EB; border-radius:9px; padding:9px 10px; margin-bottom:7px; font:500 11.5px 'Inter',sans-serif;}
.psc .pm-sectors em{font-style:normal; font-weight:700; color:#059669;}
.psc .pm-doc{margin:0; height:100%;}
.psc .pm-doc h5{font:700 14px 'Syne',sans-serif; margin:0;}
.psc .pm-ths{border-top:1px solid #F3F4F6; padding:8px 0;}
.psc .pm-ths b{display:block; font:600 9.5px 'Inter',sans-serif; letter-spacing:.05em; text-transform:uppercase; color:#5B21B6; margin-bottom:3px;}
.psc .pm-ths p{margin:0; font:400 11.5px/1.5 'Inter',sans-serif; color:#374151;}

/* reports */
.psc .pm-grid2{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.psc .pm-grid2 .pm-card{margin:0;}
.psc .pm-opt{font:400 11.5px 'Inter',sans-serif; border:1px solid #E5E7EB; border-radius:7px; padding:7px 9px; margin-bottom:6px;}
.psc .pm-opt.on{border-color:#5B21B6; background:#F5F3FF; color:#4C1D95; font-weight:500;}
.psc .pm-grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; align-items:start;}
/* Report Store — card stack (reports-page rcard shape) */
.psc .psc-rstack-wrap{
  display:flex; align-items:center; justify-content:center;
  min-height:100%; padding:8px 4px 20px;
}
.psc .psc-rstack{
  position:relative;
  width:min(100%, 340px);
  height:360px;
}
.psc .pm-body:has(.psc-rstack){ overflow:visible; }
.psc .psc-rcard{
  position:absolute; left:0; right:0; top:0;
  height:268px;
  box-sizing:border-box;
  background:#fff;
  border:1.5px solid #D6D0C6;
  border-radius:14px;
  padding:18px 18px 16px;
  display:flex; flex-direction:column;
  transform-origin:top center;
  transition:transform .5s cubic-bezier(.22,.61,.36,1), box-shadow .5s ease, opacity .5s ease;
  box-shadow:
    0 1px 2px rgba(15,23,42,.06),
    0 10px 28px -12px rgba(15,23,42,.28);
  overflow:hidden;
  will-change:transform;
}
.psc .psc-rcard::before{
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:var(--cat-color, #5B21B6); opacity:.85;
}
.psc .psc-rcard-top{
  display:flex; justify-content:space-between; align-items:flex-start;
  margin-bottom:12px;
}
.psc .psc-rcard-icon{
  width:34px; height:34px; border-radius:10px;
  background:var(--cat-bg, #EDE9FE);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.psc .psc-rcard-icon svg{ width:16px; height:16px; color:var(--cat-color, #5B21B6); }
.psc .psc-rcard-badge{
  font-family:'Space Mono',monospace; font-size:8px; font-weight:700;
  letter-spacing:.8px; text-transform:uppercase;
  color:var(--cat-color, #5B21B6); background:var(--cat-bg, #EDE9FE);
  padding:4px 8px; border-radius:4px;
}
.psc .psc-rcard-title{
  font-family:'Syne',sans-serif; font-weight:700; font-size:14px;
  color:#0E0A1C; line-height:1.4; margin-bottom:10px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.psc .psc-rcard-date{
  font-family:'Space Mono',monospace; font-size:9px; color:#A49FBA; margin-bottom:12px;
}
.psc .psc-rcard-meta{ display:flex; flex-direction:column; gap:5px; margin-bottom:12px; }
.psc .psc-rcard-meta-row{ display:flex; align-items:center; gap:8px; font-size:10.5px; }
.psc .psc-rcard-meta-key{ font-weight:600; color:#2A2440; width:68px; flex-shrink:0; }
.psc .psc-rcard-meta-val{
  color:#6B6480; background:#FAF8F4; border:1px solid #E8E2D9;
  padding:2px 7px; border-radius:4px; font-size:10px;
  max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.psc .psc-rcard-actions{
  display:flex; gap:8px; margin-top:auto; padding-top:12px; border-top:1px solid #E8E2D9;
}
.psc .psc-rcard-btn-view,
.psc .psc-rcard-btn-dl{
  flex:1; font-family:'Inter',sans-serif; font-size:11px; font-weight:600;
  padding:8px 10px; border-radius:6px; text-align:center; text-decoration:none;
  border:none; cursor:default;
}
.psc .psc-rcard-btn-view{ color:#5B21B6; background:#EDE9FE; }
.psc .psc-rcard-btn-dl{ color:#fff; background:#5B21B6; }
.psc .psc-rcard.is-back{
  border-color:#B8B0A4;
  pointer-events:none;
  box-shadow:
    0 0 0 1px rgba(15,23,42,.05),
    0 6px 16px -8px rgba(15,23,42,.2);
}
.psc .psc-rstack [data-stack-card]:not(.is-back){ pointer-events:auto; }

@media (prefers-reduced-motion: reduce){
  .psc .psc-rcard{ transition:none; }
}
