/* Page styles (see lib/site-assets.ts) */
.mode{transition:opacity .5s}
.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}
.range{width:100%;accent-color:var(--red)}
#u6 .handle::before,
#platform-pages .handle::before{width:2px;left:-1px}
#u6 .handle span,
#platform-pages .handle span{color:#fff}
#u6 .range,
#platform-pages .range{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(90deg,#F5455C var(--p,0%),#E1E4E8 var(--p,0%));outline-offset:6px}
#u6 .range::-webkit-slider-thumb,
#platform-pages .range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #F5455C;box-shadow:0 2px 6px rgba(31,35,41,.2);cursor:ew-resize}
#u6 .range::-moz-range-thumb,
#platform-pages .range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #F5455C;cursor:ew-resize}
@media (max-width:899px){
#u6 .handle span,
  #platform-pages .handle span{width:36px;height:36px;font-size:14px}
}
#platform-pages .handle{z-index:4}
#zero-trust .dzt-vis{gap:14px}
#zero-trust .dfacts span{border-color:rgba(255,255,255,.3);color:var(--paper)}
.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}
@media (max-width:899px){
#page main :is(#u6,#platform-pages) .range,#page main#r-io .io-rg{box-sizing:border-box!important;height:24px!important;padding-block:10px!important;background-clip:content-box!important}
#page main :is(#u6,#platform-pages) .range{margin-block:-8px!important}
}
