/* DCS Sprint — inner pages: hero scenes and richer sections. Ink + gold, same floor as the home hero. */

/* ---------- hero shell ---------- */
.pagehero.ps{min-height:660px;display:flex;align-items:center;padding:150px 0 90px !important;text-align:left !important}
.pagehero.ps>.wrap{position:relative;z-index:3;width:100%}
.pagehero.ps>.wrap>*{max-width:min(600px,44vw)}
.pagehero.ps h1{margin-left:0 !important;margin-right:0 !important;font-size:clamp(40px,4.6vw,78px) !important}
.pagehero.ps p{margin-left:0 !important;margin-right:0 !important}
.pagehero.ps .filterrow,.pagehero.ps .tabs{justify-content:flex-start !important}
.pagehero.ps .note{margin-left:0 !important;margin-right:0 !important;text-align:left}
.ps-fade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(var(--bg-rgb),0) 72%,var(--s1) 100%),linear-gradient(90deg,var(--s1) 0%,rgba(var(--bg-rgb),.92) 32%,rgba(var(--bg-rgb),.2) 46%,rgba(var(--bg-rgb),0) 56%)}
.ps-iso{position:absolute;z-index:1;left:44%;right:-6%;top:70px;bottom:0;perspective:2200px;perspective-origin:60% 30%;pointer-events:none}
.ps-floor{position:absolute;left:6%;top:16%;width:760px;height:480px;scale:.9;transform-style:preserve-3d;
  transform:rotateX(calc(56deg + var(--ry,0deg))) rotateZ(calc(-34deg + var(--rz,0deg)));transition:transform 1.6s var(--ease),opacity 1.2s var(--ease)}
.ps-floor.intro{transform:translateZ(-260px) rotateX(68deg) rotateZ(-16deg);opacity:0}
.ps-floor *{transform-style:preserve-3d}
.ps-floor:before{content:"";position:absolute;inset:-40px -50px;border-radius:30px;
  background:radial-gradient(rgba(var(--acc-rgb),.16) 1px,transparent 1.6px) 0 0/22px 22px,linear-gradient(135deg,var(--s2) 0%,var(--s1) 100%);
  border:1px solid rgba(var(--hi-rgb),.07);box-shadow:inset 0 1px 0 rgba(var(--hi-rgb),.05),0 12px 0 -4px var(--s0),0 70px 100px -40px rgba(var(--sh-rgb),calc(.9 * var(--sha))),0 0 110px -40px rgba(var(--acc-rgb),.25)}
.ps-path{position:absolute;left:0;top:0;overflow:visible}
.ps-path path,.ps-path line{fill:none;stroke:rgba(var(--acc-rgb),.45);stroke-width:2;stroke-dasharray:6 8;animation:psdash 1.4s linear infinite}
@keyframes psdash{to{stroke-dashoffset:-28}}

/* billboards: anchored on the floor, facing the viewer */
.ps-bb{position:absolute;width:0;height:0}
.ps-bb>.in{position:absolute;left:0;top:0;width:0;height:0;transform:translateZ(var(--z,0px)) rotateZ(34deg) rotateX(-56deg);transition:transform .5s var(--ease)}
.ps-bb>.in>*{position:absolute;left:0;bottom:0;transform:translateX(-50%);white-space:nowrap}
.ps-lbl .in span{font:600 12px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--t2);background:rgba(var(--s2-rgb),.92);border:1px solid rgba(var(--hi-rgb),.12);padding:6px 10px;border-radius:8px;box-shadow:0 12px 24px -12px rgba(var(--sh-rgb),calc(.8 * var(--sha)));transition:background .35s,color .35s,box-shadow .35s}
.ps-lbl .in span i{font-style:normal;opacity:.5;margin-right:6px}
.ps-lbl.on .in span{background:linear-gradient(135deg,var(--acc-hi),var(--acc) 50%,var(--acc-lo));color:var(--on-acc);border-color:transparent;box-shadow:0 12px 30px -10px rgba(var(--acc-rgb),.7)}
.ps-pop .in span{font:700 11px 'JetBrains Mono',monospace;color:var(--on-acc);background:var(--acc-hi);border-radius:99px;padding:5px 11px;box-shadow:0 12px 22px -10px rgba(var(--sh-rgb),calc(.8 * var(--sha)));opacity:0;animation:psrise 2.3s var(--ease) forwards}
@keyframes psrise{12%{opacity:1}65%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-90px)}}

/* pads */
.ps-pad{position:absolute;width:120px;height:120px;border-radius:18px;background:linear-gradient(180deg,var(--s2),var(--s2));border:1px solid rgba(var(--hi-rgb),.1);
  box-shadow:0 8px 0 -2px var(--s0),0 26px 34px -18px rgba(var(--sh-rgb),calc(.85 * var(--sha)));transform:translateZ(3px);display:grid;place-items:center;transition:border-color .4s,box-shadow .4s,background .4s}
.ps-pad.sm{width:84px;height:84px;border-radius:14px}
.ps-pad.on{border-color:var(--acc);box-shadow:0 8px 0 -2px var(--s0),0 0 0 1px rgba(var(--acc-rgb),.4),0 0 50px -6px rgba(var(--acc-rgb),.55)}
.ps-pad.done{border-color:rgba(var(--acc-rgb),.45);background:linear-gradient(180deg,var(--s3),var(--s3))}
.ps-pad .v-url{display:flex;align-items:center;gap:6px;font:500 10px 'JetBrains Mono',monospace;color:var(--t3);background:var(--s1);border:1px solid rgba(var(--hi-rgb),.1);border-radius:6px;padding:5px 8px}
.ps-pad .v-url i{width:6px;height:6px;border-radius:50%;background:var(--acc)}
.ps-pad .v-shot{width:92px;height:62px;border-radius:6px;overflow:hidden;border:1px solid rgba(var(--hi-rgb),.2)}
.ps-pad .v-shot img,.ps-pad .v-tiles img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.ps-pad .v-list{display:flex;flex-direction:column;gap:8px}
.ps-pad .v-list i{display:block;width:70px;height:10px;border-radius:3px;background:rgba(var(--hi-rgb),.08);position:relative;padding-left:16px}
.ps-pad .v-list i:before{content:"";position:absolute;left:-14px;top:-1px;width:10px;height:10px;border-radius:3px;border:1.5px solid rgba(var(--acc-rgb),.6)}
.ps-pad.on .v-list i:before,.ps-pad.done .v-list i:before{background:var(--acc)}
.ps-pad .v-tiles{display:grid;grid-template-columns:repeat(3,28px);gap:4px}
.ps-pad .v-tiles img{height:22px;border-radius:3px;opacity:.25;transform:translateZ(40px);transition:transform .5s cubic-bezier(.3,1.3,.5,1),opacity .4s}
.ps-pad.on .v-tiles img,.ps-pad.done .v-tiles img{opacity:1;transform:translateZ(1px)}
.ps-pad.on .v-tiles img:nth-child(2){transition-delay:.15s}.ps-pad.on .v-tiles img:nth-child(3){transition-delay:.3s}.ps-pad.on .v-tiles img:nth-child(4){transition-delay:.45s}.ps-pad.on .v-tiles img:nth-child(5){transition-delay:.6s}.ps-pad.on .v-tiles img:nth-child(6){transition-delay:.75s}
.ps-pad .v-dot{width:22px;height:22px;border-radius:50%;background:#34D399;box-shadow:0 0 0 8px rgba(52,211,153,.12);opacity:.3;transition:opacity .4s}
.ps-pad.on .v-dot,.ps-pad.done .v-dot{opacity:1;animation:blink 1.6s infinite}
.ps-pad .v-pick{display:flex;gap:5px}
.ps-pad .v-pick i{font:700 9px 'Plus Jakarta Sans',sans-serif;font-style:normal;color:var(--t2);border:1px solid rgba(var(--hi-rgb),.15);border-radius:6px;padding:5px 6px}
.ps-pad.on .v-pick i:first-child,.ps-pad.done .v-pick i:first-child{background:var(--acc);color:var(--on-acc);border-color:transparent}
.ps-pad .v-glyph{font:700 22px 'JetBrains Mono',monospace;color:var(--acc-t)}

/* the travelling card */
.ps-token{transition:left .9s cubic-bezier(.6,0,.3,1),top .9s cubic-bezier(.6,0,.3,1)}
.ps-token .in span{font:700 11px 'JetBrains Mono',monospace;color:var(--on-acc);background:linear-gradient(135deg,var(--acc-hi),var(--acc));border-radius:9px;padding:7px 12px;box-shadow:0 0 0 4px rgba(var(--acc-rgb),.18),0 18px 30px -10px rgba(var(--acc-rgb),.7)}

/* little live site at the end of the line */
.ps-live .in>div{width:190px;opacity:0;transform:translateX(-50%) translateY(20px) scale(.9);transform-origin:50% 100%;transition:opacity .5s,transform .7s cubic-bezier(.3,1.4,.5,1)}
.ps-live.on .in>div{opacity:1;transform:translateX(-50%)}
.ps-mini{border-radius:9px;overflow:hidden;background:var(--s1);border:1px solid rgba(var(--acc-rgb),.4);box-shadow:0 30px 50px -20px rgba(var(--sh-rgb),calc(.9 * var(--sha))),0 0 50px -14px rgba(var(--acc-rgb),.4)}
.ps-mini .bar,.ps-panel .bar{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid rgba(var(--hi-rgb),.07)}
.ps-mini .bar i,.ps-panel .bar i{width:6px;height:6px;border-radius:50%;background:var(--ln2)}
.ps-mini .bar em{margin-left:auto;font:700 8px 'JetBrains Mono',monospace;font-style:normal;letter-spacing:.1em;color:#5EEAB0}
.ps-mini img{display:block;width:100%;height:110px;object-fit:cover;object-position:50% 0}

/* pricing towers */
.ps-base{position:absolute;width:140px;height:100px;border-radius:14px;border:1.5px dashed rgba(var(--hi-rgb),.16);transform:translateZ(1px)}
.ps-base.gold{border-color:rgba(var(--acc-rgb),.55)}
.ps-base .stack{position:absolute;inset:0}
.ps-base .stack i{position:absolute;inset:0;border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(var(--hi-rgb),.3);transform:translateZ(var(--z));
  box-shadow:0 4px 0 -1px var(--s0),0 10px 14px -8px rgba(var(--sh-rgb),calc(.8 * var(--sha)));animation:psslab .45s cubic-bezier(.3,1.3,.5,1) both}
.ps-base .stack i img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block;opacity:.92}
.ps-base.gold .stack i{border-color:var(--acc)}
.ps-floor.glow .ps-base.gold .stack i{box-shadow:0 4px 0 -1px var(--s0),0 0 30px -6px rgba(var(--acc-rgb),.7)}
.ps-base .stack.drop i{transition:transform .5s ease-in,opacity .5s;transform:translateZ(0);opacity:0}
@keyframes psslab{from{transform:translateZ(calc(var(--z) + 120px));opacity:0}}
.ps-cap .in>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:12px;background:rgba(var(--s2-rgb),.94);border:1px solid rgba(var(--hi-rgb),.12);box-shadow:0 16px 30px -14px rgba(var(--sh-rgb),calc(.9 * var(--sha)))}
.ps-cap.gold .in>div{border-color:rgba(var(--acc-rgb),.6);box-shadow:0 16px 30px -14px rgba(var(--sh-rgb),calc(.9 * var(--sha))),0 0 40px -12px rgba(var(--acc-rgb),.6)}
.ps-cap b{font:600 10px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.ps-cap strong{font:400 30px/1 'Instrument Serif',Georgia,serif;color:var(--acc-t)}
.ps-cap small{font:600 10px 'JetBrains Mono',monospace;color:var(--t2)}
.ps-cap small span{color:var(--t1)}

/* about: the agent network */
.ps-hub{position:absolute;width:140px;height:140px;border-radius:50%;border:1.5px solid rgba(var(--acc-rgb),.5);background:radial-gradient(closest-side,rgba(var(--acc-rgb),.22),transparent);transform:translateZ(2px);animation:pshub 3s ease-in-out infinite}
@keyframes pshub{50%{box-shadow:0 0 0 18px rgba(var(--acc-rgb),.06)}}
.ps-mark .in>div{width:96px;height:96px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(180deg,var(--s2),var(--s2));border:1px solid rgba(var(--acc-rgb),.55);box-shadow:0 30px 40px -20px rgba(var(--sh-rgb),calc(.9 * var(--sha))),0 0 50px -10px rgba(var(--acc-rgb),.5)}
.ps-mark .in>div img{width:58px;height:58px}
.ps-mark.beat .in>div{animation:psbeat .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes psbeat{40%{transform:translateX(-50%) scale(1.08)}}
.ps-pulse{transition:left .9s linear,top .9s linear}
.ps-pulse .in b{position:absolute;left:-6px;bottom:-6px;width:12px;height:12px;border-radius:50%;background:var(--acc-hi);box-shadow:0 0 16px 4px rgba(var(--acc-rgb),.7)}
.ps-rise .in>div{width:150px;height:96px;border-radius:9px;overflow:hidden;border:1px solid var(--acc);box-shadow:0 20px 40px -14px rgba(var(--sh-rgb),calc(.9 * var(--sha))),0 0 40px -10px rgba(var(--acc-rgb),.6);animation:psup 2.6s var(--ease) forwards}
.ps-rise .in>div img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
@keyframes psup{from{opacity:0;transform:translateX(-50%) translateY(30px) scale(.7)}20%{opacity:1;transform:translateX(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-60px)}}

/* contact: belt + inbox */
.ps-belt{position:absolute;left:0;top:210px;width:520px;height:60px;border-radius:14px;background:repeating-linear-gradient(90deg,rgba(var(--hi-rgb),.04) 0 1.5px,transparent 1.5px 22px),var(--s2);border:1px solid rgba(var(--hi-rgb),.08);
  box-shadow:0 8px 0 -1px var(--s0),0 24px 30px -18px rgba(var(--sh-rgb),calc(.8 * var(--sha)));animation:psbelt 1.2s linear infinite;transform:translateZ(2px)}
@keyframes psbelt{to{background-position:-22px 0,0 0}}
.ps-tray{position:absolute;left:530px;top:160px;width:170px;height:160px;border-radius:18px;background:linear-gradient(180deg,var(--s3),var(--s3));border:1.5px solid rgba(var(--acc-rgb),.55);
  box-shadow:0 12px 0 -2px var(--s0),0 0 60px -14px rgba(var(--acc-rgb),.5);transform:translateZ(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:box-shadow .3s}
.ps-tray b{font:400 34px/1 'Instrument Serif',Georgia,serif;color:var(--acc-t)}
.ps-tray span{font:500 9px 'JetBrains Mono',monospace;color:var(--t3)}
.ps-tray.take{box-shadow:0 12px 0 -2px var(--s0),0 0 90px -6px rgba(var(--acc-rgb),.8)}
.ps-msg{position:absolute;top:214px;width:184px;height:52px;margin-left:-92px;border-radius:10px;background:linear-gradient(180deg,var(--s2),var(--s2));border:1px solid rgba(var(--hi-rgb),.14);
  box-shadow:0 6px 0 -1px var(--s0),0 16px 20px -10px rgba(var(--sh-rgb),calc(.9 * var(--sha)));display:flex;align-items:center;gap:8px;padding:0 10px;transform:translateZ(6px);transition:left 2.3s linear,opacity .4s,transform .5s}
.ps-msg i{font-style:normal;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(var(--acc-rgb),.16);color:var(--acc-t);font-size:12px;flex:none}
.ps-msg span{display:flex;flex-direction:column;font:700 13px 'Plus Jakarta Sans',sans-serif;color:var(--t1);line-height:1.15}
.ps-msg small{font:500 8px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}
.ps-msg.in{transform:translateZ(60px) scale(.6);opacity:0}

/* templates + work: the showroom */
.ps-spot{position:absolute;width:160px;height:100px;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--acc-rgb),.35),transparent);opacity:0;transition:opacity .5s;transform:translateZ(1px)}
.ps-spot.on{opacity:1}
.ps-panel .in>div{width:200px;border-radius:9px;overflow:hidden;background:var(--s1);border:1px solid rgba(var(--hi-rgb),.14);box-shadow:0 30px 50px -20px rgba(var(--sh-rgb),calc(.9 * var(--sha)));transform-origin:50% 100%;
  transform:translateX(-50%) scale(.86);opacity:.55;transition:transform .7s cubic-bezier(.3,1.3,.5,1),opacity .5s,border-color .5s,box-shadow .5s}
.ps-panel.on .in>div{transform:translateX(-50%) translateY(-18px) scale(1.06);opacity:1;border-color:var(--acc);box-shadow:0 40px 60px -20px rgba(var(--sh-rgb),calc(.95 * var(--sha))),0 0 60px -12px rgba(var(--acc-rgb),.55)}
.ps-panel .view{position:relative;height:125px;overflow:hidden;background:#fff}
.ps-panel .view img{position:absolute;left:0;top:0;width:100%;height:auto;transition:transform 3s cubic-bezier(.45,0,.2,1)}

/* ---------- richer sections ---------- */
.ptier,.fitem,.val,.techcard,.pull,.cmp,.flowstep{--mx:50%;--my:50%}
.ptier:not(.feat),.val,.techcard,.pull,.cmp.them{background:radial-gradient(480px circle at var(--mx) var(--my),rgba(var(--acc-rgb),.09),transparent 42%),linear-gradient(180deg,var(--s2),var(--s1)) !important;border-color:rgba(var(--hi-rgb),.07) !important}
.ptier:hover,.val:hover,.techcard:hover,.pull:hover,.fitem:hover{border-color:rgba(var(--acc-rgb),.42) !important;box-shadow:0 30px 70px -20px rgba(var(--sh-rgb),calc(.7 * var(--sha))),0 0 60px -20px var(--glow) !important}
.ptier.feat,.cmp.us{background:linear-gradient(165deg,var(--s3) 0%,var(--s3) 55%,var(--s1) 100%) !important;border:1px solid transparent !important;position:relative;isolation:isolate}
.ptier.feat:before,.cmp.us:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:-1;
  background:conic-gradient(from var(--ang,0deg),rgba(var(--acc-rgb),.15),var(--acc-hi),rgba(var(--acc-rgb),.15) 30%,rgba(var(--acc-rgb),.15) 70%,var(--acc),rgba(var(--acc-rgb),.15));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinb 6s linear infinite}
.ptier .range,.pull .n{background:linear-gradient(180deg,var(--acc-hi),var(--acc-lo));-webkit-background-clip:text;background-clip:text;color:transparent !important}

/* page meter */
.ps-meter{margin:-8px 0 22px}
.ps-meter .cells{display:grid;grid-template-columns:repeat(25,1fr);gap:3px}
.ps-meter i{height:7px;border-radius:2px;background:rgba(var(--hi-rgb),.06)}
.ps-meter i.f{background:rgba(var(--acc-rgb),.18);transition:background .3s}
.ps-meter.seen i.f{background:linear-gradient(180deg,var(--acc-hi),var(--acc-lo));box-shadow:0 0 8px -2px rgba(var(--acc-rgb),.7)}
.ps-meter span{display:block;margin-top:8px;font:600 11px 'JetBrains Mono',monospace;color:var(--t3)}

/* how-it-works rail */
.flow{padding-left:44px}
.ps-rail{position:absolute;left:10px;top:40px;bottom:40px;width:2px;background:rgba(var(--hi-rgb),.07);border-radius:2px}
.ps-rail b{position:absolute;inset:0;transform-origin:50% 0;transform:scaleY(0);background:linear-gradient(180deg,var(--acc-hi),var(--acc-lo));box-shadow:0 0 14px rgba(var(--acc-rgb),.7);border-radius:2px}
.flowstep{position:relative;padding-left:12px !important;border-radius:18px;transition:background .5s}
.flowstep:before{content:"";position:absolute;left:-41px;top:52px;width:14px;height:14px;border-radius:50%;background:var(--s1);border:2px solid rgba(var(--hi-rgb),.2);transition:border-color .4s,box-shadow .4s,background .4s}
.flowstep.lit:before{border-color:var(--acc);background:var(--acc);box-shadow:0 0 0 6px rgba(var(--acc-rgb),.15),0 0 20px rgba(var(--acc-rgb),.6)}
.flowstep .nm{opacity:.35;transition:opacity .5s;background:linear-gradient(180deg,var(--acc-hi),var(--acc-lo));-webkit-background-clip:text;background-clip:text;color:transparent !important}
.flowstep.lit .nm{opacity:1}
.flowstep:hover{background:radial-gradient(480px circle at var(--mx) var(--my),rgba(var(--acc-rgb),.07),transparent 50%)}

/* compare rows land one by one */
.cmp li{opacity:0;transform:translateX(-12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.cmp.seen li{opacity:1;transform:none}

/* ribbon of real templates */
.ps-ribbon{position:relative;overflow:hidden;height:300px;margin-top:20px;perspective:1600px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.ps-ribbon:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--s1) 0%,rgba(var(--bg-rgb),0) 22%,rgba(var(--bg-rgb),0) 70%,var(--s1) 100%)}
.ps-ribbon .tilt{position:absolute;left:-10%;right:-10%;top:30px;transform:rotateX(38deg) rotateZ(-6deg);display:flex;flex-direction:column;gap:18px}
.ps-track{display:flex;gap:18px;width:max-content;animation:psmarq 60s linear infinite}
.ps-track+.ps-track{animation-direction:reverse;margin-left:-160px}
.ps-track span{flex:none;width:250px;height:156px;border-radius:10px;overflow:hidden;border:1px solid rgba(var(--hi-rgb),.12);box-shadow:0 24px 40px -18px rgba(var(--sh-rgb),calc(.9 * var(--sha)))}
.ps-track img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
@keyframes psmarq{to{transform:translateX(-50%)}}

/* ---------- sizes ---------- */
.pagehero.ps[data-scene=start]{min-height:580px}
@media (min-width:1500px){.ps-floor{scale:1.05;left:8%;top:18%}}
@media (max-width:1180px) and (min-width:901px){.ps-floor{scale:.7;left:-6%;top:10%}.pagehero.ps>.wrap>*{max-width:50vw}}
@media (max-width:900px){
  .pagehero.ps{display:block;min-height:0;padding:120px 0 400px !important}
  .pagehero.ps>.wrap>*{max-width:none}
  .ps-fade{background:linear-gradient(180deg,rgba(var(--bg-rgb),0) 80%,var(--s1) 100%)}
  .ps-iso{left:-30%;right:-30%;top:auto;bottom:0;height:640px}
  .ps-floor{left:50%;top:auto;bottom:-40px;margin-left:-380px;scale:.6}
  .flow{padding-left:30px}.flowstep:before{left:-27px}.ps-rail{left:4px}
}
@media (max-width:560px){.ps-floor{scale:.46;bottom:-120px}.pagehero.ps{padding-bottom:330px !important}.ps-ribbon{height:220px}.ps-track span{width:180px;height:112px}}
@media (prefers-reduced-motion:reduce){.ps-floor,.ps-track,.ps-path path,.ps-path line{animation:none !important;transition:none !important}.cmp li{opacity:1;transform:none}}

/* pricing lists: keep bold words inline with the sentence */
.ptier li{display:block !important;position:relative;padding-left:28px}
.ptier li:before{position:absolute;left:0;top:1px}

/* ---------- contact: three sources, return lane, pile, approval ---------- */
.ps-belt.back{top:296px;left:110px;width:410px;height:40px;animation-direction:reverse;opacity:.85}
.ps-belt:not(.back){left:110px;width:410px}
.ps-src{position:absolute;left:-20px;width:110px;height:60px;border-radius:14px;background:var(--s2);border:1px solid var(--ln2);display:flex;align-items:center;justify-content:center;gap:8px;transform:translateZ(3px);
  box-shadow:0 7px 0 -1px rgba(var(--sh-rgb),.35),0 18px 24px -14px rgba(var(--sh-rgb),.6);transition:box-shadow .3s,border-color .3s}
.ps-src i{font-style:normal;font-size:18px;color:var(--t1)}
.ps-src b{font:700 12px 'Plus Jakarta Sans',sans-serif;color:var(--t1)}
.ps-src.on{border-color:var(--t1);box-shadow:0 7px 0 -1px rgba(var(--sh-rgb),.35),0 0 0 3px rgba(var(--acc-rgb),.15),0 0 40px -6px rgba(var(--acc-rgb),.5)}
.ps-msg{transition:left 2s linear,top .6s var(--ease),opacity .4s,transform .5s !important}
.ps-msg.step1{transition:left .6s var(--ease),top .6s var(--ease) !important}
.ps-msg.reply{background:var(--acc) !important;border-color:transparent !important}
.ps-msg.reply span,.ps-msg.reply small{color:var(--on-acc) !important}
.ps-msg.reply i{background:rgba(var(--bg-rgb),.2) !important;color:var(--on-acc) !important}
.ps-tray{flex-direction:column}
.ps-tray .pile{position:absolute;right:14px;bottom:14px;width:40px;height:28px}
.ps-tray .pile i{position:absolute;inset:0;border-radius:6px;background:var(--s2);border:1px solid var(--ln2);transform:translateZ(var(--z));animation:psslab .4s cubic-bezier(.3,1.3,.5,1) both;box-shadow:0 3px 0 -1px rgba(var(--sh-rgb),.4)}
.ps-count .in span{font:600 11px 'JetBrains Mono',monospace;letter-spacing:.06em;color:var(--t2);background:var(--s2);border:1px solid var(--ln2);border-radius:99px;padding:6px 12px;box-shadow:0 12px 24px -14px rgba(var(--sh-rgb),.6)}
.ps-count .in b{color:var(--t1);font-size:13px}
.ps-pop.ok .in span{background:var(--acc);color:var(--on-acc)}

/* ---------- mobile apps ---------- */
.ps-deck{position:absolute;left:100px;top:170px;width:120px;height:190px;transition:transform .4s}
.ps-deck i{position:absolute;inset:0;border-radius:16px;overflow:hidden;border:1px solid var(--ln2);transform:translateZ(var(--z));box-shadow:0 4px 0 -1px rgba(var(--sh-rgb),.5),0 12px 16px -10px rgba(var(--sh-rgb),.7)}
.ps-deck i img,.ps-card .in>div img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.ps-deck.lift i:last-child{transform:translateZ(60px);opacity:0;transition:transform .5s,opacity .5s}
.ps-card{transition:left .9s cubic-bezier(.6,0,.3,1),top .9s cubic-bezier(.6,0,.3,1)}
.ps-card .in>div{width:70px;height:140px;border-radius:12px;overflow:hidden;border:1px solid var(--ln2);box-shadow:0 20px 30px -12px rgba(var(--sh-rgb),.8);animation:psarc .9s cubic-bezier(.6,0,.3,1) forwards}
@keyframes psarc{50%{bottom:120px}to{bottom:80px;opacity:.3;transform:translateX(-50%) scale(.8)}}
.ps-glow{position:absolute;width:180px;height:140px;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--acc-rgb),.28),transparent);transform:translateZ(1px);animation:pshub 3s ease-in-out infinite}
.ps-phone .in>div{width:128px;padding:7px;border-radius:30px;background:linear-gradient(180deg,#3A3E44,#17191C);box-shadow:0 0 0 1px rgba(var(--hi-rgb),.14),0 50px 70px -26px rgba(var(--sh-rgb),.95);animation:psfloat 5s ease-in-out infinite}
@keyframes psfloat{50%{transform:translateX(-50%) translateY(-8px)}}
.ps-phone .scr{position:relative;aspect-ratio:9/19;border-radius:24px;overflow:hidden;background:#111}
.ps-phone .scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform .6s var(--ease),opacity .6s}
.ps-phone .scr .nx{transform:translateX(100%);opacity:0}
.ps-phone .scr.swap img:first-child{transform:translateX(-30%);opacity:0}
.ps-phone .scr.swap .nx{transform:none;opacity:1}
.ps-phone .in>div>em{position:absolute;left:50%;top:13px;width:50px;height:14px;margin-left:-25px;border-radius:10px;background:#0B0C0E}
.ps-pad.store{width:150px;height:110px}
.ps-pad .v-store{display:flex;flex-direction:column;gap:7px}
.ps-pad .v-store b{font:700 11px 'Plus Jakarta Sans',sans-serif;color:var(--t1);border:1px solid var(--ln2);border-radius:8px;padding:6px 10px;text-align:center;background:var(--s3)}
.ps-pad.store.on .v-store b{background:var(--acc);color:var(--on-acc);border-color:transparent}

/* ---------- SaaS & CRM ---------- */
.ps-board{position:absolute;left:40px;top:60px;width:560px;height:360px;border-radius:18px;background:var(--s2);border:1px solid var(--ln2);transform:translateZ(3px);
  box-shadow:0 9px 0 -2px rgba(var(--sh-rgb),.35),0 40px 50px -26px rgba(var(--sh-rgb),.7);display:grid;grid-template-columns:110px 1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;padding:14px}
.ps-board .side{grid-row:1/3;border-radius:12px;background:var(--s3);border:1px solid var(--ln);padding:12px 10px;display:flex;flex-direction:column;gap:9px}
.ps-board .side b{font:800 11px 'Plus Jakarta Sans',sans-serif;color:var(--t1);padding-bottom:8px;border-bottom:1px solid var(--ln)}
.ps-board .side i{display:block;height:8px;border-radius:4px;background:rgba(var(--hi-rgb),.1)}
.ps-board .side i:nth-child(2){background:var(--acc)}
.ps-board .zone{position:relative;border-radius:12px;border:1px solid var(--ln);background:var(--s1b);padding:10px;overflow:hidden}
.ps-board .zone small{display:block;font:600 8.5px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:8px}
.ps-board .inbox{grid-row:1/3}
.ps-board .inbox .list div{display:flex;align-items:center;gap:7px;height:26px;padding:0 7px;margin-bottom:6px;border-radius:7px;background:var(--s2);border:1px solid var(--ln);animation:psrow .5s cubic-bezier(.3,1.3,.5,1)}
.ps-board .inbox .list i{font-style:normal;font-size:10px;color:var(--t1)}
.ps-board .inbox .list span{flex:1;height:5px;border-radius:3px;background:rgba(var(--hi-rgb),.12)}
@keyframes psrow{from{transform:translateZ(30px);opacity:0}}
.ps-board .pipe .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:calc(100% - 20px)}
.ps-board .pipe .cols>div{border-radius:7px;background:rgba(var(--hi-rgb),.04);padding:5px;display:flex;flex-direction:column;gap:4px}
.ps-board .pipe em{font:600 7.5px 'JetBrains Mono',monospace;font-style:normal;color:var(--t3);text-transform:uppercase}
.ps-board .pipe u{display:block;height:14px;border-radius:4px;background:var(--s2);border:1px solid var(--ln2);animation:psrow .45s cubic-bezier(.3,1.3,.5,1)}
.ps-board .pipe u.won{background:var(--acc);border-color:transparent}
.ps-bar .in>div{display:flex;align-items:flex-end;gap:2px;width:20px}
.ps-bar b,.ps-bar i{display:block;width:9px;border-radius:3px 3px 0 0;transition:height 1s var(--ease)}
.ps-bar b{background:var(--acc)}
.ps-bar i{background:var(--ln2)}
.ps-chan{transition:left 1s cubic-bezier(.6,0,.3,1),top 1s cubic-bezier(.6,0,.3,1)}
.ps-chan .in span{display:flex;align-items:center;gap:6px;font:700 11px 'Plus Jakarta Sans',sans-serif;color:var(--t1);background:var(--s2);border:1px solid var(--ln2);border-radius:99px;padding:6px 11px;box-shadow:0 14px 24px -12px rgba(var(--sh-rgb),.7)}
.ps-chan .in span i{font-style:normal}
.ps-tenants{position:absolute;left:640px;width:120px;height:90px}
.ps-tenants i{position:absolute;inset:0;border-radius:12px;background:var(--s2);border:1px solid var(--ln2);transform:translateZ(var(--z));box-shadow:0 4px 0 -1px rgba(var(--sh-rgb),.4)}
.ps-tenants i:last-child{background:var(--acc)}

.ps-shot .in>div{width:230px;border-radius:10px;overflow:hidden;background:var(--s2);border:1px solid var(--ln2);box-shadow:0 40px 60px -24px rgba(var(--sh-rgb),.9);animation:psfloat 6s ease-in-out infinite}
.ps-shot .bar{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--ln)}
.ps-shot .bar i{width:6px;height:6px;border-radius:50%;background:var(--ln2)}
.ps-shot .bar span{margin-left:6px;font:500 8.5px 'JetBrains Mono',monospace;color:var(--t3)}
.ps-shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:0 0}

/* ---------- features ---------- */
.ps-feat{position:absolute;width:110px;height:76px;border-radius:14px;background:var(--s2);border:1px solid var(--ln2);transform:translateZ(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  box-shadow:0 6px 0 -1px rgba(var(--sh-rgb),.35),0 16px 22px -14px rgba(var(--sh-rgb),.6);transition:background .35s,border-color .35s,transform .35s}
.ps-feat i{font-style:normal;font-size:16px;color:var(--t1)}
.ps-feat b{font:700 9.5px 'Plus Jakarta Sans',sans-serif;color:var(--t2);text-align:center}
.ps-feat.on{background:var(--acc);border-color:transparent}
.ps-feat.on i,.ps-feat.on b{color:var(--on-acc)}
.ps-feat.tick{transform:translateZ(16px)}
.ps-shot.site.beat .in>div{animation:psbeat .5s cubic-bezier(.3,1.6,.5,1)}

/* ---------- faq ---------- */
.ps-pad.wide{width:140px;height:100px}
.ps-q .in>div{display:flex;flex-direction:column;align-items:center;gap:6px;animation:psq .6s cubic-bezier(.3,1.3,.5,1) both;transition:opacity .5s,transform .6s var(--ease)}
.ps-q .qq{font:700 13px 'Plus Jakarta Sans',sans-serif;color:var(--t1);background:var(--s2);border:1px solid var(--ln2);border-radius:12px;padding:10px 14px;box-shadow:0 18px 30px -14px rgba(var(--sh-rgb),.7);white-space:nowrap}
.ps-q .aa{font:700 10.5px 'JetBrains Mono',monospace;color:var(--on-acc);background:var(--acc);border-radius:99px;padding:4px 10px;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.ps-q.ok .aa{opacity:1;transform:none}
.ps-q.gone .in>div{opacity:0;transform:translateX(-50%) translateY(-60px)}
@keyframes psq{from{opacity:0;transform:translateX(-50%) translateY(40px) scale(.8)}}

/* ---------- archive ---------- */
.ps-base.node{border-style:solid;border-color:var(--ln2);background:rgba(var(--hi-rgb),.03)}
.ps-base.node .stack i{background:var(--s2);border:1px solid var(--ln2)}
.ps-base.node .stack i:last-child{background:var(--acc);border-color:transparent}
.ps-pad.hand{width:120px;height:100px}
.ps-pad.hand.on{background:var(--acc)}
.ps-pad.hand.on .v-glyph{color:var(--on-acc)}
.ps-token.snap .in span{font-size:10px;padding:5px 9px}