@font-face{font-family:Basis Grotesque;src:url(../fonts/basis-grotesque-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Basis Grotesque;src:url(../fonts/basis-grotesque-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--canvas:#F7F7F7;--panel:#FFFFFF;--ink:#000000;--ink-soft:#4A4A4A;--muted:#9B9B9B;--line:#E6E6E6;--edge:#9B9B9B;--accent:#4FC3F7;--accent-dark:#29B6F6;--font-display:"Basis Grotesque","Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{font-family:Inter,system-ui,sans-serif;background:var(--canvas);color:var(--ink);min-height:100vh}header{padding:28px 36px 18px;border-bottom:1px solid var(--line);background:var(--panel)}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:6px}h1{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.01em}.sub{font-size:13.5px;color:var(--ink-soft);margin-top:4px}.layout{display:flex;gap:0;align-items:stretch;max-width:1720px;margin:0 auto}.chart-wrap{flex:1 1 auto;min-width:0;padding:26px 10px 26px 26px}.chart-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.chart-card svg{width:100%;height:auto;display:block}.legend{display:flex;gap:18px;align-items:center;margin-top:12px;font-size:12px;color:var(--ink-soft)}.legend b{color:var(--ink)}.node.svc{cursor:pointer}.node.svc:hover rect,.node.svc:hover polygon{stroke:var(--ink)}.node.svc:focus-visible{outline:none}.node.svc:focus-visible rect,.node.svc:focus-visible polygon{stroke:var(--ink);stroke-width:2.4}.detail{margin-top:14px;border:1.5px solid var(--line);border-radius:12px;padding:16px 18px;background:#fafbfd}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-title{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.svc-card{display:flex;gap:14px;align-items:flex-start;padding:14px 10px;margin:0 -10px;border-radius:8px;transition:background .15s ease}.svc-card:hover{background:var(--canvas)}.svc-card+.svc-card{border-top:1px solid var(--line)}.svc-order{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff;background:var(--ink);margin-top:1px}.detail-name{font-family:var(--font-display);font-weight:700;font-size:16px}.detail-close{border:none;background:none;cursor:pointer;font-size:22px;line-height:1;color:var(--muted);padding:2px 6px;border-radius:6px}.detail-close:hover{color:var(--ink);background:#edf0f5}.detail-close:focus-visible{outline:3px solid var(--ink);outline-offset:1px}.detail-body{font-size:13.5px;line-height:1.55;color:var(--ink-soft);margin-top:4px;max-width:72ch}.demo-btn{margin-top:10px;font-family:var(--font-display);font-size:13px;font-weight:600;color:#fff;background:var(--ink);border:1.5px solid var(--ink);border-radius:10px;padding:9px 18px;cursor:pointer;transition:background .2s ease}.demo-btn:hover{background:#2c394e}.demo-btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.demo-btn:disabled{opacity:.45;cursor:default}.demo-btn:disabled:hover{background:var(--ink)}.card-btns{display:flex;gap:8px;align-items:center}.training-btn{margin-top:10px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink);background:var(--panel);border:1.5px solid var(--ink);border-radius:10px;padding:9px 18px;cursor:pointer;transition:background .2s ease}.training-btn:hover{background:#edf0f5}.training-btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.training-btn.series{margin:0 0 0 10px;padding:6px 12px;font-size:12px;vertical-align:middle}.demo-btn.missing,.training-btn.missing{opacity:.4;cursor:default}.rail{flex:0 0 250px;padding:26px 26px 26px 12px;display:flex;flex-direction:column;gap:14px}.rail-title{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:2px 4px}.persona{display:flex;align-items:center;gap:14px;background:var(--panel);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.persona:hover{transform:translate(-3px)}.persona:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.persona .bust{flex:0 0 52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eef1f6;border:2.5px solid transparent;transition:border-color .22s ease,background .22s ease}.persona .bust svg{display:block}.persona .who .name{font-family:var(--font-display);font-weight:600;font-size:15px;line-height:1.2}.persona .who .role{font-size:12px;color:var(--ink-soft);margin-top:2px}.persona.active{box-shadow:0 6px 18px #1b24321a}.clear-btn{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink);background:var(--panel);border:1.5px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;transition:border-color .22s ease,background .22s ease,opacity .22s ease}.clear-btn:hover:not(:disabled){border-color:var(--ink);background:#f0f3f8}.clear-btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.clear-btn:disabled{opacity:.45;cursor:default}.profile-select{font-family:Inter,sans-serif;font-size:13px;color:var(--ink);background:var(--panel);border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;cursor:pointer}.profile-select:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.profile-actions{display:flex;gap:8px}.mini-btn{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink);background:var(--panel);border:1.5px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;flex:1;transition:border-color .2s ease,background .2s ease,color .2s ease}.mini-btn:hover{border-color:var(--ink)}.mini-btn.danger:hover,.mini-btn.danger.confirm{border-color:#c0392b;color:#c0392b;background:#fbedeb}.mini-btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.builder{border:1.5px solid var(--ink);border-radius:14px;padding:14px;background:var(--panel);display:flex;flex-direction:column;gap:10px}.builder-title{font-family:var(--font-display);font-weight:700;font-size:14px}.builder-name{font-family:Inter,sans-serif;font-size:13px;border:1.5px solid var(--line);border-radius:8px;padding:9px 11px;width:100%}.builder-name:focus-visible{outline:3px solid var(--ink);outline-offset:1px}.builder-hint{font-size:12px;color:var(--ink-soft);line-height:1.45}.builder-count{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);letter-spacing:.05em}.builder-btns{display:flex;gap:8px}.builder-btns .demo-btn{margin-top:0;flex:1}.builder-btns .demo-btn:disabled{opacity:.45;cursor:default}.rail.building .persona,.rail.building .profile-select,.rail.building #create-btn,.rail.building #clear-btn,.rail.building #profile-actions{opacity:.35;pointer-events:none}svg.building .node.svc:hover rect{stroke-width:2.4}.node.picked rect{stroke-width:2.4}.hint{font-size:12px;color:var(--muted);padding:2px 4px;line-height:1.5}.node{transition:opacity .3s ease}.node rect,.node polygon{fill:#fff;stroke:var(--edge);stroke-width:1.6;transition:fill .3s ease,stroke .3s ease,stroke-width .3s ease}.node .label{font-family:Inter,sans-serif;font-size:12.5px;line-height:1.35;color:var(--ink);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;padding:6px 10px}.node .label b{font-weight:700}.node .label .step{font-size:12.5px}.chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.chip{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.03em;color:#0277bd;background:#e7f8fe;border:1px solid var(--accent);border-radius:20px;padding:2px 9px;white-space:nowrap}.band-label{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:1.5px;fill:var(--muted)}.node.milestone rect{fill:#fff;stroke:var(--ink);stroke-width:2.5}.mile-eyebrow{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.edge-path.feedback{stroke:#0d9488;stroke-dasharray:6 5;stroke-width:1.6}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.view-toggle{display:inline-flex;gap:0;border:1.5px solid var(--line);border-radius:10px;overflow:hidden}.vt{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--panel);border:none;padding:8px 18px;cursor:pointer;transition:background .2s ease,color .2s ease}.vt+.vt{border-left:1.5px solid var(--line)}.vt.active{background:var(--ink);color:#fff}.vt:disabled{opacity:.45;cursor:default}.vt:focus-visible{outline:3px solid var(--ink);outline-offset:2px}#flywheel .fly-label{font-family:Inter,sans-serif}#flywheel path.seg{transition:opacity .6s ease}#flywheel .fly-plabel{transition:opacity .6s ease}.edge-path{stroke:var(--edge);stroke-width:1.4;fill:none;transition:opacity .3s ease}.arrow{fill:var(--edge)}svg.has-selection .node.dimmed{opacity:.14}svg.has-selection .edge-path,svg.has-selection .arrow{opacity:.22}svg.has-selection .edge-path.onpath{opacity:1;stroke-width:2.1}svg.has-selection .node.onpath{opacity:1}.node.onpath rect,.node.onpath polygon{stroke-dasharray:5 4}.node.lit rect,.node.lit polygon{stroke-width:2.4}.node.spotlight rect,.node.spotlight polygon{filter:drop-shadow(0 0 3px var(--accent)) drop-shadow(0 2px 8px rgba(41,182,246,.5));transition:filter .15s ease}.svc-tooltip{position:fixed;z-index:40;max-width:260px;background:var(--ink);color:#fff;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.45;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}.svc-tooltip.visible{opacity:1;transform:translateY(0)}.svc-tooltip .tt-name{font-family:var(--font-display);font-weight:700;font-size:13px;margin-bottom:3px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:980px){.layout{flex-direction:column}.chart-wrap{padding:20px}.rail{flex-direction:row;flex-wrap:wrap;padding:0 20px 24px}.rail-title,.hint{flex-basis:100%}.persona{width:auto;flex:1 1 40%}}.sf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px}.sf-card{background:var(--panel);border-radius:16px;width:100%;max-width:760px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.sf-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 0}.sf-body{overflow-y:auto;padding:16px 26px 26px}.sf-progress{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex:1}.sf-step{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);white-space:nowrap}.sf-step.active{color:var(--ink);font-weight:600}.sf-step.done{color:var(--accent-dark)}.sf-step-line{width:16px;height:1px;background:var(--line)}.sf-dot{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;background:var(--canvas);border:1px solid var(--line)}.sf-step.active .sf-dot{background:var(--ink);color:#fff;border-color:var(--ink)}.sf-step.done .sf-dot{background:var(--accent-dark);color:#fff;border-color:var(--accent-dark)}.sf-h{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:4px}.sf-sub{font-size:13px;color:var(--ink-soft);margin-bottom:16px;line-height:1.5}.sf-input{width:100%;font-family:Inter,sans-serif;font-size:14px;border:1.5px solid var(--line);border-radius:10px;padding:11px 14px;margin-bottom:14px}.sf-input:focus-visible{outline:3px solid var(--ink);outline-offset:1px}.sf-callout{font-size:12.5px;color:var(--ink-soft);line-height:1.5;background:var(--canvas);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:18px}.sf-actions{display:flex;gap:10px;align-items:center;margin-top:6px}.sf-actions .demo-btn{margin-top:0}.sf-persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:8px}.sf-persona-card,.sf-choice-card{text-align:left;font-family:inherit;cursor:pointer;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);padding:12px 14px;transition:border-color .15s ease,background .15s ease}.sf-persona-card:hover,.sf-choice-card:hover{border-color:var(--accent-dark)}.sf-persona-card.selected,.sf-choice-card.selected{border-color:var(--accent-dark);background:#e7f8fe}.sf-persona-name{font-weight:600;font-size:13.5px}.sf-persona-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.sf-owner-choice{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.sf-issue-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.sf-issue{text-align:left;font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;border:1.5px solid var(--line);border-radius:10px;background:var(--panel);padding:12px 14px}.sf-issue:hover{border-color:var(--accent-dark)}.sf-issue.selected{border-color:var(--accent-dark);background:#e7f8fe}.sf-issue-soon{border-style:dashed;color:var(--muted);cursor:default;opacity:.75}.sf-coming-soon-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.sf-summary{background:var(--ink);border-radius:12px;padding:16px 18px;margin-bottom:16px}.sf-summary-sub{font-size:12px;color:#c7ccd3;margin-bottom:4px}.sf-summary-sub b{color:#fff}.sf-summary-title{color:#fff;font-weight:600;font-size:15px}.sf-research{border:1.5px solid var(--accent);background:#f3fbfe;border-radius:12px;padding:16px 18px;margin-bottom:18px}.sf-research-head{font-weight:700;font-size:13.5px;margin-bottom:10px}.sf-research-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sf-research-label{font-size:11px;font-weight:700;color:var(--ink-soft);margin-bottom:4px}.sf-research ul{font-size:12px;color:var(--ink-soft);padding-left:16px;line-height:1.5}.sf-research-text{font-size:12px;color:var(--ink-soft);line-height:1.5}.sf-chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}.sf-chain-arrow{color:var(--muted)}.sf-chip{border-radius:10px;padding:10px 14px;border:1.5px solid var(--line)}.sf-chip-name{font-weight:600;font-size:13px}.sf-chip-bucket{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.sf-bucket-see{border-color:#b9e4f5;background:#f0fafd}.sf-bucket-improve{border-color:#d9cbf7;background:#f7f3fe}.sf-bucket-communicate{border-color:#c6e9d3;background:#f1fbf4}.sf-checklist-card{border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:22px}.sf-checklist-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sf-checklist-head h3{font-size:13.5px;font-weight:700}.sf-checklist-count{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--canvas);color:var(--muted)}.sf-checklist-count.done{background:#e2f0e7;color:#1b7a3d}.sf-check-row{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;font-family:inherit;font-size:13px;color:var(--ink);border:none;background:none;cursor:pointer;padding:8px 4px;border-radius:8px}.sf-check-row:hover{background:var(--canvas)}.sf-checkbox{flex:0 0 18px;height:18px;border-radius:5px;border:2px solid var(--line);margin-top:1px}.sf-checkbox.on{background:#1b7a3d;border-color:#1b7a3d}.sf-tools-list{margin-bottom:8px}