.flow{grid-template-columns:1fr 1fr;grid-template-areas:"a b""c c""d e";gap:28px 96px;max-width:1000px;margin:72px auto 0;display:grid;position:relative}.fcard{z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;padding:28px;transition:transform .2s,border-color .2s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a}.fcard:hover{border-color:var(--line-2);transform:translateY(-3px)}.fc-ai{width:33px;height:33px;position:absolute;top:24px;right:24px}.fcard h3{letter-spacing:-.025em;font-size:24px;font-weight:300;line-height:1.25}.fcard p{color:var(--muted);font-size:16px}.fc-a{grid-area:a}.fc-b{grid-area:b}.fc-d{grid-area:d}.fc-e{grid-area:e}.fc-c{grid-area:c;justify-self:center;width:min(440px,100%)}.fcard.fc-c{background:#ffffff0b;border-color:#34d39940}.fc-c .eyebrow{background:var(--mint);color:var(--green);border-color:#34d39938}.wf-track{height:260vh;position:relative}.wf-pin{flex-direction:column;justify-content:center;height:100vh;padding-top:72px;display:flex;position:sticky;top:0;overflow:hidden}.wf-pin>.wrap{transform-origin:50%;width:100%}.wf .flow{margin-top:0}.wf-lines{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wf-lines path{fill:none;stroke-width:1.5px}.wf-lines .base{stroke:#2a2f3d;stroke-dasharray:4 6}.wf-lines .dot{transition:opacity .3s}.wf .fcard{opacity:.65;transition:opacity .8s,transform .8s,border-color .8s,box-shadow .8s;transform:scale(.97)}.wf .fcard.on{opacity:1;border-color:var(--c);box-shadow:0 0 0 1px var(--c), 0 20px 60px -20px var(--c), inset 0 1px 0 #ffffff0f;transform:none}.wf .fc-a{--c:#f47c7c73}.wf .fc-b{--c:#8bb4ff73}.wf .fc-c{--c:#34d39980}.wf .fc-d{--c:#a78bfa80}.wf .fc-e{--c:#34d39973}.wf-steps{z-index:2;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.wf-steps span{background:#2a2f3d;border-radius:2px;width:3px;height:14px;transition:background .4s}.wf-steps span.on{background:var(--green)}.tx{flex-direction:column;gap:18px;padding:24px;display:flex}.tx-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:14px;display:flex}.rec{color:var(--red);align-items:center;gap:8px;font-weight:500;display:inline-flex}.rec i{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #f47c7c80}to{box-shadow:0 0 0 8px #f47c7c00}}.msg{flex-direction:column;gap:6px;transition:opacity .5s,transform .5s;display:flex}.msg .who{color:var(--soft);font-size:14px;font-weight:500}.msg .b{background:var(--surface-3);color:#dde0e7;border:1px solid var(--line);border-radius:8px;padding:14px 16px;font-size:16px}.msg.doc .who{color:var(--green)}.msg.doc .b{background:var(--mint);color:#c9f5e2;border-color:#34d39933}.wave{align-items:center;gap:3px;height:28px;display:flex}.wave span{background:var(--green);border-radius:3px;width:3px;animation:1s ease-in-out infinite wv}@keyframes wv{0%,to{height:6px}50%{height:24px}}.soap{overflow:hidden}.soap-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:18px 24px;font-size:14px;display:flex}.soap-tabs{background:var(--bg);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.soap-tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500}.soap-tabs button.on{background:var(--surface-3);color:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}.note{flex-direction:column;gap:18px;padding:26px;display:flex}.note-sec h4{align-items:center;gap:10px;margin:0 0 6px;font-size:16px;font-weight:500;display:flex}.note-sec p{color:var(--muted);font-size:15.5px;line-height:1.55}.chk{letter-spacing:.06em;background:var(--mint);color:var(--green);border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.chk.warn{background:var(--yellow-soft);color:var(--yellow)}.stamp{border:1.5px solid var(--purple);color:var(--purple);letter-spacing:.18em;background:var(--purple-soft);border-radius:6px;align-self:flex-end;margin-bottom:-6px;padding:6px 12px;font-size:13px;font-weight:600;transform:rotate(6deg)}.score{border-top:1px solid var(--line);align-items:center;gap:14px;padding-top:16px;display:flex}.score-bar{background:var(--bg);border-radius:5px;flex:1;height:8px;overflow:hidden}.score-bar i{background:linear-gradient(90deg,#f47c7c 0%,#f2b14c 45%,#34d399 100%) 0 0/106.383% 100%;border-radius:5px;width:94%;height:100%;display:block}.score b{font-size:15px;font-weight:500}.vit{gap:18px;width:66.667%;margin:0 auto;display:grid}.vcard{padding:22px 24px}.vcard:nth-child(2){margin-left:0}.vtop{justify-content:space-between;align-items:center;display:flex}.vcard h4{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:300}.vcard .st{color:var(--muted);margin-top:2px;font-size:16px}.vcard .st b{font-weight:600}.hi{color:var(--yellow)}.ok{color:var(--green)}.vcard svg.ch{width:100%;height:72px;margin-top:14px;display:block}.vit .vcard{position:relative}.vit .chw{margin-top:14px;position:relative}.vit .chw svg.ch{margin-top:0}.vit .vdot{opacity:0;pointer-events:none;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.insight{background:var(--bg);color:#dde0e7;border:1px solid #34d39940;border-radius:10px;align-items:flex-start;gap:12px;margin-right:0;padding:16px 18px;font-size:15px;display:flex}.insight .ai{background:var(--mint);height:28px;color:var(--green);border-radius:5px;flex:0 0 28px;justify-content:center;align-items:center;display:inline-flex}.risk{overflow:hidden}.risk-h{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:18px 22px;font-size:14px;display:flex}.risk-h b{color:var(--text);font-size:16px;font-weight:500}.rr{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 22px;display:grid}.rr:last-child{border-bottom:0}.av{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:inline-flex}.rr .n{font-size:16px;font-weight:500}.rr .s{color:var(--muted);font-size:14px}.sev{border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.sev i{background:currentColor;border-radius:50%;width:7px;height:7px}.sev.h{background:var(--red-soft);color:var(--red)}.sev.m{background:var(--yellow-soft);color:var(--yellow)}.sev.l{background:var(--mint);color:var(--green)}@media (width<=860px),(height<=640px),(prefers-reduced-motion:reduce){.wf-track{height:auto}.wf-pin{height:auto;padding-top:48px;position:static}.wf .fcard{opacity:1;transform:none}.wf-lines,.wf-steps{display:none}}@media (width<=860px) and (prefers-reduced-motion:no-preference){.wf .flow{grid-template-areas:"c""b""a""d""e";padding-left:30px}.wf .fcard{opacity:.65;transform:none}.wf-rail{z-index:0;background:#2a2f3d;border-radius:2px;width:2px;position:absolute;left:8px}.wf-rail i{background:linear-gradient(#34d399 0%,#8bb4ff 30%,#f47c7c 55%,#b49cff 78%,#34d399 100%);border-radius:2px;width:100%;height:0;position:absolute;top:0;left:0;box-shadow:0 0 10px #8bb4ff73}.wf-node{z-index:0;background:#2a2f3d;border-radius:0 2px 2px 0;width:23px;height:2px;margin-top:-1px;position:absolute;left:8px;overflow:hidden}.wf-node:after{content:"";background:var(--nc);box-shadow:0 0 10px var(--nc);transform-origin:0;transition:transform .5s;position:absolute;inset:0;transform:scaleX(0)}.wf-node.on:after{transform:scaleX(1)}}@media (width>=861px){.wf-rail,.wf-node{display:none}}@media (width<=1024px){.flow{gap:24px 40px}}@media (width<=860px){.flow{grid-template-columns:1fr;grid-template-areas:"a""b""c""d""e";margin-top:48px}.fc-c{width:100%}.vcard:nth-child(2){margin-left:0}.insight{margin-right:0}}