.site .sig{padding-block:var(--sec)}.site .sig-in{max-width:calc(var(--max) + var(--pad)*2);padding-inline:var(--pad);margin-inline:auto}.site .sig-head{max-width:40rem}.site .sig-head .lede{max-width:30em;margin-top:20px}.site .sig-body{margin-top:clamp(40px,5vw,64px);position:relative}.site .sig-step{border-top:1px solid var(--rule);transition:border-color .24s var(--ease-out);padding-block:24px 64px}.site .sig-step:last-child{padding-bottom:0}.site .sig-step[data-on=true]{border-top-color:var(--marker)}.site .sig-step .sc-lead{margin-bottom:16px;display:flex}.site .sig-step-text{color:var(--ink-2);font-size:var(--t-sub);max-width:30em;margin-top:12px;line-height:1.5}.site .sig-step .sc-panel{margin-top:28px}.site .sig-act{margin-top:24px}.site .sig-stage .stage-corners b,.site .sig-stage .stage-corners span{white-space:pre;display:block}.site .sig-frame{aspect-ratio:5/4}.site .sig-still{opacity:0;transition:opacity .4s var(--ease-out);position:absolute;inset:0}.site .sig-still[data-on=true]{opacity:1}.site .sig-frame .sig-still img{object-fit:contain;width:100%;height:100%}.site .sig-frame .sig-canvas{opacity:0;height:100%;transition:opacity .5s var(--ease-out);width:100%;position:absolute;inset:0}.site .sig-body[data-live=true] .sig-canvas{opacity:1}.site .sig-body[data-live=true] .sig-still{opacity:0}.site .sig-label{background:var(--scrim);border:1px solid var(--rule-hi);border-radius:var(--radius);color:var(--ink-2);font-family:var(--mono);font-size:var(--t-mono);opacity:0;pointer-events:none;white-space:nowrap;will-change:transform;padding:3px 8px;line-height:1.4;position:absolute;top:0;left:0}.site .sig-label[data-on=true]{border-color:var(--ink);color:var(--ink)}@media (min-width:901px){.site .sig-step-still{display:none}.site .sig-body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,5vw,80px);display:grid}.site .sig-stage{grid-area:1/1;align-self:start;position:sticky;top:80px}.site .sig-steps{grid-area:1/2}.site .sig-step:first-child{min-height:72svh}.site .sig-step:nth-child(2){min-height:56svh}.site .sig-step:nth-child(3){min-height:76svh}.site .sig-frame{max-height:calc(100svh - 240px)}}@media (max-width:900px){.site .sig-body{margin-top:32px;display:flow-root}.site .sig-frame .sig-still:first-child{opacity:1}.site .sig-frame .sig-canvas,.site .sig-frame .sig-label,.site .sig-frame .sig-still:not(:first-child){display:none}.site .sig-step-still{aspect-ratio:4/3;background:var(--scan-ground);border-radius:12px;margin-top:24px;display:block;overflow:hidden}.site .sig-step-still img{object-fit:contain;width:100%;height:100%;display:block}.site .sig-frame{aspect-ratio:4/3}.site .sig-stage .stage-corners{flex-wrap:nowrap}.site .sig-stage .stage-corners>div{min-width:0}.site .sig-stage .stage-corners span{text-overflow:ellipsis;overflow:hidden}.site .sig-stage .stage-corners .sig-fixed{display:none}.site .sig-stage .stage-cap{flex-direction:row;align-items:center;padding-block:10px 12px}}