.diagnostic-flow{margin:36px 0 32px}.flow-scroller{scrollbar-width:none;margin:0 -4px;padding:4px 4px 6px;overflow:auto hidden}.flow-scroller::-webkit-scrollbar{display:none}.flow-rail{position:relative}.flow-stages{z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.flow-track{z-index:0;background:var(--line);border-radius:2px;height:2px;position:absolute;top:36px;left:10%;right:10%}.flow-fill{border-radius:inherit;background:linear-gradient(90deg, var(--tone-ice), var(--tone-lilac) 52%, var(--signal));transform-origin:0;position:absolute;inset:0}.flow-signal{background:linear-gradient(90deg, transparent, var(--signal));opacity:0;visibility:hidden;border-radius:2px;width:56px;height:3px;position:absolute;top:-.5px;left:0}.flow-signal:after{content:"";background:var(--signal);border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;right:-2px}.flow-chevron{background:var(--bg);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:50%}.flow-chevron:before{content:"";border-top:1.6px solid var(--muted);border-right:1.6px solid var(--muted);width:6px;height:6px;position:absolute;top:6.5px;left:5.5px;transform:rotate(45deg)}.flow-chevron[data-at="1"]{left:12.5%}.flow-chevron[data-at="2"]{left:37.5%}.flow-chevron[data-at="3"]{left:62.5%}.flow-chevron[data-at="4"]{left:87.5%}.flow-stage{color:var(--text);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:10px 8px 20px;display:flex;position:relative}.flow-icon{border:1px solid var(--line);background:var(--raised);width:52px;height:52px;color:var(--accent-text);transition:background-color var(--motion-state) var(--motion-precise), border-color var(--motion-state) var(--motion-precise), color var(--motion-state) var(--motion-precise), scale .26s var(--motion-spring);border-radius:15px;place-items:center;margin-bottom:8px;display:grid}.flow-icon svg{width:24px;height:24px}.flow-number{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:color var(--motion-state) var(--motion-precise);font:500 11px/1.4 Consolas,monospace}.flow-title{letter-spacing:-.02em;font-size:17px;font-weight:600}.flow-subtitle{color:var(--muted);font-size:13px;line-height:1.4}.flow-stage:after{content:"";background:var(--signal);width:34px;height:3px;transition:scale .26s var(--motion-precise);border-radius:2px;margin-left:-17px;position:absolute;bottom:6px;left:50%;scale:0 1}.flow-stage:hover .flow-icon{border-color:var(--signal)}.flow-stage:focus-visible{outline:2px solid var(--signal);outline-offset:-2px;border-radius:14px}.flow-stage[aria-selected=true] .flow-icon{border-color:var(--signal);background:var(--signal);color:var(--accent-contrast);scale:1.06}.flow-stage[aria-selected=true] .flow-number{color:var(--accent-text)}.flow-stage[aria-selected=true]:after{scale:1}.flow-panels{margin-top:14px;display:grid}.flow-panel{border:1px solid var(--card-line);border-radius:var(--radius-card);background:var(--raised);opacity:0;visibility:hidden;transition:opacity .24s var(--motion-precise), translate .3s var(--motion-precise), visibility 0s linear .24s;flex-direction:column;grid-area:1/1;gap:20px;padding:26px 28px 16px;display:flex}.flow-panel[data-state=before]{translate:-14px}.flow-panel[data-state=after]{translate:14px}.flow-panel[data-state=active]{opacity:1;visibility:visible;transition-delay:0s;translate:none}.flow-panel-head{align-items:center;gap:16px;display:flex}.flow-panel-count{letter-spacing:-.04em;color:var(--accent-text);font:600 30px/1 Consolas,monospace}.flow-panel-count small{letter-spacing:0;color:var(--muted);font-size:14px;font-weight:500}.flow-panel-head h2{letter-spacing:-.035em;margin:0;font-size:24px}.flow-panel-head p{color:var(--muted);margin:2px 0 0;font-size:14px}.flow-panel-body{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.flow-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.flow-steps li{border:1px solid var(--card-line);background:color-mix(in srgb, var(--surface) 55%, var(--raised));border-radius:12px;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:14px 16px;display:grid}.flow-step-n{background:var(--signal);color:var(--accent-contrast);text-align:center;border-radius:6px;align-self:start;padding:2px 0;font:500 11px/1.4 Consolas,monospace}.flow-steps h3{letter-spacing:-.02em;margin:0;font-size:17px}.flow-steps p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.55}.flow-steps p.flow-step-summary{color:var(--text);margin:2px 0 6px;font-weight:500}.flow-visual{border:1px solid var(--card-line);background:color-mix(in srgb, var(--surface) 55%, var(--raised));border-radius:12px;margin:0;padding:16px;font-size:13px}.flow-visual figcaption,.flow-runbook>span,.flow-quote>span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font:500 10.5px/1.4 Consolas,monospace}.flow-visual figcaption{margin-bottom:12px}.flow-quote{margin:0 0 12px;font-size:15px;line-height:1.5}.flow-quote>span{background:color-mix(in srgb, var(--tone-lilac) 18%, transparent);color:var(--accent-text);border-radius:5px;margin-right:8px;padding:1px 7px;display:inline-block}.flow-scope,.flow-update{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.flow-scope>div,.flow-update>div{border:1px solid var(--card-line);background:var(--raised);border-radius:9px;padding:8px 10px}.flow-scope dt,.flow-update dt{font-weight:600}.flow-scope dd,.flow-update dd{color:var(--muted);margin:2px 0 0;font-size:12px;line-height:1.4}.flow-trace{gap:8px;margin:0;padding:0;font:12px/1.4 Consolas,monospace;list-style:none;display:grid}.flow-trace li{grid-template-columns:62px minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.flow-trace li>span:last-child{text-align:right;color:var(--muted)}.flow-trace svg{background:color-mix(in srgb, var(--line) 40%, transparent);border-radius:3px;width:100%;height:8px;display:block}.flow-trace rect{fill:var(--tone-ice)}.flow-trace li[data-hot] rect{fill:var(--signal)}.flow-trace li[data-hot]>span{color:var(--accent-text);font-weight:700}.flow-log{border:1px solid var(--card-line);background:var(--raised);white-space:pre-wrap;border-radius:9px;margin:12px 0 0;padding:10px 12px;font:12px/1.6 Consolas,monospace}.flow-results{border-collapse:collapse;width:100%}.flow-results th,.flow-results td{border-bottom:1px solid var(--card-line);text-align:left;padding:7px 8px;font-weight:400}.flow-results thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font:500 10.5px/1.4 Consolas,monospace}.flow-results tbody th{font-weight:500}.flow-results tr[data-state=differs]{background:color-mix(in srgb, var(--signal) 9%, transparent)}.flow-results tr[data-state=differs] td:last-child{color:var(--accent-text);font-weight:700}.flow-paths{gap:8px;margin:0;padding:0;list-style:none;display:grid}.flow-paths li{border-left:3px solid var(--tone-ice);background:var(--raised);border-radius:4px 9px 9px 4px;padding:8px 12px}.flow-paths li:nth-child(2){border-left-color:var(--tone-lilac)}.flow-paths li:nth-child(3){border-left-color:var(--tone-rose)}.flow-paths strong{font-size:14px;display:block}.flow-paths span{color:var(--muted)}.flow-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.flow-compare span{border:1px dashed var(--line);color:var(--muted);border-radius:9px;padding:8px 10px;font-size:12px;line-height:1.4}.flow-compare b{color:var(--text);font-size:13px;display:block}.flow-runbook{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0;display:flex}.flow-runbook b{border:1px solid var(--line);background:var(--raised);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:500}.flow-runbook i{color:var(--muted);font-style:normal}.flow-panel-foot{border-top:1px solid var(--card-line);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.flow-panel-foot>span{color:var(--muted);text-align:center;font-size:13px}.flow-panel-foot button{border:1px solid var(--card-line);min-height:40px;color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--motion-micro) var(--motion-precise);background:0 0;border-radius:999px;padding:8px 16px;font-size:14px}.flow-panel-foot button:hover{border-color:var(--signal)}.flow-panel-foot button:disabled{visibility:hidden}.flow-static{margin:16px 0 0;padding-left:20px;line-height:1.6}@media (max-width:900px){.flow-panel-body{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.flow-scroller{scroll-snap-type:x proximity}.flow-rail{min-width:760px}.flow-stage{scroll-snap-align:center}.flow-panel{padding:20px 18px 12px}.flow-panel-foot>span{display:none}.flow-panel-foot button{min-height:44px}}@media (prefers-reduced-motion:reduce){.flow-icon,.flow-number,.flow-stage:after,.flow-panel,.flow-panel-foot button{transition:none}.flow-stage[aria-selected=true] .flow-icon{scale:none}.flow-panel[data-state=before],.flow-panel[data-state=after]{translate:none}}@media (min-width:1101px){main[data-route=\/how-i-work]{padding-top:18px;padding-bottom:56px}main[data-route=\/how-i-work] h1{margin:8px 0 10px;font-size:clamp(48px,3vw,60px)}main[data-route=\/how-i-work] .lede{max-width:40em;margin:0;font-size:17px;line-height:1.55}.diagnostic-flow{margin:22px 0 28px}.flow-stage{gap:2px;padding:6px 8px 14px}.flow-icon{border-radius:13px;width:44px;height:44px;margin-bottom:6px}.flow-icon svg{width:21px;height:21px}.flow-track{top:28px}.flow-title{font-size:15.5px}.flow-stage:after{bottom:4px}.flow-panels{margin-top:6px}.flow-panel{gap:14px;padding:18px 22px 12px}.flow-panel-count{font-size:26px}.flow-panel-count small{font-size:13px}.flow-panel-head h2{font-size:21px}.flow-panel-head p{margin-top:0;font-size:13.5px}.flow-panel-body{gap:18px}.flow-steps{gap:10px}.flow-steps li{gap:10px;padding:11px 14px}.flow-steps h3{font-size:16px}.flow-steps p{line-height:1.5}.flow-visual{padding:13px 14px}.flow-panel-foot{padding-top:10px}}