/* Page styles (see lib/site-assets.ts) */
.handle{position:absolute;top:0;bottom:0;left:var(--x,100%);width:0;z-index:3;pointer-events:none}
.handle::before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--red)}
.handle span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--red);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:auto;cursor:ew-resize}
.pin{border:1px solid #9AA1AC;border-radius:6px;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:16px}
.pin em{font-style:normal;color:#4A515C;transform:rotate(-45deg)}
#u6 .handle::before,
#platform-pages .handle::before{width:2px;left:-1px}
#u6 .handle span,
#platform-pages .handle span{color:#fff}
@media (max-width:899px){
#u6 .handle span,
  #platform-pages .handle span{width:36px;height:36px;font-size:14px}
}
.pv-s.add{color:var(--red-t)}
#platform-pages .handle{z-index:4}
.stack{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,.9fr);align-items:center;background:#171A1F;color:#fff;padding:24px;width:100%;max-width:640px}
@media (max-width:899px){
.stack{grid-template-columns:1fr;gap:14px}
}
.bp-q{position:relative;margin:40px 0;padding:0 0 0 clamp(56px,8vw,84px)}
.bp-q::before{content:"\201C";position:absolute;left:0;top:-14px;font:800 clamp(88px,12vw,120px)/1 var(--sans);color:var(--red)}
.bp-q blockquote{margin:0}
.bp-q p{margin:0;font-size:clamp(20px,1.7vw,24px);line-height:1.42;font-weight:600;letter-spacing:-.01em;color:var(--ink);text-wrap:pretty}
.bp-q p :is(strong,b){font-weight:inherit}
.bp-q figcaption,.bp-q cite{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:16px;line-height:1.4;font-style:normal;color:var(--muted)}
.bp-q figcaption::before,.bp-q cite::before{content:"";flex:none;width:28px;height:2px;background:var(--red)}
.bp-q figcaption b,.bp-q cite b{color:var(--ink);font-weight:700}
.pro-plan{position:absolute;right:0;bottom:0;width:min(40%,360px);background:rgba(23,26,31,.97);border:1px solid rgba(255,255,255,.14);border-top:3px solid var(--red);box-shadow:0 40px 80px -24px rgba(0,0,0,.9);padding:clamp(12px,1.3vw,18px) clamp(14px,1.4vw,20px);color:#fff;font-family:var(--sans);backdrop-filter:blur(6px)}
@media (max-width:899px){
.pro-plan{width:56%}
}
@media (max-width:560px){
.pro-plan{position:relative;width:100%;margin-top:12px}
}