._3e6OUa_section{padding-block:48px}._3e6OUa_inner{margin-left:max(48px,50% - 620px)}._3e6OUa_track{height:calc(100svh + var(--use-case-transitions) * 65svh);position:relative}._3e6OUa_stage{grid-template-columns:clamp(360px,30vw,460px) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,48px);min-height:calc(100svh - 112px);padding-block:24px;display:grid;position:sticky;top:88px}._3e6OUa_copy,._3e6OUa_preview{min-width:0}._3e6OUa_copy h2{max-width:none}._3e6OUa_steps{margin-top:40px}._3e6OUa_step{padding-block:16px;position:relative}._3e6OUa_connector{background:var(--app-border-soft);width:2px;height:calc(100% - 24px);position:absolute;top:44px;left:13px}._3e6OUa_stepButton{text-align:left;letter-spacing:-.025em;width:100%;color:var(--app-text-muted);cursor:pointer;align-items:center;gap:16px;font-size:clamp(1.05rem,1.35vw,1.42rem);font-weight:560;line-height:1.12;transition:color .2s;display:flex}._3e6OUa_stepButton:hover,._3e6OUa_step[data-active=true] ._3e6OUa_stepButton{color:var(--app-text-primary)}._3e6OUa_stepButton:focus-visible,._3e6OUa_link:focus-visible{outline:2px solid var(--app-text-primary);outline-offset:4px;border-radius:4px}._3e6OUa_number{z-index:1;border:1.5px solid var(--app-border-soft);background:var(--app-surface-raised);width:28px;height:28px;color:var(--app-text-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:11.5px;font-weight:700;transition:background .2s,color .2s;display:grid;position:relative}._3e6OUa_step[data-active=true] ._3e6OUa_number{color:#fff;background:#f47f35;border-color:#0000}._3e6OUa_detailReveal{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .5s ease-in-out,opacity .5s ease-in-out;display:grid}._3e6OUa_detailReveal[data-active=true]{opacity:1;grid-template-rows:1fr}._3e6OUa_detailClip{overflow:hidden}._3e6OUa_detail{padding:10px 0 8px 44px}._3e6OUa_detail p{letter-spacing:-.01em;max-width:28ch;color:var(--app-text-secondary);font-size:15.5px;line-height:1.58}._3e6OUa_link{border:1px solid var(--app-border-muted);background:var(--app-surface-raised);color:var(--app-text-primary);border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}._3e6OUa_link:hover{background:var(--app-surface-soft)}._3e6OUa_visual{width:100%}._3e6OUa_stepContent{flex:1;min-width:0;min-height:0;animation:.22s ease-out backwards _3e6OUa_use-case-enter;display:flex;position:relative}@keyframes _3e6OUa_use-case-enter{0%{opacity:.35}to{opacity:1}}._3e6OUa_mobileShowcase{display:none}@media (max-width:1023px){._3e6OUa_inner{margin-inline:24px}._3e6OUa_track{display:none}._3e6OUa_mobileShowcase{display:block}._3e6OUa_mobileTrack{height:calc(100svh + var(--use-case-transitions) * 65svh);margin-top:32px;position:relative}._3e6OUa_mobileViewport{height:calc(100svh - 72px);position:sticky;top:72px;overflow:hidden;container-type:inline-size}._3e6OUa_mobileStack{--card-height:min(75cqw, calc(100svh - 300px));top:calc(50% - 36px - var(--card-height) / 2);width:calc(var(--card-height) * 4 / 3);transform:translate(-50%, calc(-1 * var(--active-index) * (var(--card-height) + 24px)));transition:transform var(--step-transition-duration) cubic-bezier(.22, 1, .36, 1);flex-direction:column;gap:24px;display:flex;position:absolute;left:50%}._3e6OUa_mobileCard{height:var(--card-height);opacity:.42;filter:brightness(.82);transition:opacity var(--step-transition-duration), transform var(--step-transition-duration), filter var(--step-transition-duration);flex:none;transform:scale(.88)}._3e6OUa_mobileCard[data-active=true]{opacity:1;filter:brightness();transform:scale(1)}._3e6OUa_mobileCard ._3e6OUa_stepContent{animation:none}._3e6OUa_mobilePanel{z-index:50;padding:128px 24px max(32px, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--app-surface-overlay) 10%, color-mix(in srgb, var(--app-surface-overlay) 85%, transparent) 60%, transparent 100%);pointer-events:none;opacity:0;flex-direction:column;justify-content:flex-end;transition:opacity .3s,transform .3s;display:flex;position:fixed;inset:auto 0 0;transform:translateY(16px)}._3e6OUa_mobilePanel[data-visible=true]{opacity:1;transform:translateY(0)}._3e6OUa_mobilePanel[data-visible=true] ._3e6OUa_mobilePanelContent{pointer-events:auto}._3e6OUa_mobilePanel h3{letter-spacing:-.025em;color:var(--app-text-primary);margin:0;font-size:1.4rem;font-weight:560;line-height:1.12}._3e6OUa_mobilePanel p{color:var(--app-text-secondary);margin:10px 0 0;font-size:15px;line-height:1.58}._3e6OUa_mobilePanel ._3e6OUa_link{margin-top:16px}}@media (max-width:639px){._3e6OUa_inner{margin-inline:16px}}@media (prefers-reduced-motion:reduce){._3e6OUa_stepContent{animation:none}._3e6OUa_detailReveal,._3e6OUa_mobileStack,._3e6OUa_mobileCard,._3e6OUa_mobilePanel{transition:none}}