body.p3 .qh{padding-top:92px}
.qh-split{display:grid;grid-template-columns:1fr 1.18fr;min-height:clamp(260px,33vh,340px);margin-inline:clamp(10px,2vw,28px);border-radius:32px;overflow:hidden;position:relative;box-shadow:var(--edge),var(--shadow)}
.qh-l{position:relative;overflow:hidden;background:#222}
.qh-l img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;animation:qzoom 2s var(--ease) both}
@keyframes qzoom{from{transform:scale(1.12)}to{transform:scale(1)}}
.qh-l::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,11,15,.1),rgba(10,11,15,.35))}
.qtag{position:absolute;z-index:2;padding:.5em .9em;border-radius:10px;font:600 .8rem var(--f-m);background:#fff;color:var(--ink);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.qtag.t1{left:6%;bottom:12%;transform:rotate(-3deg);animation:up 1s .6s var(--ease) both}
.qtag.t2{left:34%;bottom:26%;background:var(--hl);animation:up 1s .9s var(--ease) both}
.qh-r{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,56px) clamp(20px,4vw,56px) clamp(24px,4vw,56px) clamp(30px,6vw,90px);background:linear-gradient(150deg,rgba(255,225,77,.3),rgba(255,91,31,.08) 55%,rgba(15,157,138,.12)),var(--bg2)}
.qlap{width:100%;margin-left:clamp(-90px,-6vw,-20px);animation:lapin 1.2s .3s var(--ease) both}
@keyframes lapin{from{opacity:0;transform:translateX(70px) scale(.96)}to{opacity:1;transform:none}}
.qh-r .fchip.a{left:10%;top:7%}.qh-r .fchip.b{right:4%;top:auto;bottom:7%}
.qh-t{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,72px);align-items:end;padding-top:clamp(20px,3vh,32px)}
.qh-t .kick{display:block;margin-bottom:14px}
.qh-t h1{text-align:left;max-width:none;margin:0;font-size:clamp(2rem,4.1vw,3.6rem)}
.qh-t .lede{margin:0 0 20px;text-align:left}.qh-t .ctas{justify-content:flex-start;margin:0}.qh-t .note{margin:14px 0 0;text-align:left;font-size:.84rem;color:var(--sub)}
/* pinned horizontal track */
.hz{height:calc(100vh + 4 * 80vh);padding:0!important;margin-top:clamp(40px,6vw,80px)}
.pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-top:70px}
.hz-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;width:100%;margin-bottom:22px}
.hz-head h2{font-size:clamp(1.8rem,3.6vw,3rem)}
.dots{display:flex;gap:8px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--line);transition:all .4s var(--ease)}.dots i.on{width:30px;border-radius:99px;background:var(--ink)}
.viewport{width:100%}
.track5{--pw:min(1080px,calc(100vw - 48px));--gap:24px;display:flex;gap:var(--gap);padding-left:calc((100vw - var(--pw))/2);will-change:transform}
.pnl{flex:none;width:var(--pw);height:min(520px,calc(100vh - 230px));display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(18px,3vw,40px);padding:clamp(22px,3vw,42px);overflow:hidden;opacity:.5;transform:scale(.97);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.pnl.on{opacity:1;transform:none}
.pt{display:flex;flex-direction:column;justify-content:center}
.pn{font:700 .8rem var(--f-m);letter-spacing:.14em;color:var(--c);margin-bottom:12px}
.pt h3{font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1;letter-spacing:-.04em;margin-bottom:14px}
.pt p{color:var(--sub);font-size:1.02rem;margin:0}
.pv{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;border-radius:20px;background:linear-gradient(150deg,rgba(255,225,77,.2),rgba(255,91,31,.06) 55%,rgba(15,157,138,.1));overflow:hidden;padding:18px}
.pv .lap{width:100%}
/* panel 1 */
.v1{position:relative;width:100%}
.files{position:absolute;z-index:3;left:-4px;top:-6px;display:flex;flex-direction:column;gap:8px}
.files span{display:flex;align-items:center;gap:8px;padding:.5em .8em;border-radius:10px;background:#fff;box-shadow:0 8px 18px rgba(17,19,24,.18);font:500 .74rem var(--f-b);color:var(--ink);transform:translateX(-140%);opacity:0;transition:transform .9s var(--ease),opacity .6s}
.files b{font:700 .66rem var(--f-m);padding:.2em .45em;border-radius:5px;background:var(--ink);color:#fff}
.pnl.on .files span{transform:none;opacity:1}.pnl.on .fl2{transition-delay:.15s}.pnl.on .fl3{transition-delay:.3s}
/* panel 2 */
.zoomf{overflow:hidden}.zoomw{overflow:hidden;border-radius:10px}
.zoomw img{transform-origin:12% 62%;transform:scale(1);transition:transform 2.4s var(--ease);box-shadow:none}
.pnl.on .zoomw img{transform:scale(1.75)}
.fchip.z1{right:6%;bottom:8%;left:auto}
/* panel 3 */
.v3{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:16px;align-items:center;width:100%}
.kpis{display:grid;gap:12px}
.kpi{padding:16px 18px}.kpi small{display:block;font:600 .74rem var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.kpi b{display:block;white-space:nowrap;font:700 clamp(1.2rem,2.1vw,1.9rem)/1.1 var(--f-h);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.kpi.fin{background:var(--ink)}.kpi.fin small{color:rgba(255,255,255,.65)}.kpi.fin b{color:var(--hl)}
.sumimg{width:100%;height:auto;border-radius:14px;box-shadow:var(--edge),0 18px 40px rgba(70,45,30,.18)}
/* panel 4 */
.v4{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.fan{position:relative;width:min(190px,46%);height:230px}
.fc{position:absolute;left:0;right:0;top:20px;padding:16px;border-radius:18px;background:#fff;box-shadow:var(--edge),0 18px 34px rgba(17,19,24,.16);transition:transform 1.1s var(--ease);transform:translateY(calc(var(--k,0)*6px))}
.fc i{display:inline-flex;align-items:center;justify-content:center;font:700 .7rem var(--f-m);font-style:normal;color:#fff;padding:.3em .55em;border-radius:7px;margin-bottom:8px}
.fc b{display:block;font:700 1rem var(--f-h);color:var(--ink)}.fc small{display:block;color:var(--sub);font-size:.78rem;line-height:1.45;margin-top:2px}
.f1{--k:0;z-index:3}.f2{--k:1;z-index:2}.f3{--k:2;z-index:1}
.pnl.on .f1{transform:translate(-68%,-6px) rotate(-7deg)}.pnl.on .f2{transform:translate(0,16px)}.pnl.on .f3{transform:translate(68%,-6px) rotate(7deg)}
/* panel 5 */
.v5{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,22px);width:100%}
.qc,.pc{padding:16px 18px;min-width:0;flex:1;max-width:230px}
.qc small,.pc small{display:block;font:700 .66rem var(--f-m);letter-spacing:.14em;color:var(--sub);margin-bottom:6px}
.qc b,.pc b{display:block;font:700 1.02rem var(--f-h);color:var(--ink);margin-bottom:12px}
.btnp{display:inline-block;padding:.55em 1em;border-radius:99px;background:var(--ink);color:#fff;font:600 .8rem var(--f-b);transition:transform .5s var(--ease)}
.pnl.on .btnp{animation:press 1.6s 1.2s var(--ease) 1 both}
@keyframes press{40%{transform:scale(.9)}100%{transform:none;background:var(--teal)}}
.arr{font:700 1.8rem var(--f-h);color:var(--ink);opacity:.25;transition:all .8s var(--ease) 1.4s;transform:translateX(-10px)}
.pnl.on .arr{opacity:1;transform:none;color:var(--acc)}
.pc{opacity:.35;transform:translateX(30px) scale(.96);transition:all 1s var(--ease) 1.5s}
.pnl.on .pc{opacity:1;transform:none}
.bud{display:grid;gap:7px;margin-bottom:10px}.bud i{display:block;height:8px;border-radius:99px;background:var(--line);position:relative;overflow:hidden}
.bud i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--teal);border-radius:99px;transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) 2s}
.pnl.on .bud i::after{transform:none}
.pc span{font-size:.78rem;color:var(--sub)}
/* mobile: swipeable cards */
@media (max-width:820px){
 body.p3 .qh{padding-top:84px}
 .qh-split{grid-template-columns:1fr;border-radius:24px}
 .qh-l{height:240px}.qh-r{padding:26px 16px 36px}.qlap{margin-left:0}
 .qh-t{grid-template-columns:1fr}
 .hz{height:auto}.pin{position:static;height:auto;overflow:visible;padding-top:0}
 .dots{display:none}.hz-head{flex-direction:column;align-items:flex-start}
 .viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:18px;scrollbar-width:none}
 .viewport::-webkit-scrollbar{display:none}
 .track5{transform:none!important;padding-left:16px;padding-right:16px;width:max-content;--pw:84vw;--gap:14px}
 .pnl{height:auto;grid-template-columns:1fr;scroll-snap-align:center;opacity:1;transform:none}
 .pv{min-height:230px}
 .v3{grid-template-columns:1fr}.files{display:none}
}
@media (prefers-reduced-motion:reduce){
 .qh-l img,.qtag,.qlap{animation:none!important}.pnl,.files span,.fc,.arr,.pc,.btnp,.zoomw img,.bud i::after{transition:none!important;animation:none!important}
 .files span{transform:none;opacity:1}.pnl{opacity:1;transform:none}.f1{transform:translate(-68%,-6px) rotate(-7deg)}.f2{transform:translate(0,16px)}.f3{transform:translate(68%,-6px) rotate(7deg)}
 .pc{opacity:1;transform:none}.bud i::after{transform:none}.arr{opacity:1;transform:none}.zoomw img{transform:scale(1.5)}
}