.bs-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center;width:100%}.bs-copy h2,.bs--flow h2{margin:0 0 20px;font-size:clamp(1.9rem,3.2vw,3rem);letter-spacing:-.04em;line-height:1.05}.bs-steps{display:grid;gap:6px;margin-bottom:18px}.bs-step{padding:12px 16px;border-radius:12px;transition:background .3s ease,opacity .3s ease;opacity:.45}.bs-step.is-on{opacity:1;background:color-mix(in srgb,var(--color-text) 4%,transparent);box-shadow:inset 2px 0 0 var(--color-brand)}.bs-step h3{margin:0;font-size:17px;font-weight:600;display:flex;gap:10px;align-items:baseline}.bs-step h3 span{font-family:var(--font-mono);font-size:12px;color:var(--color-brand)}.bs-step p{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--color-text-muted);max-height:0;overflow:hidden;transition:max-height .4s ease}.bs-step.is-on p{max-height:120px}.bs-step .sr{display:none}.bs-step.is-on .sr{display:block}.bs-stack{position:relative;aspect-ratio:1400 / 860;max-height:68vh;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,transparent 100%)}.bs-card{position:absolute;left:0;right:0;top:0;border-radius:14px;overflow:hidden;background:var(--color-bg);transform-origin:50% 0%;box-shadow:0 0 0 1px var(--color-border),0 -24px 60px -36px #000000bf;will-change:transform}[data-theme=light] .bs-card{box-shadow:0 0 0 1px var(--color-border),0 -24px 60px -40px #281e1459}.bs-card img,.bs-flow-shot img{display:block;width:100%;height:auto}.bs-light{display:none!important}[data-theme=light] .bs-light{display:block!important}[data-theme=light] .bs-dark{display:none!important}.bs--flow{display:grid;gap:14px}.bs--flow .bs-step{opacity:1;padding:0;background:none;box-shadow:none}.bs--flow .bs-step p{max-height:none}.bs-flow-shot{margin-top:12px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--color-border);-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 60%,transparent 100%)}.sr{margin-top:12px}.sr-row{display:grid;grid-template-columns:88px 1fr 1.9fr .9fr;gap:10px;align-items:center;padding:10px 12px;font-size:12.5px;font-family:var(--font-mono);border-radius:10px;color:var(--color-text)}.sr-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-k{font-family:var(--font-sans);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.sr-row--real{box-shadow:inset 0 0 0 1px var(--color-border);opacity:.75}.sr-box{position:relative;margin-top:6px;border-radius:10px;overflow:hidden}.sr-row--masked{background:color-mix(in srgb,var(--color-brand) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-brand) 40%,transparent)}.sr-row--masked span:not(.sr-k){color:var(--color-brand-light, var(--color-brand))}.sr-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none;transition:opacity .5s ease}.sr-canvas.is-done{opacity:0;pointer-events:none}.sr-note{margin:8px 0 0;font-size:12.5px;color:var(--color-text-muted)}@media(max-width:640px){.sr-row{grid-template-columns:64px 1fr 1.6fr}.sr-row span:nth-child(n+4){display:none}}