.op-sph,.op-sp{--a:var(--op-amber,#EB9A01);--ad:var(--op-amber-dark,#B87600);--al:var(--op-amber-light,#FFF1D1);--ink:var(--op-ink,#1A1A1A);--coal:var(--op-coal,#2B2B2B);--paper:var(--op-paper,#FAFAF7);--stone:var(--op-stone,#6B6B68);--mono:'JetBrains Mono',ui-monospace,monospace;--ease:cubic-bezier(.16,1,.3,1)}
.op-sph{position:relative;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;overflow:clip}
.op-sph *,.op-sp *{box-sizing:border-box;margin:0;padding:0}
.op-sph--dark{background:var(--ink);color:var(--paper)}
.op-sph__pin{position:relative;height:100vh;height:100svh;min-height:700px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:". vis" "head vis" "narr vis" "cta vis" ". vis";column-gap:5vw;padding:calc(var(--op-header-h,96px) + 12px) 6vw 32px}
.op-sph__head{grid-area:head}
.op-sph__crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--stone);margin-bottom:16px}
.op-sph--dark .op-sph__crumb{color:rgba(250,250,247,.6)}
.op-sph__crumb a{color:inherit;text-decoration:none}
.op-sph__crumb a:hover{color:var(--ad)}
.op-sph__crumb span{opacity:.45}
.op-sph__crumb b{color:var(--ad);font-weight:500}
.op-sph--dark .op-sph__crumb b{color:var(--a)}
.op-sph__eb{display:flex;align-items:center;gap:12px;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--coal);margin-bottom:14px}
.op-sph--dark .op-sph__eb{color:rgba(250,250,247,.8)}
.op-sph__eb::before{content:"";width:28px;height:1.5px;background:var(--a)}
.op-sph__eb b{color:var(--ad);font-weight:500}
.op-sph--dark .op-sph__eb b{color:var(--a)}
.op-sph__title{font:800 clamp(34px,3.7vw,62px)/.96 'Syne',sans-serif;letter-spacing:-.03em}
.op-sph__title span{display:block}
.op-sph__title em{font-style:normal;color:var(--a)}
.op-sph__narr{grid-area:narr;position:relative;margin-top:26px;min-height:5.6em;max-width:34ch;font-size:clamp(17px,1.35vw,21px);line-height:1.38;font-weight:500;color:var(--coal)}
.op-sph--dark .op-sph__narr{color:rgba(250,250,247,.86)}
.op-sph__narr p{position:absolute;left:0;top:0;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .6s var(--ease)}
.op-sph__narr p.is-on{opacity:1;transform:none}
.op-sph__narr small{display:block;margin-bottom:8px;font:500 11px var(--mono);letter-spacing:.14em;color:var(--ad)}
.op-sph--dark .op-sph__narr small{color:var(--a)}
.op-sph__narr em{font-style:normal;color:var(--ad)}
.op-sph--dark .op-sph__narr em{color:var(--a)}
.op-sph__cta{grid-area:cta;display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:22px}
.op-sph__link{font-weight:500;font-size:15px;color:inherit;text-decoration:none;border-bottom:1.5px solid rgba(26,26,26,.12);padding-bottom:2px;transition:border-color .3s}
.op-sph--dark .op-sph__link{border-color:rgba(250,250,247,.25)}
.op-sph__link:hover{border-color:var(--a)}
.op-sph__vis{grid-area:vis;position:relative;align-self:center;height:min(70vh,640px);min-height:420px}
.op-sph__note{position:absolute;right:0;bottom:-22px;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--stone);opacity:.8}
.op-sph--dark .op-sph__note{color:rgba(250,250,247,.45)}
.op-sph .op-btn-blob,.op-sp .op-btn-blob{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 22px 14px 48px;border-radius:40px;font:600 15px 'DM Sans',sans-serif;letter-spacing:0;line-height:1.2;color:var(--ink);text-decoration:none;isolation:isolate;cursor:pointer;transition:color .6s cubic-bezier(.65,0,.35,1)}
.op-sph .op-btn-blob::before,.op-sp .op-btn-blob::before{content:"";position:absolute;left:12px;top:50%;width:26px;height:26px;margin-top:-13px;transform:none;border-radius:40px;background:var(--a);z-index:-1;transition:left .6s cubic-bezier(.65,0,.35,1),top .6s cubic-bezier(.65,0,.35,1),width .6s cubic-bezier(.65,0,.35,1),height .6s cubic-bezier(.65,0,.35,1),margin .6s cubic-bezier(.65,0,.35,1)}
.op-sph .op-btn-blob:hover::before,.op-sp .op-btn-blob:hover::before{left:0;top:0;width:100%;height:100%;margin-top:0}
.op-sph .op-btn-blob svg,.op-sp .op-btn-blob svg{position:absolute;left:18px;top:50%;margin-top:-7px;width:14px;height:14px}
.op-sph--dark .op-btn-blob,.op-sp__sec--dark .op-btn-blob{color:var(--paper)}
.op-sph--dark .op-btn-blob:hover,.op-sp__sec--dark .op-btn-blob:hover{color:var(--ink)}
.op-sph__cue{position:absolute;left:6vw;bottom:26px;display:flex;align-items:center;gap:10px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.op-sph__cue i{position:relative;width:40px;height:1.5px;background:rgba(26,26,26,.15);overflow:hidden}
.op-sph--dark .op-sph__cue{color:rgba(250,250,247,.5)}
.op-sph--dark .op-sph__cue i{background:rgba(250,250,247,.15)}
.op-sph__cue i::after{content:"";position:absolute;inset:0;background:var(--a);transform-origin:left;transform:scaleX(var(--p,0))}
@media(max-width:899px){
.op-sph__pin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head" "vis" "narr";min-height:640px;padding:calc(var(--op-header-h,96px) + 2px) 18px 22px}
.op-sph__crumb{display:none}
.op-sph__title{font-size:clamp(28px,8.4vw,42px)}
.op-sph__vis{height:auto;min-height:0;align-self:stretch;margin:18px 0 10px}
.op-sph__narr{margin-top:0;min-height:4.6em;font-size:15px;max-width:none}
.op-sph__cta,.op-sph__cue{display:none}
.op-sph__note{bottom:-14px;font-size:9px}
}

.op-sp{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}
.op-sp__sec{position:relative;padding:clamp(80px,13vh,150px) 6vw;overflow:clip}
.op-sp__sec--tight{padding-top:0}
.op-sp__sec--soft{background:#F3F2EE}
.op-sp__sec--dark{background:var(--ink);color:var(--paper)}
.op-sp__in{max-width:1280px;margin:0 auto}
.op-sp__eb{display:flex;align-items:center;gap:12px;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--coal);margin-bottom:22px}
.op-sp__eb::before{content:"";width:28px;height:1.5px;background:var(--a)}
.op-sp__sec--dark .op-sp__eb{color:rgba(250,250,247,.8)}
.op-sp__h2{font:800 clamp(32px,4.4vw,62px)/1.02 'Syne',sans-serif;letter-spacing:-.025em;max-width:17ch}
.op-sp__h2 em{font-style:normal;color:var(--ad)}
.op-sp__sec--dark .op-sp__h2 em{color:var(--a)}
.op-sp__lead{margin-top:24px;max-width:62ch;font-size:clamp(16px,1.25vw,19px);line-height:1.65;color:var(--coal)}
.op-sp__lead+.op-sp__lead{margin-top:16px}
.op-sp__sec--dark .op-sp__lead{color:rgba(250,250,247,.75)}
.op-sp__a{color:inherit;text-decoration:underline;text-decoration-color:var(--a);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .25s}
.op-sp__a:hover{color:var(--ad)}
.op-sp__sec--dark .op-sp__a:hover{color:var(--a)}
.op-sp__split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.op-sp__split .op-sp__lead:first-child{margin-top:0}
.op-sp__defs{margin-top:clamp(36px,5vh,56px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.op-sp__def{padding:26px 26px 28px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,26,26,.07)}
.op-sp__def::before{content:"";display:block;width:28px;height:3px;border-radius:2px;background:var(--a);margin-bottom:16px}
.op-sp__def h3{font:800 clamp(20px,1.7vw,25px)/1.1 'Syne',sans-serif;letter-spacing:-.01em}
.op-sp__def p{margin-top:12px;font-size:clamp(16px,1.2vw,18px);line-height:1.65}
.op-sp__def strong{font-weight:600}
.op-sp__list{margin-top:clamp(40px,6vh,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,80px)}
.op-sp__li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:22px 0;border-top:1px solid rgba(26,26,26,.1)}
.op-sp__li i{font:500 12px/1.9 var(--mono);font-style:normal;letter-spacing:.1em;color:var(--ad)}
.op-sp__li h3{font:600 clamp(18px,1.45vw,21px)/1.25 'DM Sans',sans-serif}
.op-sp__li p{margin-top:6px;font-size:15px;line-height:1.55;color:var(--coal)}
.op-sp__steps{position:relative;margin-top:clamp(44px,7vh,72px);display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.op-sp__track{position:absolute;left:0;right:0;top:9px;height:2px;background:rgba(26,26,26,.1)}
.op-sp__track i{position:absolute;inset:0;background:var(--a);transform-origin:left;transform:scaleX(var(--p,0))}
.op-sp__step{position:relative;padding-top:38px}
.op-sp__step::before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 3px var(--ink)}
.op-sp__sec--soft .op-sp__step::before{background:#F3F2EE}
.op-sp__step small{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ad)}
.op-sp__step h3{margin-top:8px;font:800 clamp(22px,1.9vw,28px)/1.05 'Syne',sans-serif;letter-spacing:-.015em}
.op-sp__step p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--coal)}
.op-sp__cards{margin-top:clamp(40px,6vh,64px);display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.op-sp__card{padding:26px 24px 28px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,26,26,.07)}
.op-sp__sec--dark .op-sp__card{background:rgba(250,250,247,.04);box-shadow:inset 0 0 0 1px rgba(250,250,247,.1)}
.op-sp__card small{display:block;margin-bottom:12px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ad)}
.op-sp__sec--dark .op-sp__card small{color:var(--a)}
.op-sp__card b{display:block;font:800 clamp(20px,1.7vw,24px)/1.1 'Syne',sans-serif;letter-spacing:-.01em}
.op-sp__card p{margin-top:12px;font-size:15px;line-height:1.6;color:var(--coal)}
.op-sp__sec--dark .op-sp__card p{color:rgba(250,250,247,.7)}
.op-sp__vs{margin-top:clamp(40px,6vh,64px);border-radius:20px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,26,26,.08)}
.op-sp__vsr{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);border-top:1px solid rgba(26,26,26,.07)}
.op-sp__vsr:first-child{border-top:0;background:var(--ink);color:var(--paper)}
.op-sp__vsr>*{padding:16px 20px;font-size:15px;line-height:1.5}
.op-sp__vsr:first-child>*{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:14px 20px}
.op-sp__vsr:first-child>:last-child{color:var(--a)}
.op-sp__vsr>b{font-weight:600}
.op-sp__vsr>span:last-child{color:var(--ink);background:rgba(235,154,1,.06)}
.op-sp__vsr>span:nth-child(2){color:var(--stone)}
.op-sp__chips{margin-top:clamp(28px,4vh,44px);display:flex;flex-wrap:wrap;gap:10px}
.op-sp__chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:40px;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,26,26,.1);font:500 13px var(--mono);color:var(--coal)}
.op-sp__chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--a)}
.op-sp__sec--dark .op-sp__chip{background:rgba(250,250,247,.05);box-shadow:inset 0 0 0 1px rgba(250,250,247,.14);color:rgba(250,250,247,.85)}
.op-sp__tabs{margin-top:clamp(36px,5vh,56px)}
.op-sp__tabl{display:flex;flex-wrap:wrap;gap:8px}
.op-sp__tab{appearance:none;border:0;cursor:pointer;padding:11px 18px;border-radius:40px;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,26,26,.12);font:600 14px 'DM Sans',sans-serif;color:var(--ink);transition:background .3s,color .3s,box-shadow .3s}
.op-sp__tab[aria-selected=true],.op-sp__tab[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:none}
.op-sp__tab:focus-visible{outline:2px solid var(--a);outline-offset:3px}
.op-sp__sec--dark .op-sp__tab{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1px rgba(250,250,247,.25)}
.op-sp__sec--dark .op-sp__tab[aria-selected=true],.op-sp__sec--dark .op-sp__tab[aria-pressed=true]{background:var(--a);color:var(--ink)}
.op-sp__panel{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);padding:clamp(24px,3vw,40px);border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,26,26,.07);animation:op-sp-in .5s var(--ease)}
.op-sp__sec--dark .op-sp__panel{background:rgba(250,250,247,.04);box-shadow:inset 0 0 0 1px rgba(250,250,247,.1)}
.op-sp__panel[hidden]{display:none}
.op-sp__panel h3{font:800 clamp(22px,2vw,30px)/1.08 'Syne',sans-serif;letter-spacing:-.015em}
.op-sp__panel p{margin-top:12px;font-size:16px;line-height:1.65;color:var(--coal)}
.op-sp__sec--dark .op-sp__panel p{color:rgba(250,250,247,.72)}
.op-sp__panel ul{list-style:none;display:grid;gap:10px;align-content:start}
.op-sp__panel li{position:relative;padding-left:22px;font-size:15px;line-height:1.5}
.op-sp__panel li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:2px;background:var(--a)}
@keyframes op-sp-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.op-sp__cmp{position:relative;margin-top:clamp(36px,5vh,56px);border-radius:20px;overflow:hidden;aspect-ratio:16/8;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,26,26,.08);user-select:none;touch-action:pan-y}
.op-sp__cmpa,.op-sp__cmpb{position:absolute;inset:0}
.op-sp__cmpb{clip-path:inset(0 0 0 var(--x,50%))}
.op-sp__cmpbar{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;margin-left:-1px;background:var(--a);pointer-events:none}
.op-sp__cmpbar::after{content:"";position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l-5 6 5 6M15 6l5 6-5 6'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:0 10px 24px -10px rgba(26,26,26,.5)}
.op-sp__cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.op-sp__cmp input:focus-visible+.op-sp__cmpbar::after{outline:3px solid var(--ink);outline-offset:3px}
.op-sp__cmpl{position:absolute;top:16px;padding:6px 12px;border-radius:30px;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;background:rgba(26,26,26,.85);color:var(--paper);pointer-events:none}
.op-sp__cmpl--a{left:16px}
.op-sp__cmpl--b{right:16px;background:var(--a);color:var(--ink)}
.op-sp__cases{margin-top:clamp(36px,5vh,56px);display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.op-sp__case{position:relative;display:flex;flex-direction:column;min-height:230px;padding:24px;border-radius:18px;background:var(--ink);color:var(--paper);text-decoration:none;overflow:hidden;transition:transform .5s var(--ease)}
.op-sp__case::before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(closest-side,rgba(235,154,1,.35),rgba(235,154,1,0));transition:transform .8s var(--ease)}
.op-sp__case:hover{transform:translateY(-6px)}
.op-sp__case:hover::before{transform:scale(1.6)}
.op-sp__case small{position:relative;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--a)}
.op-sp__case b{position:relative;margin-top:14px;font:800 clamp(21px,1.8vw,26px)/1.1 'Syne',sans-serif;letter-spacing:-.01em}
.op-sp__case p{position:relative;margin-top:10px;font-size:14px;line-height:1.55;color:rgba(250,250,247,.7)}
.op-sp__case span{position:relative;margin-top:auto;padding-top:18px;font-size:14px;font-weight:600}
.op-sp__case span::after{content:" →";color:var(--a)}
.op-sp__next{margin-top:clamp(40px,6vh,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,64px)}
.op-sp__next h3{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,247,.62);margin-bottom:8px}
.op-sp__lnk{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid rgba(250,250,247,.12);font:700 clamp(18px,1.6vw,23px)/1.2 'Bricolage Grotesque',sans-serif;color:var(--paper);text-decoration:none;transition:color .3s,padding .5s var(--ease)}
.op-sp__lnk::after{content:"→";color:var(--a);transition:transform .5s var(--ease)}
.op-sp__lnk:hover{color:var(--a);padding-left:8px}
.op-sp__lnk:hover::after{transform:translateX(4px)}
.op-sp__reads{margin-top:clamp(36px,5vh,56px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.op-sp__read{display:flex;flex-direction:column;min-height:220px;padding:24px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,26,26,.08);color:var(--ink);text-decoration:none;transition:transform .5s var(--ease),box-shadow .5s}
.op-sp__read:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(26,26,26,.08),0 30px 50px -30px rgba(26,26,26,.35)}
.op-sp__read small{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ad)}
.op-sp__read b{margin-top:14px;font:800 clamp(19px,1.6vw,23px)/1.15 'Syne',sans-serif;letter-spacing:-.01em}
.op-sp__read span{margin-top:auto;padding-top:18px;font-size:14px;font-weight:600}
.op-sp__read span::after{content:" →";color:var(--a)}
.op-sp__faq{margin-top:clamp(36px,5vh,56px);max-width:900px}
.op-sp__q{border-top:1px solid rgba(26,26,26,.12)}
.op-sp__q:last-child{border-bottom:1px solid rgba(26,26,26,.12)}
.op-sp__q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:600 clamp(17px,1.4vw,20px)/1.35 'DM Sans',sans-serif}
.op-sp__q summary::-webkit-details-marker{display:none}
.op-sp__q summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-3px) rotate(45deg);transition:transform .35s cubic-bezier(.65,0,.35,1)}
.op-sp__q[open] summary::after{transform:translateY(3px) rotate(225deg)}
.op-sp__q summary:focus-visible{outline:2px solid var(--a);outline-offset:4px;border-radius:4px}
.op-sp__q p{padding:0 40px 24px 0;max-width:70ch;font-size:16px;line-height:1.65;color:var(--coal)}
.op-sp__sec--cta{text-align:center}
.op-sp__sec--cta .op-sp__h2{margin:0 auto;max-width:15ch}
.op-sp__sec--cta .op-sp__lead{margin:20px auto 0}
.op-sp__btns{margin-top:34px;display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap}
.op-sp__tl{font-weight:500;font-size:15px;color:var(--paper);text-decoration:none;border-bottom:1.5px solid rgba(250,250,247,.3);padding-bottom:2px;transition:border-color .3s}
.op-sp__tl:hover{border-color:var(--a)}
.op-sp__fig{margin-top:clamp(36px,5vh,56px)}
.op-sp__cap{margin-top:12px;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}
.op-sp__sec--dark .op-sp__cap{color:rgba(250,250,247,.45)}
.op-sp.is-armed [data-rv]{opacity:0;transform:translateY(22px)}
@media(max-width:899px){
.op-sp__sec{padding:72px 20px}
.op-sp__sec--tight{padding-top:0}
.op-sp__split,.op-sp__defs,.op-sp__list,.op-sp__next,.op-sp__reads,.op-sp__cards,.op-sp__cases,.op-sp__panel{grid-template-columns:minmax(0,1fr)}
.op-sp__li{grid-template-columns:44px minmax(0,1fr);padding:18px 0}
.op-sp__steps{grid-template-columns:minmax(0,1fr);gap:28px;padding-left:34px}
.op-sp__track{left:7px;right:auto;top:0;bottom:0;width:2px;height:auto}
.op-sp__track i{transform-origin:top;transform:scaleY(var(--p,0))}
.op-sp__step{padding-top:0}
.op-sp__step::before{left:-34px;top:4px}
.op-sp__q p{padding-right:0}
.op-sp__read,.op-sp__case{min-height:0}
.op-sp__cmp{aspect-ratio:4/5}
.op-sp__vs{background:transparent;box-shadow:none;border-radius:0;display:grid;gap:10px}
.op-sp__vsr:first-child{display:none}
.op-sp__vsr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,26,26,.08)}
.op-sp__vsr>b{grid-column:1/-1;padding:14px 16px 4px}
.op-sp__vsr>span{padding:6px 16px 14px;font-size:14px}
.op-sp__vsr>span::before{content:attr(data-h);display:block;margin-bottom:4px;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}
.op-sp__vsr>span:last-child::before{color:var(--ad)}
.op-sp__vs--n .op-sp__vsr>span:last-child::before{color:var(--stone)}
}
@media(prefers-reduced-motion:reduce){.op-sp.is-armed [data-rv]{opacity:1;transform:none}.op-sph__narr p,.op-sp__read,.op-sp__case,.op-sp__lnk,.op-sp__panel{transition:none;animation:none}}
.op-calc{margin-top:clamp(36px,5vh,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(14px,1.6vw,22px)}
.op-calc__in{display:flex;flex-direction:column;gap:26px;padding:clamp(24px,3vw,36px);border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,26,26,.07)}
.op-calc__row{display:grid;gap:10px}
.op-calc__row label{display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:15px}
.op-calc__row output{font:500 14px var(--mono);color:var(--ad);white-space:nowrap}
.op-calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;--v:50%}
.op-calc input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--a) var(--v),rgba(26,26,26,.12) var(--v))}
.op-calc input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--a) var(--v),rgba(26,26,26,.12) var(--v))}
.op-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #fff,0 2px 8px rgba(26,26,26,.3)}
.op-calc input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #fff,0 2px 8px rgba(26,26,26,.3)}
.op-calc input[type=range]:focus-visible{outline:2px solid var(--a);outline-offset:4px;border-radius:4px}
.op-calc__out{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(24px,3vw,36px);border-radius:20px;background:var(--ink);color:var(--paper)}
.op-calc__out small{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--a)}
.op-calc__out .op-calc__big{color:var(--paper);font:800 clamp(48px,6vw,88px)/.95 'Syne',sans-serif;letter-spacing:-.03em}
.op-calc__out .op-calc__big span{font-size:.32em;letter-spacing:0;margin-left:8px;color:rgba(250,250,247,.7)}
.op-calc__out p{font-size:15px;line-height:1.6;color:rgba(250,250,247,.72)}
.op-calc__out p b{color:var(--paper)}
.op-calc__fine{font-size:12.5px!important;color:rgba(250,250,247,.5)!important}
.op-chk{margin-top:clamp(36px,5vh,56px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 48px;list-style:none;counter-reset:c}
.op-chk li{position:relative;padding:18px 0 18px 44px;border-top:1px solid rgba(26,26,26,.1);font-size:16px;line-height:1.55;color:var(--coal)}
.op-chk li b{color:var(--ink);font-weight:600}
.op-chk li::before{content:"";position:absolute;left:0;top:19px;width:24px;height:24px;border-radius:7px;background:var(--al) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23B87600' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7'/%3E%3C/svg%3E") center/16px no-repeat}
.op-sp__sec--dark .op-chk li{border-color:rgba(250,250,247,.12);color:rgba(250,250,247,.72)}
.op-sp__sec--dark .op-chk li b{color:var(--paper)}
.op-sp__quote{margin-top:clamp(36px,5vh,56px);max-width:30ch;font:700 clamp(26px,3vw,42px)/1.18 'Bricolage Grotesque',sans-serif;letter-spacing:-.015em}
.op-sp__quote em{font-style:normal;color:var(--ad)}
@media(max-width:899px){.op-calc,.op-chk{grid-template-columns:minmax(0,1fr)}}
.op-sp__vs--n .op-sp__vsr>span:last-child{background:transparent}
.op-sp__vs--n .op-sp__vsr>span:nth-child(2){color:var(--ink)}
.op-sp__vs--n .op-sp__vsr:first-child>span{color:var(--a)}
.op-calc__note{align-self:end;margin-top:auto;padding-top:18px;border-top:1px solid rgba(26,26,26,.08);font-size:15px;line-height:1.6;color:var(--coal)}
.op-calc__in{grid-template-rows:auto}
.op-sp__split .op-sp__h2{font-size:clamp(28px,3.1vw,46px);max-width:14ch}
.op-sp h2,.op-sp h3,.op-sp b{overflow-wrap:break-word}
.op-sp__cards--stat .op-sp__card b{font-size:clamp(30px,3.2vw,46px);line-height:1;letter-spacing:-.02em;color:var(--a)}
[aria-labelledby=cv-own] .op-sp__card:last-child b{font-size:clamp(20px,1.8vw,26px);line-height:1.1;color:inherit}
@media(max-width:899px){.op-sp__h2{font-size:clamp(26px,7.2vw,34px)}.op-sp__split .op-sp__h2{font-size:clamp(26px,7.2vw,34px)}}