:root{--bg:#fffdf2;--card:#ffffff;--ink:#0a0a0a;--text:#1a1a1a;--muted:#6b6b6b;--border:#e9e6d5;--border-strong:#d8d4bd;--surface:#faf7ea;--yellow:#ffe500;--yellow-ink:#0a0a0a;--yellow-soft:#fff6b0;--pii:#b42318;--pii-bg:#fef3f2;--pii-border:#fdd9d5;--tok:#3a3a3a;--tok-bg:#f1eed9;--tok-border:#e0dcbe;--val:#067647;--val-bg:#ecfdf3;--val-border:#a9e6c1;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--sans:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{text-decoration-thickness:3px}.wrap{max-width:1080px;margin:0 auto;padding:28px 20px 80px}.header{margin-top:4px}.header h1{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.header .tag{color:var(--muted);font-size:16px;margin:0;max-width:70ch}.header .tag strong{color:var(--ink)}.nav{display:flex;gap:20px;align-items:center;padding:6px 0 14px;font-size:14px;border-bottom:1px solid var(--border);margin-bottom:20px}.nav a{color:var(--muted);text-decoration:none;font-weight:600}.nav a.active,.nav a:hover{color:var(--ink)}.nav a.active{text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:6px}.tabs{display:inline-flex;gap:4px;margin:22px 0 6px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--card)}.tab{border:none;background:transparent;color:var(--muted);padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.tab.active{background:var(--yellow);color:var(--yellow-ink)}.section-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--muted);margin:22px 0 9px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border-strong);background:var(--card);color:var(--text);padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:500;cursor:pointer;transition:.12s;font-family:inherit}.chip.active,.chip:hover{border-color:var(--ink)}.chip.active{background:var(--yellow);color:var(--yellow-ink);font-weight:700}.chip .vendor{color:var(--muted);font-size:11px;margin-left:6px}.chip.active .vendor{color:#6b6b0a}.flowbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 2px}.flowbar .lead{font-size:13.5px;color:var(--muted)}.flowbar .lead b,.replay{color:var(--ink)}.replay{border:1px solid var(--border-strong);background:var(--card);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:.12s}.replay:hover{border-color:var(--ink);background:var(--yellow)}.flow{display:flex;align-items:stretch;gap:0;margin-top:12px}.stage{flex:1 1;min-width:0;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 15px;display:flex;flex-direction:column;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.15,.64,1),border-color .3s ease,box-shadow .3s ease}.stage.show{opacity:1;transform:none}.stage.active{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(255,229,0,.35)}.stage.home{background:linear-gradient(180deg,#fffef4,#fffdf6)}.stage.delivered.show{border-color:var(--val-border)}.stage-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.stage-n{width:22px;height:22px;border-radius:50%;background:var(--yellow);color:var(--yellow-ink);font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.stage.delivered .stage-n{background:var(--val);color:#fff}.stage-title{font-weight:700;font-size:13px;letter-spacing:-.01em}.stage-body{flex:1 1;font-family:var(--mono);font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);min-height:40px}.stage-body .who{color:var(--muted);font-style:italic;display:block;margin-bottom:6px}.stage-cap{margin-top:11px;font-size:11.5px;line-height:1.4;color:var(--muted)}.cursor{display:inline-block;width:7px;height:1.05em;vertical-align:-2px;background:var(--ink);margin-left:1px;animation:blink 1.05s step-end infinite}@keyframes blink{50%{opacity:0}}.conn{flex:0 0 62px;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 5px;text-align:center}.conn .arrow{font-size:20px;line-height:1;color:var(--border-strong);transition:color .3s ease}.conn .lbl{font-size:9.5px;line-height:1.15;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);opacity:0;transition:opacity .3s ease}.conn.on .arrow{color:var(--ink)}.conn.on .lbl{opacity:1}.conn.border .arrow,.conn.border.on .arrow{color:#cf3b2f}.conn.border .lbl{color:#b42318}mark.pii{background:var(--pii-bg);color:var(--pii);border:1px solid var(--pii-border);border-radius:4px;padding:0 3px;font-weight:600}mark.tok{background:var(--tok-bg);color:var(--tok);border:1px solid var(--tok-border);border-radius:4px;padding:0 4px;font-weight:700}mark.val{color:var(--val);border:1px solid var(--val-border);border-radius:4px;padding:0 3px;font-weight:600}.audit,mark.val{background:var(--val-bg)}.audit{border:1px solid var(--val-border);border-radius:14px;padding:14px 16px;margin-top:14px;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.audit.show{opacity:1;transform:none}.audit-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:baseline}.audit-head .ok{color:var(--val);font-weight:700;font-size:14.5px}.audit-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.a-item{border:1px solid var(--val-border);background:#fff;border-radius:8px;padding:5px 10px;font-size:12.5px;color:var(--text)}.a-item b{color:var(--ink)}.actions{margin-top:14px;display:flex;align-items:center;gap:14px}.btn{background:var(--ink);color:#fff;border:none;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit}.btn:disabled{opacity:.5;cursor:default}.saved{color:var(--val);font-size:13px;font-weight:600}.counter{border:1px solid var(--border-strong);border-radius:16px;background:linear-gradient(180deg,var(--yellow),#ffec55);padding:24px;text-align:center;margin-top:12px}.counter .big{font-size:42px;font-weight:800;letter-spacing:-.03em;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.counter .csub{color:#4a4a12;font-size:13.5px;margin-top:6px}.persist-note{color:var(--muted);font-size:12px;margin-top:8px}.muted{font-size:12.5px}.empty,.muted{color:var(--muted)}.empty{padding:12px 0}.empty,.ta{font-size:13px}.ta{width:100%;margin-top:10px;background:var(--card);color:var(--text);border:1px solid var(--border-strong);border-radius:12px;padding:12px 14px;font-family:var(--mono);line-height:1.6;resize:vertical}.ta:focus{outline:none;border-color:var(--ink)}.custom-note{margin-top:12px;font-size:12px;color:var(--muted)}.foot{margin-top:44px;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;max-width:80ch}.foot p{margin:6px 0}.prose{max-width:720px}.prose h1{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:18px 0 8px}.prose h2{font-size:19px;font-weight:700;margin:30px 0 8px}.prose p{color:var(--text);font-size:15.5px;line-height:1.72}.prose .lead{font-size:17px;color:var(--ink)}.prose ul{color:var(--text);font-size:15px;line-height:1.7;padding-left:20px}.prose li{margin:6px 0}.prose code{font-size:13px;border:1px solid var(--border);border-radius:4px;padding:1px 5px}.prose code,.prose pre{font-family:var(--mono);background:var(--surface);color:var(--ink)}.prose pre{border:1px solid var(--border);border-left:4px solid var(--yellow);border-radius:12px;padding:14px 16px;overflow-x:auto;font-size:12.5px;line-height:1.7}.prose pre code{background:none;border:none;padding:0}.prose .cta{margin-top:34px;padding-top:16px;border-top:1px solid var(--border);font-size:14.5px}.tablewrap{overflow-x:auto;margin:16px 0}.btable{width:100%;border-collapse:collapse;font-size:14px}.btable td,.btable th{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.btable th{color:var(--muted);font-weight:600;font-size:12.5px}.btable td.mono{font-family:var(--mono);color:var(--muted)}.v{font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;border:1px solid var(--border-strong)}.v.raw{color:var(--pii);background:var(--pii-bg);border-color:var(--pii-border)}.v.shielded{color:var(--val);background:var(--val-bg);border-color:var(--val-border)}.v.tie{color:var(--muted)}@media (max-width:900px){.flow{flex-direction:column}.stage{flex:none}.conn{flex-direction:row;flex:none;height:40px;gap:8px}.conn .arrow{transform:rotate(90deg)}.conn .lbl{text-transform:none;letter-spacing:0;font-size:11px}}@media (prefers-reduced-motion:reduce){.audit,.stage{transition:none}.cursor{animation:none;display:none}}