/* Homepage product showcase: photographic product visuals with live UI context. */
body.premium-theme .hero-dev{position:relative;min-width:0}
body.premium-theme .hero-dev>.ds-stage{display:none!important}
body.premium-theme .hero-dev>.ds-nav{
  position:relative;
  z-index:4;
  margin-bottom:14px;
  padding:6px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(9,6,17,.68);
  box-shadow:0 18px 50px rgba(0,0,0,.2);
  backdrop-filter:blur(18px) saturate(135%);
}
body.premium-theme .hero-dev>.ds-nav button{
  min-height:42px;
  border-radius:11px!important;
  color:rgba(255,255,255,.58)!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  transition:color .25s ease,background .25s ease,transform .25s ease!important;
}
body.premium-theme .hero-dev>.ds-nav button .tx{display:inline!important}
body.premium-theme .hero-dev>.ds-nav button:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
body.premium-theme .hero-dev>.ds-nav button.on{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(139,92,246,.94),rgba(91,33,182,.94))!important;
  box-shadow:0 9px 24px rgba(109,40,217,.32)!important;
}
body.premium-theme .hero-dev>.ds-nav button[data-s="voice"] .ic2{color:#c4b5fd!important}
body.premium-theme .hero-dev>.ds-nav button[data-s="whatsapp"] .ic2{color:#4ade80!important}
body.premium-theme .hero-dev>.ds-nav button[data-s="upi"] .ic2{color:#4ade80!important}
body.premium-theme .hero-dev>.ds-nav button[data-s="imps"] .ic2{color:#38bdf8!important}
body.premium-theme .hero-dev>.ds-nav button[data-s="tpap"] .ic2{color:#f9a8d4!important}
body.premium-theme .hero-dev>.ds-nav button[data-s="kyc"] .ic2{color:#2dd4bf!important}
body.premium-theme .hero-dev>.ds-nav button[data-s="sentinel"] .ic2{color:#fb7185!important}
body.premium-theme .hero-dev>.ds-nav button[data-s="lms"] .ic2{color:#fbbf24!important}
body.premium-theme .hero-dev>.ds-nav button[data-s="speech"] .ic2{color:#60a5fa!important}
body.premium-theme .hero-dev>.ds-nav button.on[data-s="voice"]{background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;box-shadow:0 9px 24px rgba(139,92,246,.34)!important}
body.premium-theme .hero-dev>.ds-nav button.on[data-s="whatsapp"],body.premium-theme .hero-dev>.ds-nav button.on[data-s="upi"]{background:linear-gradient(135deg,#16a34a,#047857)!important;box-shadow:0 9px 24px rgba(34,197,94,.3)!important}
body.premium-theme .hero-dev>.ds-nav button.on[data-s="imps"]{background:linear-gradient(135deg,#0284c7,#0369a1)!important;box-shadow:0 9px 24px rgba(56,189,248,.3)!important}
body.premium-theme .hero-dev>.ds-nav button.on[data-s="tpap"]{background:linear-gradient(135deg,#db2777,#9d174d)!important;box-shadow:0 9px 24px rgba(244,114,182,.3)!important}
body.premium-theme .hero-dev>.ds-nav button.on[data-s="kyc"]{background:linear-gradient(135deg,#0d9488,#0f766e)!important;box-shadow:0 9px 24px rgba(20,184,166,.3)!important}
body.premium-theme .hero-dev>.ds-nav button.on[data-s="sentinel"]{background:linear-gradient(135deg,#e11d48,#9f1239)!important;box-shadow:0 9px 24px rgba(251,79,109,.32)!important}
body.premium-theme .hero-dev>.ds-nav button.on[data-s="lms"]{background:linear-gradient(135deg,#d97706,#92400e)!important;box-shadow:0 9px 24px rgba(245,158,11,.3)!important}
body.premium-theme .hero-dev>.ds-nav button.on[data-s="speech"]{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 9px 24px rgba(59,130,246,.3)!important}
body.premium-theme .hero-dev>.ds-nav button.on .ic2{color:#fff!important}

.pp-stage{
  --pp-accent:#8b5cf6;
  position:relative;
  min-height:570px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:#08060d;
  box-shadow:0 34px 100px rgba(0,0,0,.52),0 0 0 1px color-mix(in srgb,var(--pp-accent) 28%,transparent),0 0 55px color-mix(in srgb,var(--pp-accent) 13%,transparent);
  isolation:isolate;
}
.pp-stage::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,4,9,.08) 31%,rgba(5,4,9,.72) 62%,rgba(5,4,9,.97) 100%),
    linear-gradient(90deg,rgba(5,4,9,.82),rgba(5,4,9,.2) 60%,transparent 78%);
}
.pp-stage::after{
  content:'';
  position:absolute;
  inset:-30% -15%;
  z-index:3;
  pointer-events:none;
  opacity:.22;
  background:radial-gradient(circle at 78% 18%,var(--pp-accent),transparent 26%);
  mix-blend-mode:screen;
}
.pp-media{position:absolute;inset:46px 0 0;z-index:1;overflow:hidden;background:#0a0710}
.pp-media img{width:100%;height:100%!important;display:block;object-fit:cover;object-position:center;transition:opacity .25s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.pp-stage[data-mode="voice"] .pp-media img,
.pp-stage[data-mode="whatsapp"] .pp-media img{object-position:center}
.pp-stage.is-changing .pp-media img{opacity:.1;transform:scale(1.025)}
.pp-stage[data-mode="upi"] .pp-media img,
.pp-stage[data-mode="imps"] .pp-media img,
.pp-stage[data-mode="kyc"] .pp-media img,
.pp-stage[data-mode="sentinel"] .pp-media img,
.pp-stage[data-mode="lms"] .pp-media img,
.pp-stage[data-mode="speech"] .pp-media img{opacity:1;filter:saturate(1.04) contrast(1.03)}
.pp-stage[data-mode="upi"]::before,
.pp-stage[data-mode="imps"]::before,
.pp-stage[data-mode="kyc"]::before,
.pp-stage[data-mode="sentinel"]::before,
.pp-stage[data-mode="lms"]::before,
.pp-stage[data-mode="speech"]::before{background:linear-gradient(180deg,rgba(5,4,9,.03) 34%,rgba(5,4,9,.54) 68%,rgba(5,4,9,.98) 100%),linear-gradient(90deg,rgba(5,4,9,.62),rgba(5,4,9,.08) 56%,transparent 78%)}

.pp-chrome{position:absolute;inset:0 0 auto;z-index:5;height:47px;padding:0 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid color-mix(in srgb,var(--pp-accent) 28%,rgba(255,255,255,.08));background:rgba(8,6,14,.9);backdrop-filter:blur(16px)}
.pp-chrome::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pp-accent);box-shadow:0 0 14px var(--pp-accent)}
.pp-dots{display:flex;gap:6px}.pp-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2)}
.pp-product{font-size:10px;font-weight:750;color:#fff;letter-spacing:.8px;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.pp-live{margin-left:auto;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9.5px;color:#a7f3d0;letter-spacing:.7px;text-transform:uppercase}
.pp-live i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399;animation:ppPulse 1.8s ease-in-out infinite}
@keyframes ppPulse{50%{opacity:.35;transform:scale(.75)}}

.pp-agent-demo{display:none;position:absolute;z-index:7;left:18px;top:66px;width:238px;padding:12px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(8,7,14,.86);box-shadow:0 18px 50px rgba(0,0,0,.38);color:#fff;backdrop-filter:blur(20px)}
.pp-stage[data-mode="voice"] .pp-agent-demo{display:block}.pp-stage[data-mode="voice"] .pp-float{display:none}
.pp-agent-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pp-agent-top>span{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:8px;letter-spacing:.8px;color:#ddd6fe}.pp-agent-top>span i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399}
.pp-agent-top>div{display:flex;padding:2px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(255,255,255,.04)}
.pp-agent-top button{min-width:31px;padding:4px 6px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:rgba(255,255,255,.58)!important;font-size:7px!important;font-weight:700!important;line-height:1!important;cursor:pointer}.pp-agent-top button.on{background:rgba(139,92,246,.75)!important;color:#fff!important}
.pp-agent-caption{min-height:42px;margin:10px 0!important;color:rgba(255,255,255,.88)!important;font-size:10.5px!important;line-height:1.45!important;text-shadow:none!important}
.pp-agent-controls{display:flex;align-items:center;gap:8px}.pp-agent-play{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:30px!important;padding:6px 9px!important;border:1px solid rgba(196,181,253,.34)!important;border-radius:8px!important;background:rgba(139,92,246,.2)!important;color:#fff!important;cursor:pointer}.pp-agent-play span{font-size:8px}.pp-agent-play b{font-size:8px;font-weight:700}
.pp-agent-wave{height:24px;display:flex;align-items:center;gap:2px}.pp-agent-wave i{width:2px;height:4px;border-radius:2px;background:#a78bfa}.pp-agent-controls small{margin-left:auto;color:rgba(255,255,255,.54);font-size:7px;white-space:nowrap}
.pp-stage.is-speaking .pp-agent-wave i{animation:agentWave .68s ease-in-out infinite alternate}.pp-stage.is-speaking .pp-agent-wave i:nth-child(2n){animation-delay:-.2s}.pp-stage.is-speaking .pp-agent-wave i:nth-child(3n){animation-delay:-.42s}.pp-stage.is-speaking .pp-agent-top>span i{animation:ppPulse .8s ease-in-out infinite}.pp-stage.is-speaking .pp-media img{animation:ziyaCamera 5s ease-in-out infinite alternate}
@keyframes agentWave{from{height:4px;opacity:.55}to{height:22px;opacity:1}}@keyframes ziyaCamera{from{transform:scale(1.005) translate3d(0,0,0)}to{transform:scale(1.035) translate3d(-.3%,.2%,0)}}

.pp-dashboard{position:absolute;z-index:5;left:22px;right:22px;top:76px;height:268px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(7,7,13,.95);box-shadow:0 24px 70px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.045);color:#fff;backdrop-filter:blur(22px);overflow:hidden}
.pp-dashboard[hidden]{display:none!important}
.pp-stage[data-mode="upi"] .pp-dashboard,.pp-stage[data-mode="imps"] .pp-dashboard{top:130px;height:214px}
.pp-stage[data-mode="upi"] .pp-float,.pp-stage[data-mode="imps"] .pp-float,.pp-stage[data-mode="kyc"] .pp-float,.pp-stage[data-mode="sentinel"] .pp-float,.pp-stage[data-mode="lms"] .pp-float,.pp-stage[data-mode="speech"] .pp-float{display:none}
.pdb-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.09);font-family:var(--mono);font-size:9px;letter-spacing:.8px;color:rgba(255,255,255,.78)}
.pdb-head>b{display:flex;align-items:center;gap:6px;color:#86efac;font-size:8px;font-weight:650}.pdb-head>b.alert{color:#fda4af}.pdb-head>b i,.pdb-list p i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 10px rgba(52,211,153,.8)}
.pdb-head>b.alert i,.pdb-list p.danger i{background:#fb7185;box-shadow:0 0 10px rgba(251,113,133,.8)}
.pdb-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0}
.pdb-kpis>span{min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.085);border-radius:8px;background:rgba(255,255,255,.035)}
.pdb-kpis small,.pdb-grid small,.pdb-pipeline>small{display:block;color:rgba(255,255,255,.54);font-family:var(--mono);font-size:6.8px;letter-spacing:.55px;text-transform:uppercase}
.pdb-kpis strong{display:inline-block;margin-top:4px;color:#fff;font-size:14px;line-height:1}.pdb-kpis em{margin-left:6px;color:#86efac;font-size:7px;font-style:normal}
.pdb-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:8px;height:112px}
.pdb-chart,.pdb-list,.pdb-route,.pdb-steps,.pdb-risk,.pdb-wave,.pdb-pipeline{padding:9px;border:1px solid rgba(255,255,255,.085);border-radius:8px;background:rgba(255,255,255,.025);overflow:hidden}
.pdb-bars{height:65px;margin-top:8px;display:flex;align-items:end;gap:5px;border-bottom:1px solid rgba(255,255,255,.1);background:repeating-linear-gradient(180deg,transparent 0 20px,rgba(255,255,255,.045) 21px)}
.pdb-bars i{flex:1;height:var(--v);border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--pp-accent),rgba(139,92,246,.28));box-shadow:0 0 12px color-mix(in srgb,var(--pp-accent) 34%,transparent)}
.pdb-list p{display:flex;align-items:center;gap:6px;margin:7px 0 0;color:rgba(255,255,255,.67);font-size:7.5px}.pdb-list p b{margin-left:auto;color:#a7f3d0;font-family:var(--mono);font-size:6.5px}.pdb-list p.danger b{color:#fda4af}.pdb-list p.warn i{background:#fbbf24;box-shadow:0 0 10px rgba(251,191,36,.7)}.pdb-list p.warn b{color:#fde68a}
.pdb-route>div{display:flex;align-items:center;gap:5px;margin:18px 0 11px}.pdb-route>div b{flex:0 1 auto;padding:6px 7px;border:1px solid rgba(34,211,238,.28);border-radius:6px;background:rgba(34,211,238,.07);color:#cffafe;font-size:6.2px;white-space:nowrap}.pdb-route>div i{flex:1;height:1px;background:#22d3ee;box-shadow:0 0 7px #22d3ee}.pdb-route p{display:flex;justify-content:space-between;margin:0;color:rgba(255,255,255,.5);font-family:var(--mono);font-size:6.5px}.pdb-route p span{color:#86efac}
.pdb-steps>div{display:flex;align-items:flex-start;justify-content:space-between;margin-top:18px}.pdb-steps span{position:relative;width:24%;color:rgba(255,255,255,.62);font-size:7px;text-align:center}.pdb-steps span:not(:last-child)::after{content:'';position:absolute;top:8px;left:65%;width:72%;height:1px;background:#34d399}.pdb-steps span{display:block}.pdb-steps span::before{content:attr(class);display:none}.pdb-steps span{color:#fff}.pdb-steps span>b{display:block;margin-top:8px;color:rgba(255,255,255,.67);font-size:6.5px;font-weight:500}.pdb-steps span.done,.pdb-steps span.active{font-size:0}.pdb-steps span.done::after{background:#34d399}.pdb-steps span.done::before,.pdb-steps span.active::before{display:grid;place-items:center;width:17px;height:17px;margin:auto;border-radius:50%;font-size:7px}.pdb-steps span.done::before{content:'✓';background:#34d399;color:#052e24}.pdb-steps span.active::before{content:'4';border:1px solid #34d399;background:rgba(52,211,153,.12);color:#a7f3d0}
.pdb-risk{position:relative}.pdb-risk>strong{display:inline-block;margin-top:11px;color:#fb7185;font-size:31px;line-height:1}.pdb-risk>b{margin-left:8px;padding:4px 7px;border-radius:4px;background:rgba(251,113,133,.14);color:#fda4af;font-family:var(--mono);font-size:7px}.pdb-risk>div{display:flex;gap:5px;margin-top:8px}.pdb-risk>div span{padding:4px 6px;border:1px solid rgba(251,113,133,.16);border-radius:4px;color:rgba(255,255,255,.65);font-size:6.3px}
.pdb-pipeline{height:74px}.pdb-pipeline>div{display:flex;align-items:center;margin-top:12px}.pdb-pipeline span{min-width:55px;color:rgba(255,255,255,.54);font-size:6.5px;text-align:center}.pdb-pipeline span b{display:block;margin-bottom:2px;color:#fff;font-size:12px}.pdb-pipeline i{flex:1;height:1px;background:linear-gradient(90deg,var(--pp-accent),rgba(196,181,253,.2))}.pdb-minirow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.pdb-minirow span{padding:7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:rgba(255,255,255,.54);font-size:6.8px}.pdb-minirow b{float:right;color:#ddd6fe}
.pdb-wave>div{height:52px;margin:9px 0 7px;display:flex;align-items:center;gap:2px}.pdb-wave>div i{flex:1;height:calc(8px + (var(--n,1) * 2px));max-height:42px;background:linear-gradient(180deg,#6ee7b7,#8b5cf6);border-radius:2px}.pdb-wave>div i:nth-child(3n){height:34px}.pdb-wave>div i:nth-child(4n){height:18px}.pdb-wave>div i:nth-child(5n){height:41px}.pdb-wave p{display:flex;justify-content:space-between;margin:0;color:rgba(255,255,255,.52);font-size:6.8px}.pdb-wave p b{color:#a7f3d0}

.pp-copy{position:absolute;z-index:5;left:28px;right:28px;bottom:26px;max-width:520px;color:#fff;filter:drop-shadow(0 3px 18px rgba(0,0,0,.28));transition:opacity .2s ease,transform .25s ease}
.pp-stage.is-changing .pp-copy{opacity:0;transform:translateY(9px)}
.pp-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;font-family:var(--mono);font-size:10px;font-weight:750;letter-spacing:1.2px;text-transform:uppercase;color:color-mix(in srgb,var(--pp-accent) 68%,white)}
.pp-kicker::before{content:'';width:18px;height:1px;background:var(--pp-accent);box-shadow:0 0 10px var(--pp-accent)}
.pp-copy h3{max-width:490px;margin:0!important;color:#fff!important;font-size:clamp(25px,2.6vw,36px)!important;line-height:1.03!important;font-weight:680!important;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.pp-copy>p{max-width:470px;margin:10px 0 17px!important;color:rgba(255,255,255,.88)!important;font-size:13.5px!important;line-height:1.55!important;text-shadow:0 1px 14px rgba(0,0,0,.55)}
.pp-metrics{display:flex;gap:8px;flex-wrap:wrap}
.pp-metric{min-width:105px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--pp-accent) 27%,rgba(255,255,255,.15));border-radius:10px;background:rgba(8,6,14,.8);box-shadow:0 10px 26px rgba(0,0,0,.18),inset 0 1px color-mix(in srgb,var(--pp-accent) 12%,transparent);backdrop-filter:blur(14px)}
.pp-metric b{display:block;color:#fff!important;font-size:14px;line-height:1.2}.pp-metric span{display:block;margin-top:3px;color:rgba(255,255,255,.72);font-size:9px;letter-spacing:.65px;text-transform:uppercase}

.pp-float{position:absolute;z-index:6;right:20px;top:68px;width:164px;padding:14px;border:1px solid rgba(255,255,255,.23);border-radius:14px;background:rgba(9,7,16,.86);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.36);backdrop-filter:blur(18px);transition:opacity .2s ease,transform .25s ease}
.pp-stage[data-mode="whatsapp"] .pp-float{left:20px;right:auto}
.pp-stage.is-changing .pp-float{opacity:0;transform:translateY(-7px)}
.pp-float-label{font-family:var(--mono);font-size:8.5px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.72)}
.pp-float-value{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:16px;font-weight:750}.pp-float-value i{width:8px;height:8px;border-radius:50%;background:var(--pp-accent);box-shadow:0 0 15px var(--pp-accent)}
.pp-float small{display:block;margin-top:4px;color:rgba(255,255,255,.74);font-size:10px}

.pp-flow{position:absolute;z-index:6;left:22px;right:202px;top:68px;display:none;align-items:center;gap:5px;transition:opacity .2s ease,transform .25s ease}
.pp-stage[data-mode="upi"] .pp-flow,
.pp-stage[data-mode="imps"] .pp-flow{display:flex}
.pp-stage.is-changing .pp-flow{opacity:0;transform:translateY(-7px)}
.pp-flow-node{flex:1 1 0;min-width:0;padding:9px 7px;border:1px solid rgba(255,255,255,.23);border-radius:10px;background:rgba(7,6,12,.86);backdrop-filter:blur(15px);text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.pp-flow-node b{display:block;color:#fff!important;font-size:9px;line-height:1.2;white-space:normal}
.pp-flow-node span{display:block;margin-top:3px;color:rgba(255,255,255,.7);font-family:var(--mono);font-size:7px;line-height:1.2;text-transform:uppercase;letter-spacing:.45px}
.pp-flow-arrow{flex:0 0 auto;color:var(--pp-accent);font-size:13px;text-shadow:0 0 12px var(--pp-accent)}

@media(max-width:980px){
  .pp-stage{min-height:620px}
  body.premium-theme .hero-dev>.ds-nav{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  body.premium-theme .hero-dev>.ds-nav::-webkit-scrollbar{display:none}
  body.premium-theme .hero-dev>.ds-nav button{flex:0 0 auto}
}
@media(max-width:600px){
  body.premium-theme .hero-dev>.ds-nav{margin-inline:-18px;padding-inline:18px;border-inline:0;border-radius:0;background:rgba(8,6,14,.76)}
  body.premium-theme .hero-dev>.ds-nav button{min-height:40px;padding-inline:13px!important}
  .pp-stage{min-height:590px;border-radius:17px}
  .pp-media{inset:45px 0 0}
  .pp-stage::before{background:linear-gradient(180deg,rgba(5,4,9,.07) 18%,rgba(5,4,9,.65) 55%,rgba(5,4,9,.98) 76%),linear-gradient(90deg,rgba(5,4,9,.46),transparent)}
  .pp-stage[data-mode="voice"] .pp-media img,
  .pp-stage[data-mode="whatsapp"] .pp-media img{object-position:62% center}
  .pp-agent-demo{left:12px;top:58px;width:206px;padding:10px}.pp-agent-caption{min-height:38px;font-size:9.5px!important;margin:8px 0!important}.pp-agent-controls small{display:none}
  .pp-copy{left:18px;right:18px;bottom:18px}
  .pp-copy h3{font-size:26px!important}
  .pp-copy>p{font-size:12.5px!important;margin-bottom:13px!important}
  .pp-metrics{display:grid;grid-template-columns:repeat(3,1fr)}
  .pp-metric{min-width:0;padding:8px}.pp-metric b{font-size:12px}.pp-metric span{font-size:8px;letter-spacing:.45px}
  .pp-float{top:60px;left:12px;right:auto;width:140px;padding:11px}.pp-float-value{font-size:14px}
  .pp-flow{left:12px;right:12px;top:115px;gap:3px}
  .pp-flow-node{padding:7px 4px;border-radius:8px}.pp-flow-node b{font-size:7.5px}.pp-flow-node span{font-size:6.5px;letter-spacing:.25px}.pp-flow-arrow{font-size:10px}
  .pp-dashboard{left:12px;right:12px;top:72px;height:210px;padding:10px;border-radius:11px}
  .pp-stage[data-mode="upi"] .pp-dashboard,.pp-stage[data-mode="imps"] .pp-dashboard{top:172px;height:170px}
  .pdb-head{padding-bottom:7px;font-size:7px}.pdb-head>b{font-size:6.5px}
  .pdb-kpis{gap:4px;margin:6px 0}.pdb-kpis>span{padding:6px}.pdb-kpis small{font-size:5.5px;letter-spacing:.2px}.pdb-kpis strong{font-size:11px}.pdb-kpis em{display:none}
  .pdb-grid{height:89px;gap:5px}.pdb-chart,.pdb-list,.pdb-route,.pdb-steps,.pdb-risk,.pdb-wave,.pdb-pipeline{padding:7px}.pdb-grid small,.pdb-pipeline>small{font-size:5.5px}
  .pdb-bars{height:51px;margin-top:5px;gap:3px}.pdb-list p{margin-top:5px;font-size:6px}.pdb-list p b{font-size:5.5px}
  .pdb-route>div{gap:3px;margin:12px 0 8px}.pdb-route>div b{padding:5px 4px;font-size:5px}.pdb-route p{font-size:5.3px}
  .pdb-steps>div{margin-top:12px}.pdb-steps span>b{font-size:5.5px}.pdb-risk>strong{margin-top:8px;font-size:25px}.pdb-risk>div span{padding:3px;font-size:5.2px}
  .pdb-pipeline{height:65px}.pdb-pipeline>div{margin-top:8px}.pdb-pipeline span{min-width:44px;font-size:5.3px}.pdb-pipeline span b{font-size:10px}.pdb-minirow{gap:4px;margin-top:5px}.pdb-minirow span{padding:5px;font-size:5.5px}
  .pdb-wave>div{height:40px;margin:6px 0 4px}.pdb-wave p{font-size:5.5px}
  .pp-stage[data-mode="upi"] .pp-float,
  .pp-stage[data-mode="imps"] .pp-float{display:none}
}
@media(prefers-reduced-motion:reduce){.pp-media img,.pp-copy,.pp-float{transition:none!important}.pp-live i{animation:none}}