/* Shared product walkthrough. All figures are illustrative, isolated from account data. */
.sf-motion{--motion-blue:var(--primary,#286ad9);--motion-teal:#168d86;--motion-ink:var(--text-primary,#15171c);--motion-muted:var(--text-secondary,#63656d);--motion-grid:color-mix(in srgb,var(--motion-muted) 12%,transparent);color:var(--motion-ink);font-family:Manrope,Arial,sans-serif;min-width:0;width:100%;isolation:isolate}
.sf-motion-section>h2{max-width:20ch;margin-bottom:36px!important}
.sf-motion-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.sf-motion-brand{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:650;letter-spacing:-.04em}
.sf-motion .sf-motion-disclosure{font-size:11px;line-height:1.6;margin:7px 0 0;color:var(--motion-muted)}
.sf-motion-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border-radius:15px;background:var(--motion-grid);max-width:100%}
.sf-motion button{font-family:inherit;cursor:pointer;color:var(--motion-ink);font-size:12px;line-height:1.5;min-height:40px;max-width:100%;border:0;box-shadow:none;font-weight:600}
.sf-motion-tabs button{padding:9px 17px;background:transparent;border-radius:11px;transition:background .18s,color .18s}
.sf-motion-tabs button[aria-pressed=true]{background:var(--bg-primary,#fff);color:var(--motion-blue)}
.sf-motion button:focus-visible,.sf-motion input:focus-visible,.sf-motion-tour>summary:focus-visible{outline:2px solid var(--motion-blue,var(--primary));outline-offset:4px}
.sf-motion-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:44px;align-items:center;padding-block:40px 30px;min-width:0}
.sf-motion-story{min-width:0}
.sf-motion .sf-motion-story h3{font-size:clamp(23px,2.4vw,32px);line-height:1.2;font-weight:500;letter-spacing:-.04em;margin:0 0 18px;max-width:19ch;color:var(--motion-ink)}
.sf-motion .sf-motion-story p{font-size:13px;line-height:1.85;margin:0;color:var(--motion-muted);max-width:40ch;min-height:5.6em}
.sf-motion-steps{display:grid;grid-template-columns:1fr;list-style:none!important;gap:0;margin:23px 0 0;padding:0!important}
.sf-motion-steps li{display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.5;padding:7px 0;color:var(--motion-muted);transition:color .2s}
.sf-motion-step-number{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;font-size:10px;font-variant-numeric:tabular-nums;background:var(--motion-grid);color:var(--motion-muted)}
.sf-motion-steps li[data-active=true]{color:var(--motion-blue);font-weight:650}
.sf-motion-steps li[data-active=true] .sf-motion-step-number{background:var(--motion-blue);color:white}
.sf-motion-steps li[data-done=true] .sf-motion-step-number{color:var(--motion-teal);background:color-mix(in srgb,var(--motion-teal) 10%,transparent)}
.sf-motion-figure{min-width:0}
.sf-motion-svg{display:block;width:100%;height:auto;overflow:visible;color:var(--motion-blue);direction:ltr}
.sf-motion-svg [hidden],.sf-motion [hidden]{display:none!important}
.sf-motion-grid{fill:none;stroke:var(--motion-grid);stroke-width:1}
.sf-motion-grid path:last-child{stroke-dasharray:2 7}
.sf-motion-connection{fill:none;stroke:var(--motion-blue);stroke-opacity:.24;stroke-width:2}
.sf-motion-return{fill:none;stroke:#c39753;stroke-width:1.5;stroke-dasharray:3 6;opacity:.55}
.sf-motion-node circle{fill:var(--bg-primary,#fff);stroke:var(--motion-blue);stroke-opacity:.22;stroke-width:1.5}
.sf-motion-node path{fill:none;stroke:var(--motion-blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sf-motion-node[data-active=true] circle{fill:var(--motion-blue);stroke-opacity:1}
.sf-motion-node[data-active=true] path{stroke:white}
.sf-motion-particle{fill:var(--motion-blue)}
.sf-motion-evidence{stroke:var(--motion-teal);stroke-width:4;stroke-linecap:round;opacity:.35}
.sf-motion-baseline{stroke:var(--motion-muted);stroke-opacity:.35;stroke-dasharray:4 6}
.sf-motion-area{fill:url(#sf-motion-wash)}
.sf-motion-equity{fill:none;stroke:var(--motion-blue);stroke-width:2.8;stroke-linejoin:round;stroke-linecap:round}
.sf-motion-reference{fill:none;stroke:var(--motion-muted);stroke-opacity:.5;stroke-width:1.7;stroke-dasharray:4 5}
.sf-motion-drawdown{fill:none;stroke:#be6e63;stroke-width:1.8;stroke-linejoin:round}
.sf-motion-guide{stroke:var(--motion-blue);stroke-opacity:.25;stroke-width:1;stroke-dasharray:3 5}
.sf-motion-point{fill:var(--motion-blue);stroke:var(--bg-primary,#fff);stroke-width:3}
.sf-motion-legend{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:10px;color:var(--motion-muted);margin:12px 0 20px}
.sf-motion-legend>span{display:flex;align-items:center;gap:6px}
.sf-motion-legend i{display:block;width:12px;height:2px;background:var(--motion-blue)}
.sf-motion-legend>span:nth-child(2) i{background:var(--motion-muted);opacity:.6}
.sf-motion-legend>span:nth-child(3) i{background:#be6e63}
.sf-motion-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-inline:25px}
.sf-motion-metrics>div{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--motion-muted);min-width:0}
.sf-motion-metrics strong{direction:ltr;unicode-bidi:isolate;font-size:24px;line-height:1.3;color:var(--motion-ink);font-weight:500;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sf-motion-controls{display:flex;gap:22px;align-items:center;padding-top:10px}
.sf-motion .sf-motion-play{display:flex;align-items:center;gap:10px;min-width:145px;padding:10px 0;background:transparent;text-align:start}
.sf-motion-play>span:first-child{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:50%;background:var(--motion-grid);color:var(--motion-blue);font-size:10px}
.sf-motion-play:disabled{opacity:.55;cursor:default}
.sf-motion-controls input[type=range]{flex:1;min-width:0;width:100%;height:24px;cursor:pointer;direction:ltr}
.sf-motion-tour{padding:0!important;border:0!important;min-width:0;--motion-blue:var(--primary);color:var(--text-primary)}
.sf-motion-tour>summary{cursor:pointer;display:list-item;list-style:disclosure-closed inside;font-size:13px;font-weight:600;padding:17px 0;color:var(--text-secondary)}
.sf-motion-tour[open]>summary{list-style-type:disclosure-open}
.sf-motion-tour>.sf-motion{padding:20px 0 30px}
.sf-motion-tour .sf-motion-layout{gap:30px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
@media(min-width:761px){.sf-motion-story{min-height:325px}}
@media(max-width:900px){.sf-motion-layout,.sf-motion-tour .sf-motion-layout{gap:24px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.sf-motion-tabs button{padding-inline:12px}.sf-motion-metrics{padding-inline:8px;gap:12px}}
@media(max-width:760px){.sf-motion-top{gap:20px}.sf-motion-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sf-motion-tabs button{padding:9px 6px;overflow-wrap:anywhere}.sf-motion-layout,.sf-motion-tour .sf-motion-layout{grid-template-columns:minmax(0,1fr);padding-block:28px 16px;gap:10px}.sf-motion .sf-motion-story h3{font-size:27px;max-width:24ch}.sf-motion .sf-motion-story p{min-height:0;max-width:60ch}.sf-motion-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:24px}.sf-motion-steps li{flex-direction:column;gap:7px;text-align:center;font-size:10px;overflow-wrap:anywhere}.sf-motion-svg{margin-top:8px}.sf-motion-legend{gap:12px;justify-content:flex-start;margin:8px 0 18px}.sf-motion-metrics{padding:0;gap:12px}.sf-motion-metrics strong{direction:ltr;unicode-bidi:isolate;font-size:22px}.sf-motion-controls{flex-wrap:wrap;gap:0;padding-top:20px}.sf-motion-controls input[type=range]{flex-basis:100%;order:-1}.sf-motion-play{margin-top:8px}.sf-motion-section>h2{margin-bottom:28px!important}}
@media(prefers-reduced-motion:reduce){.sf-motion *{transition:none!important;animation:none!important}}

/* Reserve chart metadata space while the workflow plays to avoid shifting nearby content. */
.sf-motion .sf-motion-legend[hidden]{display:flex!important;visibility:hidden}
.sf-motion .sf-motion-metrics[hidden]{display:grid!important;visibility:hidden}