.explainer{position:relative;margin:20px auto 0;max-width:1200px;display:grid;grid-template-columns:1.4fr 1fr;column-gap:48px;row-gap:6px;align-items:center}@media(max-width:1024px){.explainer{grid-template-columns:1fr;gap:32px}.explainer-stage{order:1}.explainer-controls{order:2}.explainer-copy{order:3}}.explainer-stage{position:relative;aspect-ratio:1.18 / 1;perspective:1800px;overflow:hidden}.explainer-stage[data-idle] .sw-sweep,.explainer-stage[data-idle] .sw-status-pulse,.explainer-stage[data-idle] .bl-blip{animation-play-state:paused!important}.layer-frame svg *{vector-effect:non-scaling-stroke}.layer-stack{position:absolute;inset:0;transform-style:preserve-3d;transform:translateY(var(--stepper-shift)) scale(var(--stepper-scale)) rotateX(var(--iso-rot-x)) rotate(var(--iso-rot-z));transition:transform .8s cubic-bezier(.2,.8,.2,1)}.layer{position:absolute;inset:0;display:grid;place-items:center;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .4s ease,filter .4s ease;transform-origin:center center}.explainer:not(.is-revealed) .layer-0{transform:translateZ(calc(var(--z-gap) * 0))}.explainer:not(.is-revealed) .layer-1{transform:translateZ(calc(var(--z-gap) * 1))}.explainer:not(.is-revealed) .layer-2{transform:translateZ(calc(var(--z-gap) * 2))}.explainer:not(.is-revealed) .layer-3{transform:translateZ(calc(var(--z-gap) * 3))}.explainer:not(.is-revealed) .layer-4{transform:translateZ(calc(var(--z-gap) * 4))}.explainer:not(.is-revealed) .layer-5{transform:translateZ(calc(var(--z-gap) * 5))}.explainer:not(.is-revealed) .layer-6{transform:translateZ(calc(var(--z-gap) * 6))}.explainer:not(.is-revealed) .layer-7{transform:translateZ(calc(var(--z-gap) * 7))}.explainer .layer{opacity:.32;filter:blur(.5px) brightness(var(--bright-unsel))}.explainer .layer[data-active=true]{opacity:1;filter:brightness(var(--bright-sel))}.explainer{--expand: 1}.explainer .sl-scaffold{opacity:var(--expand, 1);transition:opacity .5s ease}.explainer.is-flat{--expand: 0}.explainer.is-flat .layer-stack{transform:scale(1.45)}.explainer.is-flat .layer{transform:none!important;opacity:1;filter:none}.explainer.is-flat .layer-2,.explainer.is-flat .layer-7,.explainer.is-flat .layer-label{opacity:0}.explainer-step-flat .explainer-step-label{text-transform:none}.explainer.step-0 .layer-0{transform:translateZ(calc(var(--z-gap) * 0 + var(--focus-nudge)))}.explainer.step-1 .layer-1{transform:translateZ(calc(var(--z-gap) * 1 + var(--focus-nudge)))}.explainer.step-2 .layer-2{transform:translateZ(calc(var(--z-gap) * 2 + var(--focus-nudge)))}.explainer.step-3 .layer-3{transform:translateZ(calc(var(--z-gap) * 3 + var(--focus-nudge)))}.explainer.step-4 .layer-4{transform:translateZ(calc(var(--z-gap) * 4 + var(--focus-nudge)))}.explainer.step-5 .layer-5{transform:translateZ(calc(var(--z-gap) * 5 + var(--focus-nudge)))}.explainer.step-6 .layer-6{transform:translateZ(calc(var(--z-gap) * 6 + var(--focus-nudge)))}.explainer.step-7 .layer-7{transform:translateZ(calc(var(--z-gap) * 7 + var(--focus-nudge)))}.layer-frame{width:48%;aspect-ratio:1;border:1.5px solid color-mix(in oklab,var(--layer-accent, var(--radar)) calc(var(--expand, 1) * 100%),transparent);border-radius:12px;background:transparent;transition:background .4s ease-out,border-color .5s ease,box-shadow .5s ease;box-shadow:0 0 24px color-mix(in oklab,var(--layer-accent, var(--radar)) calc(var(--expand, 1) * 30%),transparent),inset 0 0 32px color-mix(in oklab,var(--layer-accent, var(--radar)) calc(var(--expand, 1) * 15%),transparent);position:relative;overflow:hidden}.layer[data-active=true] .layer-frame{background:#0000008c}.layer-label{position:absolute;top:12px;left:16px;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--layer-accent, var(--radar));opacity:0}.layer-stub-content{font-family:Geist Mono,monospace;font-size:12px;letter-spacing:.05em;color:#ffffff59;text-align:center;padding:0 24px;opacity:0}.explainer-copy{display:flex;flex-direction:column;gap:14px;padding-right:8px}.explainer-eyebrow{font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px}.explainer-eyebrow:before{content:"";width:28px;height:1px;background:currentColor;opacity:.4}.explainer-title{font-family:Geist,system-ui,sans-serif;font-weight:700;font-size:clamp(28px,3.4vw,44px);line-height:1.1;letter-spacing:-.03em;color:var(--ink);margin:0}.explainer-body{font-size:17px;line-height:1.55;color:var(--ink-2);max-width:540px}.explainer-controls{grid-column:1 / -1;margin-top:0;display:flex;align-items:center;justify-content:center;gap:18px;padding-top:14px;border-top:1px solid var(--line)}.explainer-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-family:Geist,system-ui,sans-serif;font-size:13.5px;font-weight:500;border:1px solid var(--line-2);background:transparent;color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.explainer-btn:hover:not(:disabled){background:var(--ink);color:var(--bg);border-color:var(--ink)}.explainer-btn:disabled{opacity:.35;cursor:not-allowed}.explainer-progress{display:flex;align-items:flex-start;justify-content:center;gap:10px}.explainer-step{display:flex;flex-direction:column;align-items:center;gap:5px;border:none;background:none;padding:0;cursor:pointer}.explainer-dot{width:8px;height:8px;border-radius:50%;background:var(--layer-accent, var(--line-2));opacity:.4;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease}.explainer-step:hover .explainer-dot{opacity:.85}.explainer-step.is-active .explainer-dot{opacity:1;transform:scale(1.5);box-shadow:0 0 8px var(--layer-accent)}.explainer-step-label{font-family:Geist Mono,IBM Plex Mono,ui-monospace,monospace;font-size:8px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--ink-2);opacity:.5;transition:color .15s ease,opacity .15s ease}.explainer-step:hover .explainer-step-label,.explainer-step.is-active .explainer-step-label{opacity:1;color:var(--layer-accent)}@media(max-width:720px){.explainer-step-label{display:none}}@media(max-width:720px){.explainer-stage{perspective:1200px;aspect-ratio:1.3 / 1}.explainer .layer{opacity:.46}.layer-stack{transform:rotateX(42deg) rotate(-22deg) translateY(68px)}.explainer:not(.is-revealed) .layer-0{transform:translateZ(0)}.explainer:not(.is-revealed) .layer-1{transform:translateZ(26px)}.explainer:not(.is-revealed) .layer-2{transform:translateZ(52px)}.explainer:not(.is-revealed) .layer-3{transform:translateZ(78px)}.explainer:not(.is-revealed) .layer-4{transform:translateZ(104px)}.explainer:not(.is-revealed) .layer-5{transform:translateZ(130px)}.explainer:not(.is-revealed) .layer-6{transform:translateZ(156px)}.explainer:not(.is-revealed) .layer-7{transform:translateZ(182px)}.explainer.step-0 .layer-0{transform:translateZ(10px)}.explainer.step-1 .layer-1{transform:translateZ(36px)}.explainer.step-2 .layer-2{transform:translateZ(62px)}.explainer.step-3 .layer-3{transform:translateZ(88px)}.explainer.step-4 .layer-4{transform:translateZ(114px)}.explainer.step-5 .layer-5{transform:translateZ(140px)}.explainer.step-6 .layer-6{transform:translateZ(166px)}.explainer.step-7 .layer-7{transform:translateZ(192px)}}@media(max-width:600px){.explainer-stage{aspect-ratio:1.12 / 1}}@media(max-width:500px){.explainer-stage{aspect-ratio:1 / 1}}@media(prefers-reduced-motion:reduce){.layer-stack,.layer{transition:none}.layer{opacity:1;filter:none}}