/* PostOp Monitor — clinical dark, ECG monitor look */
body.p-postop{--bl:#60a5fa;--cy:#22d3ee;--am:#fbbf24;--rd:#fb7185;--gn:#34d399;background:#040b1b}
body.p-postop .wrap{max-width:var(--wrap)}
.po-k{font:500 .74rem var(--f-m);letter-spacing:.2em;text-transform:uppercase;color:var(--cy);margin:0 0 16px;display:flex;align-items:center;gap:12px}.po-k::before{content:"";width:28px;height:2px;background:var(--cy);box-shadow:0 0 10px var(--cy)}
.po-head{max-width:780px;margin-bottom:clamp(28px,5vh,50px)}.po-head h2,.po-priv h2{font-size:clamp(2rem,3.8vw,3.2rem);margin-bottom:14px}.po-head p:last-child{font-size:1.05rem;margin:0}
.po-sec{position:relative;padding:clamp(64px,10vh,108px) 0;background:#040b1b;border-top:1px solid #ffffff0f}
.po-note{margin:12px 0 0;font:500 .62rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}

/* hero */
.po-hero{position:relative;overflow:hidden;isolation:isolate;padding:12px 0 clamp(60px,10vh,110px);background:radial-gradient(900px 500px at 85% 20%,#0f3a7a55,transparent 60%),#040b1b}
.po-ecg{position:absolute;left:0;top:34%;width:100%;height:320px;z-index:-1;opacity:.55}
.po-ecg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.po-ecg .g{stroke:#22d3ee22;stroke-width:6}
.po-ecg .l{stroke:var(--cy);stroke-width:2.5;stroke-dasharray:380 1500;filter:drop-shadow(0 0 8px var(--cy));animation:poecg 4.5s linear infinite}
@keyframes poecg{from{stroke-dashoffset:380}to{stroke-dashoffset:-1500}}
.po-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,70px);align-items:center}.po-hero-in>*{min-width:0}
.po-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:99px;background:#22d3ee14;border:1px solid #22d3ee44;font:500 .72rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:#a5f3fc;margin-bottom:22px}
.po-badge i{width:9px;height:9px;border-radius:50%;background:var(--cy);animation:pobeat 1.1s ease-in-out infinite}
@keyframes pobeat{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #22d3eeaa}30%{transform:scale(1.4);box-shadow:0 0 0 8px #22d3ee00}}
.po-copy h1{font-size:clamp(3rem,6.4vw,5.6rem);line-height:.95;letter-spacing:-.05em;margin-bottom:20px}.po-copy h1 span{display:block;color:var(--cy);text-shadow:0 0 40px #22d3ee66}
.po-lead{font-size:clamp(1rem,1.25vw,1.15rem);max-width:580px}
.po-vitals{display:flex;flex-wrap:wrap;gap:28px;margin-top:34px;padding-top:24px;border-top:1px solid #ffffff1a}
.po-vitals small{display:block;font:500 .64rem var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}.po-vitals b{font:600 1.15rem var(--f-d);color:#fff}
.po-qr{position:relative;display:grid;place-items:center;min-height:420px}
.po-qr-card{position:relative;z-index:1;width:min(340px,100%);padding:26px;border-radius:28px;background:linear-gradient(160deg,#0f2147f2,#091531f2);border:1px solid #60a5fa44;box-shadow:0 40px 90px #000a,0 0 70px #22d3ee22;text-align:center}
.po-qr-card small{font:500 .64rem var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--cy)}.po-qr-card>b{display:block;font:600 1.15rem var(--f-d);margin:6px 0 18px}
.po-qrgrid{position:relative;display:grid;grid-template-columns:repeat(13,1fr);gap:3px;width:210px;margin:0 auto 18px;padding:14px;border-radius:16px;background:#fff;overflow:hidden}
.po-qrgrid u{aspect-ratio:1;background:#0b1020;border-radius:2px;text-decoration:none}.po-qrgrid u.o{background:transparent}
.po-scan{position:absolute;left:0;right:0;height:46px;top:-46px;background:linear-gradient(180deg,transparent,#22d3ee88);border-bottom:2px solid var(--cy);animation:poscan 2.6s ease-in-out infinite}
@keyframes poscan{0%{top:-46px}60%,100%{top:100%}}
.po-enrol{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#34d3991a;border:1px solid #34d39944;text-align:left;opacity:.25;transform:translateY(6px);transition:.6s var(--ease)}.po-enrol.on{opacity:1;transform:none}
.po-enrol span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gn);color:#04281c;font-weight:800}.po-enrol b{display:block;font:600 .88rem var(--f-d);color:#fff}.po-enrol small{font:500 .68rem var(--f-b);letter-spacing:0;text-transform:none;color:#b9f3dc}
.po-pulse{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.po-pulse i{position:absolute;width:300px;height:300px;border-radius:50%;border:1.5px solid #22d3ee44;animation:populse 4s infinite}.po-pulse i:nth-child(2){animation-delay:1.3s}.po-pulse i:nth-child(3){animation-delay:2.6s}
@keyframes populse{from{transform:scale(.7);opacity:.9}to{transform:scale(1.8);opacity:0}}

/* live duo */
.po-live{background:#050e22}
.po-duo{display:grid;grid-template-columns:340px 1fr;gap:clamp(20px,3vw,40px);align-items:start}.po-duo>*{min-width:0}
.po-phone{position:relative;padding:46px 22px 24px;border-radius:44px;background:#0a1735;border:8px solid #16264d;box-shadow:0 40px 80px #000a;display:grid;gap:16px}
.po-notch{position:absolute;top:8px;left:50%;width:84px;height:20px;margin-left:-42px;border-radius:99px;background:#040b1b}
.po-phone small{font:500 .66rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--cy)}.po-phone h3{margin:-8px 0 0;font-size:1.4rem}
.po-q{display:grid;gap:10px;font-weight:600;font-size:.88rem}.po-q>span{display:flex;justify-content:space-between}.po-q b{color:var(--cy);font-family:var(--f-m)}
.po-q input{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--gn),var(--am),var(--rd));outline:none;cursor:pointer}
.po-q input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:5px solid var(--bl);box-shadow:0 4px 14px #0008}
.po-q input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:5px solid var(--bl)}
.po-chips{display:flex;flex-wrap:wrap;gap:8px}.po-chips button{padding:9px 14px;border-radius:99px;border:1px solid #ffffff2e;background:#ffffff08;font:500 .8rem var(--f-b);cursor:pointer;transition:.25s}
.po-chips button:hover{border-color:var(--bl)}.po-chips button.on{background:#60a5fa2e;border-color:var(--bl);color:#fff}
.po-phone .btn{width:100%}
.po-dash{padding:24px;border-radius:26px;background:linear-gradient(160deg,#0c1a3b,#081230);border:1px solid #60a5fa33;box-shadow:0 30px 80px #0009}
.po-dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.po-dash-top b{font:600 1.1rem var(--f-d)}
.po-live-dot{display:inline-flex;align-items:center;gap:8px;font:500 .66rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--gn)}.po-live-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gn);animation:pobeat 1.4s infinite}
.po-alert{margin-bottom:14px;padding:14px 18px;border-radius:14px;font-weight:600;font-size:.92rem;animation:poin .5s var(--ease)}
.po-alert.b{background:#fb718526;border:1px solid #fb718566;color:#ffc2cb}.po-alert.w{background:#fbbf2420;border:1px solid #fbbf2455;color:#fde68a}.po-alert.g{background:#34d3991a;border:1px solid #34d39944;color:#b9f3dc}
@keyframes poin{from{opacity:0;transform:translateY(-10px)}}
.po-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.po-kpis div{padding:12px 16px;border-radius:14px;background:#ffffff0a;border:1px solid var(--line)}.po-kpis small{display:block;font:500 .6rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}.po-kpis b{font:600 1.6rem var(--f-d)}
.po-list{display:grid;gap:8px}.po-list li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:#ffffff08;border:1px solid transparent;transition:.5s var(--ease)}
.po-list li.hot{border-color:var(--cy);background:#22d3ee14;box-shadow:0 0 30px #22d3ee22}
.po-list .po-av{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#60a5fa22;font:500 .7rem var(--f-m);color:#bfdbfe}
.po-list div{flex:1;min-width:0}.po-list b{display:block;font:600 .92rem var(--f-d)}.po-list small{color:var(--t3);font-size:.76rem}
.s{flex:none;padding:5px 13px;border-radius:99px;font:600 .7rem var(--f-m);font-style:normal;letter-spacing:.04em;background:#ffffff14;color:var(--t2);transition:.4s}.s.g{background:#34d3991f;color:var(--gn)}.s.w{background:#fbbf2420;color:var(--am)}.s.b{background:#fb718526;color:#ff9aab}

/* trend */
.po-chart{padding:clamp(18px,3vw,32px);border-radius:28px;background:linear-gradient(160deg,#0c1a3b,#081230);border:1px solid #60a5fa33}
.po-chart-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.po-sw{display:flex;align-items:center;gap:12px;font-weight:600;cursor:pointer}.po-sw input{position:absolute;opacity:0}
.po-sw span{position:relative;width:50px;height:28px;border-radius:99px;background:#ffffff26;transition:.3s}.po-sw span::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .35s var(--ease)}
.po-sw input:checked+span{background:var(--rd)}.po-sw input:checked+span::after{transform:translateX(22px)}.po-sw input:focus-visible+span{outline:2px solid var(--cy);outline-offset:3px}
.po-read{display:flex;gap:28px}.po-read small{display:block;font:500 .62rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}.po-read b{font:600 1.4rem var(--f-d)}#rSt.crit{color:var(--rd)}#rSt.fine{color:var(--gn)}
#poSvg{width:100%;height:auto;display:block;overflow:visible}
#poDay{-webkit-appearance:none;appearance:none;width:100%;height:8px;margin:22px 0 14px;border-radius:99px;background:#ffffff26;outline:none;cursor:pointer}
#poDay::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:6px solid var(--cy);box-shadow:0 0 18px #22d3ee88}#poDay::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:6px solid var(--cy)}
.po-legend{display:flex;gap:22px;font-size:.8rem;color:var(--t2)}.po-legend i{display:inline-block;width:22px;height:4px;border-radius:2px;margin-right:8px;vertical-align:middle;background:var(--cy)}.po-legend i.b{background:repeating-linear-gradient(90deg,#60a5fa88 0 5px,transparent 5px 9px)}
.po-flag{margin-top:16px;padding:14px 18px;border-radius:14px;background:#fb718526;border:1px solid #fb718566;color:#ffc2cb;font-weight:600;animation:poin .5s var(--ease)}

/* privacy */
.po-priv{background:#050e22}
.po-priv-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px);align-items:center}.po-priv-grid>*{min-width:0}
.po-toggle{display:inline-flex;padding:5px;border-radius:99px;background:#ffffff10;margin:20px 0}.po-toggle button{padding:11px 20px;border:0;border-radius:99px;background:none;font:600 .86rem var(--f-b);cursor:pointer;color:var(--t2);transition:.3s}.po-toggle button.on{background:var(--bl);color:#04122e}
.po-ask button{padding:14px 22px;border-radius:14px;border:1px dashed #22d3ee77;background:#22d3ee10;font:600 .9rem var(--f-b);cursor:pointer;transition:.3s}.po-ask button:hover{background:#22d3ee22}
.po-ask p{margin:14px 0 0;padding:14px 18px;border-radius:14px;background:#ffffff0d;border-left:3px solid var(--cy);animation:poin .5s var(--ease);font-size:.92rem}
.po-rec{padding:26px;border-radius:26px;background:linear-gradient(160deg,#0c1a3b,#081230);border:1px solid #60a5fa33;box-shadow:0 30px 80px #0009}
.po-rec-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.po-rec-top b{font:600 1.1rem var(--f-d)}.po-rec-top em{font:600 .66rem var(--f-m);font-style:normal;padding:5px 12px;border-radius:99px;background:#60a5fa26;color:#bfdbfe;letter-spacing:.06em;transition:.4s}
.po-rec.ai .po-rec-top em{background:#34d3991f;color:var(--gn)}
.po-rec dl{display:grid;margin:0}.po-rec dl>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line)}.po-rec dt{color:var(--t3);font-size:.86rem}.po-rec dd{margin:0;font:500 .92rem var(--f-m);color:#fff;transition:.4s}
.po-rec.ai dd:not(.kept){color:var(--gn);letter-spacing:.04em;background:#34d39912;padding:2px 10px;border-radius:6px}

/* pillars */
.po-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.po-tiles article{position:relative;overflow:hidden;padding:26px 24px 28px;border-radius:22px;background:#08142e;border:1px solid #60a5fa2a;transition:.5s var(--ease)}
.po-tiles article:hover{transform:translateY(-6px);border-color:var(--cy);box-shadow:0 0 40px #22d3ee22}
.po-tiles svg{width:100%;height:46px;margin-bottom:22px}.po-tiles path{fill:none;stroke:var(--cy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:320;stroke-dashoffset:320;filter:drop-shadow(0 0 4px var(--cy))}
.po-tiles article.in path{animation:podraw 2.2s var(--ease) forwards}.po-tiles article:hover path{animation:podraw 1.4s var(--ease) forwards}
@keyframes podraw{from{stroke-dashoffset:320}to{stroke-dashoffset:0}}
.po-tiles h3{font-size:1.25rem}.po-tiles p{margin:0;font-size:.94rem}
.js:not(.rv-ready) .po-tiles path{stroke-dashoffset:0}

/* steps */
.po-steps{background:#050e22}
.po-band{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(24px,4vw,40px);border-radius:28px;background:linear-gradient(120deg,#0e2a5e,#0a1a3d);border:1px solid #60a5fa44}
.po-band h3{font-size:1.5rem}.po-band p{margin:0 0 14px}.po-who{display:flex;flex-wrap:wrap;gap:8px}.po-who span{padding:7px 14px;border-radius:99px;background:#22d3ee1a;border:1px solid #22d3ee44;font:500 .76rem var(--f-m);color:#cffafe}

@media(max-width:1000px){.po-hero-in,.po-duo,.po-priv-grid{grid-template-columns:1fr}.po-phone{max-width:380px;margin:0 auto;width:100%}.po-tiles{grid-template-columns:repeat(2,1fr)}.po-qr{min-height:380px}}
@media(max-width:600px){.po-tiles{grid-template-columns:1fr}.po-read{gap:16px}.po-kpis b{font-size:1.2rem}.po-qr-card{padding:20px}.po-qrgrid{width:180px}.po-list small{display:none}}
@media(prefers-reduced-motion:reduce){.po-ecg .l,.po-scan,.po-pulse i,.po-badge i{animation:none}.po-tiles path{stroke-dashoffset:0}}
.po-q em{font-style:normal;color:var(--t2)}

/* hero fits one viewport (desktop) */
@media(min-width:1101px){
  .po-hero{min-height:calc(100svh - 131px);display:flex;align-items:center;padding-block:clamp(16px,3vh,44px)}
  .po-hero-in{flex:none;width:90%}
  .po-copy .crumbs{margin-bottom:clamp(8px,1.8vh,22px)}
  .po-badge{margin-bottom:clamp(10px,2vh,22px)}
  .po-copy h1{font-size:clamp(2.8rem,min(6.2vw,11.5vh),5.6rem);margin-bottom:clamp(8px,1.8vh,20px)}
  .po-lead{font-size:clamp(.94rem,1.9vh,1.14rem)}
  .po-copy .cta-row{margin-top:clamp(14px,2.6vh,30px)}.po-vitals{margin-top:clamp(14px,3vh,34px);padding-top:clamp(12px,2vh,24px)}
  .po-qr{min-height:0}
}
@media(min-width:1101px) and (max-height:820px){.po-qr-card{transform:scale(.88)}}
@media(min-width:1101px){#poSvg{max-height:30vh;margin-inline:auto}.po-chart{padding:clamp(14px,2.4vh,28px)}#poDay{margin:clamp(10px,2vh,22px) 0 10px}.po-flag{margin-top:10px;padding:10px 16px}}

/* ===== PostOp v2 ===== */
.po-sec .po-head p:last-child{max-width:70ch}
/* hero extras */
.po-mon{position:absolute;z-index:3;left:-6%;bottom:4%;width:min(262px,64%);padding:14px 16px;border-radius:18px;background:#0b1a3ef5;border:1px solid #22d3ee55;box-shadow:0 24px 50px #000a,0 0 40px #22d3ee22;animation:pomb 6s ease-in-out infinite alternate}
.po-mon-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.po-mon-top small{font:500 .6rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}.po-mon-top em{font:600 .58rem var(--f-m);font-style:normal;padding:2px 8px;border-radius:99px;background:#22d3ee1f;color:var(--cy)}
.po-mon-row{display:flex;align-items:center;gap:12px}.po-mon-row b{font:700 2.1rem/1 var(--f-d);letter-spacing:-.04em;color:#fff}.po-mon-row span{display:block;font-size:.66rem;color:var(--t3);margin-top:2px}
.po-mon-ecg{flex:1;min-width:0;height:44px}.po-mon-ecg path{fill:none;stroke:var(--cy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260;filter:drop-shadow(0 0 4px var(--cy));animation:pomon 2.4s linear infinite;vector-effect:non-scaling-stroke}
@keyframes pomon{to{stroke-dashoffset:-260}}@keyframes pomb{to{transform:translateY(-10px)}}
.po-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:99px;background:#0b1a3ef5;border:1px solid #60a5fa44;box-shadow:0 18px 40px #0009;font-size:.74rem;color:var(--t2);animation:pomb 5s ease-in-out infinite alternate}
.po-chip i{font-style:normal;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#22d3ee1f;font-size:.95rem}.po-chip b{display:block;color:#fff;font:600 .84rem var(--f-d)}
.pc1{top:0;right:-4%}.pc2{bottom:-1%;right:-2%;animation-delay:-2.5s}.pc2 i{background:#fb71851f}
/* surveys */
.po-surv{background:#040b1b}
.po-sv{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}.po-sv>*{min-width:0}
.po-sv-tabs{display:grid;gap:10px}
.po-sv-tabs button{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;border:1px solid #60a5fa2a;background:#08142e;text-align:left;cursor:pointer;color:#fff;transition:.35s var(--ease)}
.po-sv-tabs i{font-style:normal;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#22d3ee14;font-size:1.3rem}
.po-sv-tabs b{display:block;font:600 1.02rem var(--f-d)}.po-sv-tabs small{color:var(--t3);font-size:.76rem}
.po-sv-tabs button:hover{transform:translateX(5px);border-color:var(--cy)}
.po-sv-tabs button[aria-selected=true]{background:linear-gradient(120deg,#0e3a78,#0a2352);border-color:var(--cy);box-shadow:0 0 36px #22d3ee22}
.po-sv-card{padding:clamp(18px,2.6vw,32px);border-radius:26px;background:linear-gradient(160deg,#0c1a3b,#081230);border:1px solid #60a5fa33;box-shadow:0 30px 80px #0009;transition:opacity .3s}.po-sv-card.sw{opacity:0}
.po-sv-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.po-sv-top small{font:600 .62rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--cy)}.po-sv-top h3{margin:2px 0 0;font-size:1.6rem}
.po-cad{display:inline-flex;padding:4px;border-radius:99px;background:#ffffff10}.po-cad button{padding:8px 16px;border:0;border-radius:99px;background:none;font:600 .78rem var(--f-b);color:var(--t2);cursor:pointer;transition:.3s}.po-cad button.on{background:var(--bl);color:#04122e}
.po-qs{display:grid;gap:9px}
.po-qs li{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 16px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff0f;animation:poin .45s var(--ease) both}
.po-qs li.hide{display:none}
.po-qs .ty{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#60a5fa1f;font-size:.95rem}
.po-qs b{display:block;font:600 .92rem var(--f-d)}.po-qs small{color:var(--t3);font-size:.76rem}
.po-qs .cd{padding:3px 11px;border-radius:99px;font:600 .64rem var(--f-m);letter-spacing:.06em;text-transform:uppercase;background:#22d3ee1c;color:var(--cy)}.po-qs .cd.weekly{background:#a78bfa24;color:#c4b5fd}.po-qs .cd.monthly{background:#fbbf2420;color:#fde68a}
.po-rules{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.po-rules h5{margin:0 0 12px;font:600 .66rem var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
.po-rules div{display:flex;flex-wrap:wrap;gap:8px}.po-rules span{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:#ffffff0c;border:1px solid #ffffff1a;font-size:.8rem}.po-rules span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--am)}.po-rules span.c::before{background:var(--rd)}
/* phases */
.po-phase{background:#050e22}
.po-ph-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.po-ph-rail button{position:relative;display:grid;gap:4px;padding:18px 20px;border-radius:18px;background:#08142e;border:1px solid #60a5fa2a;text-align:left;cursor:pointer;color:#fff;transition:.35s var(--ease);overflow:hidden}
.po-ph-rail button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--cy),var(--bl));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.po-ph-rail span{font:600 .62rem var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}.po-ph-rail b{font:600 1.15rem var(--f-d)}
.po-ph-rail button:hover{transform:translateY(-4px);border-color:var(--cy)}.po-ph-rail button.on{background:linear-gradient(135deg,#0e3a78,#0a2352);border-color:var(--cy)}.po-ph-rail button.on::after{transform:none}.po-ph-rail button.on span{color:var(--cy)}
.po-ph-body{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:stretch;transition:opacity .3s}.po-ph-body.sw{opacity:0}.po-ph-body>*{min-width:0}
.po-ph-main,.po-ph-card{padding:clamp(18px,2.4vw,30px);border-radius:22px;background:#ffffff09;border:1px solid #ffffff18}
.po-ph-tag{display:inline-block;padding:4px 12px;border-radius:99px;background:#22d3ee1c;color:var(--cy);font:600 .66rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.po-ph-main h3{font-size:1.9rem}.po-ph-main>p{color:#c9d8f2;font-size:1.02rem}
.po-phase h5{margin:20px 0 10px;font:600 .66rem var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}.po-ph-card h5{margin-top:0}
.po-ph-l{display:grid;gap:9px}.po-ph-l li{display:flex;gap:12px;align-items:flex-start;font-size:.94rem;color:#e6eefc}.po-ph-l li::before{content:"✓";display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#22d3ee22;color:var(--cy);font-size:.7rem;font-weight:800;margin-top:1px}
.po-ph-side{display:grid;gap:14px}.po-ph-card p{margin:0;font-size:.92rem;color:#d3def2}.po-ph-card.warn{border-color:#fb718544;background:#fb71850d}.po-ph-card.warn h5{color:#ff9aab}
.po-dots{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;margin-bottom:12px}.po-dots i{aspect-ratio:1;border-radius:50%;background:#ffffff14;transition:.4s}.po-dots i.on{background:var(--cy);box-shadow:0 0 10px #22d3ee88}
.po-roles2{display:flex;flex-wrap:wrap;gap:8px}.po-roles2 span{padding:6px 14px;border-radius:99px;background:#ffffff0d;border:1px solid #ffffff1f;font:600 .76rem var(--f-b);color:#dbe8ff}
/* dashboard */
.po-board{background:#040b1b}
.po-bd{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}.po-bd>*{min-width:0}
.po-flt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.po-flt button{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:99px;border:1px solid #ffffff22;background:#ffffff08;font:600 .84rem var(--f-b);color:var(--t2);cursor:pointer;transition:.3s}.po-flt button:hover{border-color:var(--cy)}
.po-flt button.on{background:var(--bl);border-color:var(--bl);color:#04122e}.po-flt em{font:600 .7rem var(--f-m);font-style:normal;padding:1px 8px;border-radius:99px;background:#ffffff20}.po-flt button.on em{background:#04122e22}
.po-tbl{display:grid;gap:8px}
.po-row{display:grid;grid-template-columns:auto 1.2fr .5fr 90px auto;gap:14px;align-items:center;padding:12px 16px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff10;text-align:left;cursor:pointer;color:#fff;transition:.3s var(--ease);animation:poin .4s var(--ease) both}
.po-row:hover{transform:translateX(4px);border-color:#60a5fa66}.po-row.sel{border-color:var(--cy);background:#22d3ee12;box-shadow:0 0 30px #22d3ee18}
.po-row .id{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#60a5fa22;font:500 .7rem var(--f-m);color:#bfdbfe}
.po-row b{display:block;font:600 .92rem var(--f-d)}.po-row small{color:var(--t3);font-size:.74rem}
.po-row .dy{font:600 .78rem var(--f-m);color:var(--t2)}
.po-row svg{width:90px;height:26px}.po-row svg path{fill:none;stroke:var(--cy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.po-row.crit svg path{stroke:var(--rd)}.po-row.rev svg path{stroke:var(--am)}
.po-bd-side{position:sticky;top:110px;padding:clamp(18px,2.2vw,26px);border-radius:24px;background:linear-gradient(160deg,#0c1a3b,#081230);border:1px solid #60a5fa33;box-shadow:0 30px 80px #0009}
.po-bd-side header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.po-bd-side h3{margin:0;font-size:1.25rem}.po-bd-side header small{display:block;color:var(--t3);font-size:.76rem}
.po-bd-side svg.big{width:100%;height:96px;margin:6px 0 14px;overflow:visible}.po-bd-side svg.big path{fill:none;stroke:var(--cy);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.po-bd-side svg.big .a{fill:#22d3ee18;stroke:none}
.po-bd-side h5{margin:16px 0 8px;font:600 .64rem var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
.po-ans{display:grid;gap:7px}.po-ans div{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:12px;background:#ffffff09;font-size:.84rem;color:var(--t2)}.po-ans b{color:#fff;font-weight:600}
.po-ai{margin:0;padding:12px 14px;border-radius:14px;background:#34d3991a;border:1px solid #34d39933;font-size:.86rem;color:#d1fae5;line-height:1.55}
.po-bd-side .s{font-size:.72rem}
/* faq */
.po-faq{background:#050e22}
.po-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,80px);align-items:start}.po-faq-grid>*{min-width:0}
.po-faq-l{position:sticky;top:110px;align-self:start}.po-faq-l h2{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:14px}.po-faq-l .btn{margin-top:8px}
.po-faql{display:grid;gap:12px}
.po-faql details{border-radius:20px;background:#ffffff09;border:1px solid #ffffff1a;transition:.3s}.po-faql details[open]{border-color:var(--cy);background:#22d3ee0d;box-shadow:0 0 36px #22d3ee14}
.po-faql summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;font:600 1.05rem var(--f-d)}.po-faql summary::-webkit-details-marker{display:none}
.po-faql summary i{position:relative;flex:none;width:16px;height:16px}.po-faql summary i::before,.po-faql summary i::after{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--cy);transition:transform .35s var(--ease)}.po-faql summary i::after{transform:rotate(90deg)}.po-faql details[open] summary i::after{transform:rotate(0)}
.po-faql details p{margin:0;padding:0 24px 22px;color:#c9d8f2;animation:poin .5s var(--ease)}
@media(max-width:1100px){.po-sv,.po-ph-body,.po-bd,.po-faq-grid{grid-template-columns:1fr}.po-sv-tabs{grid-template-columns:repeat(2,1fr)}.po-bd-side,.po-faq-l{position:static}.po-mon{left:0}.pc1{right:0}.pc2{right:0}}
@media(max-width:700px){.po-sv-tabs,.po-ph-rail{grid-template-columns:repeat(2,1fr)}.po-row{grid-template-columns:auto 1fr auto;gap:10px}.po-row .dy,.po-row svg{display:none}.po-chip,.po-mon{display:none}.po-dots{grid-template-columns:repeat(7,1fr)}.po-qs li{grid-template-columns:auto 1fr}.po-qs .cd{grid-column:1/-1;justify-self:start}}
@media(prefers-reduced-motion:reduce){.po-mon,.po-chip,.po-mon-ecg path{animation:none}.po-mon-ecg path{stroke-dashoffset:0}}

/* ===== PostOp hero v3: live product stage ===== */
.po-stage{--u:clamp(.62px,.1vh,1.1px);position:relative;font-size:calc(16 * var(--u));width:37em;max-width:100%;height:36em;margin-inline:auto}
.po-glow{position:absolute;inset:-8% -12%;background:radial-gradient(closest-side,#22d3ee2e,transparent 72%);pointer-events:none}
.po-dash2{position:absolute;left:0;top:3.6em;width:24.8em;border-radius:1.3em;background:linear-gradient(160deg,#11265a,#0a1636);border:1px solid #60a5fa4d;box-shadow:0 2.4em 5em #000b,0 0 4em #22d3ee1f;overflow:hidden}
.po-d-bar{display:flex;align-items:center;gap:.5em;padding:.85em 1.1em;border-bottom:1px solid #ffffff14;background:#ffffff06}
.po-d-bar i{width:.65em;height:.65em;border-radius:50%;background:#ff5f57}.po-d-bar i:nth-child(2){background:#febc2e}.po-d-bar i:nth-child(3){background:#28c840}
.po-d-bar b{margin:0 auto 0 .7em;font:500 .72em var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#9fb3d6}
.po-livepill{display:inline-flex;align-items:center;gap:.45em;font:600 .62em var(--f-m);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--gn)}.po-livepill::before{content:"";width:.7em;height:.7em;border-radius:50%;background:var(--gn);animation:pobeat 1.4s infinite}
.po-d-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;padding:1em 1.1em .4em}
.po-d-kpis div{padding:.6em .8em;border-radius:.8em;background:#ffffff0b;border:1px solid #ffffff12}
.po-d-kpis small{display:block;font:500 .58em var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#8fa5cc}.po-d-kpis b{font:600 1.5em/1.15 var(--f-d);letter-spacing:-.03em;color:#fff}
.po-d-chart{position:relative;margin:.5em 1.1em 0;padding:.8em 1em 1em;border-radius:.9em;background:#ffffff08;border:1px solid #ffffff10}
.po-d-ct{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4em}.po-d-ct small{font:500 .6em var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#8fa5cc}
.po-pill2{padding:.2em .8em;border-radius:99px;font:600 .62em var(--f-m);font-style:normal;transition:.4s}.po-pill2.ok{background:#34d3991f;color:var(--gn)}.po-pill2.warn{background:#fbbf2424;color:var(--am)}
.po-d-chart svg{display:block;width:100%;height:4.8em;overflow:visible}
.po-d-chart path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.po-d-chart .ex{stroke:#60a5fa88;stroke-width:1.6;stroke-dasharray:5 5}.po-d-chart .pt{stroke:var(--cy);stroke-width:2.8;stroke-dasharray:400;stroke-dashoffset:400;animation:podraw2 1.4s var(--ease) forwards;filter:drop-shadow(0 0 5px #22d3ee99)}.po-d-chart .ar{fill:#22d3ee18;stroke:none}
@keyframes podraw2{to{stroke-dashoffset:0}}
.po-svgw{position:relative}.po-d-dot{position:absolute;width:.9em;height:.9em;margin:-.45em 0 0 -.45em;border-radius:50%;background:#fff;border:.25em solid var(--cy);box-shadow:0 0 1em #22d3ee;transition:left .6s,top .6s;pointer-events:none}
.po-d-rows{display:grid;gap:.5em;padding:.9em 1.1em 1.1em}
.po-d-row{display:flex;align-items:center;gap:.8em;padding:.65em .8em;border-radius:.9em;background:#ffffff09;border:1px solid transparent;transition:.5s var(--ease)}.po-d-row.flag{border-color:#fbbf2466;background:#fbbf2410;box-shadow:0 0 1.6em #fbbf2422}
.po-d-row>span:nth-child(2){flex:1;min-width:0}.po-d-row b{display:block;font:600 .88em var(--f-d)}.po-d-row small{color:#8fa5cc;font-size:.72em}
.av2{display:grid;place-items:center;width:2.6em;height:2.6em;border-radius:.8em;background:#60a5fa24;font:500 .66em var(--f-m);color:#bfdbfe}
.po-d-row .s{font-size:.68em}
/* phone */
.po-phone2{position:absolute;right:0;bottom:0;width:13.2em;padding:2.4em 1em 1.1em;border-radius:2em;background:#0a1735;border:.5em solid #1a2c58;box-shadow:0 2em 4em #000c,0 0 0 1px #22d3ee22;display:grid;gap:.7em;animation:pomb 7s ease-in-out infinite alternate}
.po-notch2{position:absolute;top:.5em;left:50%;width:4.4em;height:1.1em;margin-left:-2.2em;border-radius:99px;background:#040b1b}
.po-phone2 small{font:500 .6em var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--cy)}.po-phone2>b{font:700 1.15em var(--f-d);margin-top:-.3em}
.po-pain span{display:flex;justify-content:space-between;font-size:.72em;font-weight:600;margin-bottom:.5em;color:#dbe6ff}.po-pain em{font-style:normal;color:var(--cy);font-family:var(--f-m)}
.po-pain u{display:block;height:.55em;border-radius:99px;background:linear-gradient(90deg,var(--gn),var(--am),var(--rd));position:relative;text-decoration:none;opacity:.35}.po-pain u i{position:absolute;left:0;top:-.28em;height:1.1em;width:0;border-radius:99px;background:transparent}.po-pain u::after{content:"";position:absolute;left:var(--p,30%);top:-.4em;width:1.3em;height:1.3em;margin-left:-.65em;border-radius:50%;background:#fff;border:.3em solid var(--bl);box-shadow:0 .2em .6em #0008;transition:left .6s var(--ease)}
.po-pain{--p:30%}
.po-wchips{display:flex;flex-wrap:wrap;gap:.4em}.po-wchips span{padding:.35em .8em;border-radius:99px;border:1px solid #ffffff2e;background:#ffffff08;font-size:.68em;font-weight:600;transition:.4s}.po-wchips span.on{background:#60a5fa2e;border-color:var(--bl)}
.po-sub{padding:.7em;border-radius:.9em;text-align:center;background:var(--red);font-weight:700;font-size:.8em;transition:.3s}.po-sub.go{transform:scale(.96);background:var(--gn);color:#04281c}
/* QR card */
/* toast */
.po-toast{position:absolute;right:0;top:0;display:flex;align-items:center;gap:.7em;padding:.7em 1.1em .7em .7em;border-radius:99px;background:#0b1a3ef5;border:1px solid #fbbf2466;box-shadow:0 1.4em 3em #000b;font-size:.72em;color:#dbe6ff;opacity:0;transform:translateY(-12px) scale(.96);transition:.5s var(--ease);z-index:4}
.po-toast.on{opacity:1;transform:none}
.po-toast i{font-style:normal;display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:#fbbf2424;font-size:1.1em}.po-toast b{display:block;color:#fff;font:600 1.05em var(--f-d)}
@media(max-width:1100px){.po-stage{--u:1px;width:min(37em,100%);height:36em}}
@media(max-width:700px){.po-stage{--u:.78px;height:auto;width:100%;font-size:calc(16 * var(--u))}.po-dash2{position:relative;top:0;width:100%}.po-phone2,.po-toast{display:none}}
@media(prefers-reduced-motion:reduce){.po-phone2,.po-livepill::before{animation:none}.po-d-chart .pt{animation:none;stroke-dashoffset:0}}

/* ===== pipeline v2: discharge to insight ===== */
.po-steps{background:#050e22}
.po-pipe{--ic:clamp(54px,8.2vh,76px);position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:clamp(12px,2vh,22px)}
.po-pipe-line{position:absolute;left:12.5%;right:12.5%;top:calc(var(--ic) / 2);height:3px;border-radius:3px;background:#ffffff1c}
.po-pipe-line i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--bl),var(--cy));box-shadow:0 0 14px #22d3ee88;transition:width .8s var(--ease)}
.po-pulse2{position:absolute;top:-4px;left:0;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #22d3ee44,0 0 18px var(--cy);animation:populse2 3.4s linear infinite}
@keyframes populse2{from{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}
.po-pipe button{position:relative;display:grid;justify-items:center;gap:5px;padding:0 6px 14px;background:none;border:0;cursor:pointer;color:#fff;text-align:center}
.pic{display:grid;place-items:center;width:var(--ic);height:var(--ic);margin-bottom:6px;border-radius:50%;background:#0b1a3e;border:2px solid #60a5fa44;font-style:normal;font-size:1.9rem;box-shadow:0 10px 30px #0008;position:relative;z-index:1;transition:.45s var(--ease)}
.pn{position:absolute;top:-6px;left:calc(50% + 24px);z-index:2;padding:2px 9px;border-radius:99px;background:#0b1a3e;border:1px solid #60a5fa55;font:600 .62rem var(--f-m);color:var(--cy)}
.po-pipe button b{font:600 1.1rem var(--f-d);transition:color .3s}.po-pipe button small{color:var(--t3);font-size:.8rem}
.po-pipe button:hover .pic{transform:translateY(-4px);border-color:var(--cy)}
.po-pipe button.done .pic{border-color:var(--cy);background:#0e2e57}
.po-pipe button.on .pic{background:linear-gradient(135deg,var(--bl),var(--cy));border-color:transparent;box-shadow:0 0 0 8px #22d3ee22,0 16px 40px #22d3ee44;transform:scale(1.08)}
.po-pipe button.on b{color:var(--cy)}
.po-pb{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;margin-bottom:clamp(16px,3vh,32px);transition:opacity .3s}.po-pb.sw{opacity:0}.po-pb>*{min-width:0}
.po-pb-text{display:flex;flex-direction:column;padding:clamp(18px,2.6vw,34px);border-radius:26px;background:#ffffff09;border:1px solid #ffffff18}
.po-pb-n{align-self:flex-start;padding:4px 12px;border-radius:99px;background:#22d3ee1c;color:var(--cy);font:600 .66rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.po-pb-text h3{font-size:clamp(1.6rem,2.6vw,2.2rem)}.po-pb-text>p{color:#c9d8f2;font-size:1.04rem}
.po-pb-l{display:grid;gap:10px;margin:6px 0 22px}.po-pb-l li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;color:#e6eefc}.po-pb-l li::before{content:"✓";display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#22d3ee22;color:var(--cy);font-size:.7rem;font-weight:800;margin-top:1px}
.po-pb-ctl{display:flex;align-items:center;gap:8px;margin-top:auto}.po-pb-ctl button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff2a;background:#ffffff0a;color:#fff;cursor:pointer;font-size:.9rem;transition:.3s}.po-pb-ctl button:hover{background:var(--cy);border-color:var(--cy);color:#04122e}
.po-pb-ctl span{margin-left:10px;font:600 .72rem var(--f-m);letter-spacing:.1em;color:var(--t3)}
.po-pb-vis{position:relative;display:grid;place-items:center;min-height:clamp(250px,38vh,340px);padding:clamp(16px,2.4vw,30px);border-radius:26px;background:linear-gradient(160deg,#0c1a3b,#081230);border:1px solid #60a5fa33;overflow:hidden}
.po-pb-vis::before{content:"";position:absolute;right:-20%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#22d3ee22,transparent 65%)}
.po-pb-vis>*{position:relative;animation:pohit .6s var(--ease) both}
@keyframes pohit{from{opacity:0;transform:translateY(14px) scale(.97)}}
/* v1 onboarding */
.v1{width:min(380px,100%);display:grid;gap:14px}
.v1-app{display:grid;gap:12px;padding:20px;border-radius:20px;background:#fff;color:#0b1020;box-shadow:0 24px 50px #0009}
.v1-top{display:flex;gap:12px;align-items:center}.v1-av{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e4efff;font-size:1.2rem}.v1-top b{display:block;font:600 .95rem var(--f-d);color:#0b1020}.v1-top small{color:#64748b;font-size:.76rem}
.v1-f{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;background:#f1f5fb}.v1-f span{color:#64748b;font-size:.8rem}.v1-f i{font:600 .86rem var(--f-m);font-style:normal;color:#0b1020}
.v1-btn{padding:12px;border-radius:12px;background:var(--red);color:#fff;text-align:center;font-weight:700;font-size:.9rem}
.v1-ok{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:16px;background:#34d3991a;border:1px solid #34d39944;animation:pohit .6s .5s var(--ease) both}.v1-ok span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gn);color:#04281c;font-weight:800}.v1-ok b{display:block;font:600 .9rem var(--f-d)}.v1-ok small{color:#b9f3dc;font-size:.74rem}
/* v2 calendar */
.v2{width:min(420px,100%);display:grid;gap:14px}
.v2-h{display:flex;justify-content:space-between;align-items:baseline}.v2-h b{font:600 1.05rem var(--f-d)}.v2-h small{color:var(--t3);font-size:.76rem}
.v2-r{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px}.v2-r span{font:600 .64rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}
.v2-r div{display:grid;grid-template-columns:repeat(14,1fr);gap:5px}.v2-r i{aspect-ratio:1;border-radius:50%;background:#ffffff14}.v2-r i.on{background:var(--cy);box-shadow:0 0 10px #22d3ee88;animation:pohit .5s var(--ease) both}
.v2-bell{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:#ffffff0c;border:1px solid #ffffff1a;animation:pohit .6s .6s var(--ease) both}.v2-bell span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fbbf2420;font-size:1.1rem}.v2-bell b{font:600 .92rem var(--f-d)}.v2-bell small{color:var(--t3);font-size:.78rem}
/* v3 alert chart */
.v3{width:min(430px,100%);display:grid;gap:14px}
.v3-h{display:flex;justify-content:space-between;align-items:center}.v3-h b{font:600 1.05rem var(--f-d)}.v3-h em{font:600 .64rem var(--f-m);font-style:normal;padding:4px 12px;border-radius:99px;background:#fb718526;color:#ff9aab}
.v3 svg{width:100%;height:150px;overflow:visible;padding:6px 0}.v3 path,.v3 line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.v3 .th{stroke:#fb718577;stroke-width:1.5;stroke-dasharray:5 5}.v3 .ex{stroke:#60a5fa88;stroke-width:2;stroke-dasharray:5 5}.v3 .pt{stroke:var(--cy);stroke-width:3;stroke-dasharray:420;stroke-dashoffset:420;animation:podraw2 1.6s .1s var(--ease) forwards;filter:drop-shadow(0 0 6px #22d3ee99)}
.v3 .dot{fill:var(--rd);stroke:#fff;stroke-width:2;animation:pohit .5s 1.5s var(--ease) both}
.v3-a{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:16px;background:#fb71851a;border:1px solid #fb718555;animation:pohit .6s 1.2s var(--ease) both}.v3-a span{font-size:1.3rem}.v3-a b{display:block;font:600 .92rem var(--f-d)}.v3-a small{color:#ffc2cb;font-size:.78rem}
/* v4 review */
.v4{width:min(400px,100%);display:grid;gap:12px;padding:20px;border-radius:20px;background:#0f2250;border:1px solid #60a5fa44;box-shadow:0 24px 50px #0009}
.v4-h{display:flex;align-items:center;gap:12px}.v4-id{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#60a5fa24;font:500 .7rem var(--f-m);color:#bfdbfe}.v4-h>div{flex:1}.v4-h b{display:block;font:600 .95rem var(--f-d)}.v4-h small{color:var(--t3);font-size:.76rem}
.v4-k{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v4-k div{padding:10px 12px;border-radius:12px;background:#ffffff0b}.v4-k small{display:block;font:500 .56rem var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}.v4-k b{font:600 1.35rem var(--f-d)}
.v4-ai{padding:12px 14px;border-radius:14px;background:#34d3991a;border:1px solid #34d39933}.v4-ai small{display:block;font:600 .58rem var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#7ee8c3;margin-bottom:4px}.v4-ai p{margin:0;font-size:.86rem;line-height:1.55;color:#d1fae5}
.v4-ok{padding:10px 14px;border-radius:12px;background:#ffffff0b;font-size:.82rem;color:#a7f3d0;font-weight:600}
@media(max-width:900px){.po-pb{grid-template-columns:1fr}.po-pb-vis{min-height:300px}}
@media(max-width:640px){.po-pipe{gap:6px;--ic:56px}.pic{font-size:1.4rem}.pn{left:calc(50% + 14px);font-size:.54rem}.po-pipe button b{font-size:.8rem}.po-pipe button small{display:none}.v2-r{grid-template-columns:50px 1fr}}
@media(prefers-reduced-motion:reduce){.po-pulse2,.po-pb-vis>*,.v3 .pt{animation:none}.v3 .pt{stroke-dashoffset:0}}