.workflow-map{color:#c1cedb;margin-top:24px}.map-tab{color:#64d9d3;background:#1b3e50;border:5px solid #0b1630;border-radius:15px;align-items:center;gap:10px;width:max-content;margin-bottom:20px;padding:5px 18px;font-size:18px;display:flex}.map-stage{background:#0b1834;border:1px solid #223356;border-radius:20px;position:relative;overflow:hidden}.map-toolbar{z-index:2;background:#111f42;flex-direction:column;display:flex;position:absolute;bottom:20px;left:18px}.map-toolbar button{color:#a2b4dd;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #243252;place-items:center;width:34px;height:34px;padding:0;display:grid}.map-toolbar button:hover{color:#fff;background:#243252}.map-canvas{touch-action:none;cursor:grab;background-image:radial-gradient(#294267 1px,#0000 1px);background-size:28px 28px;width:100%;height:560px;display:block}.map-canvas:active{cursor:grabbing}.map-canvas [data-node]{cursor:pointer;outline:none}.map-canvas [data-node]:focus .map-node-body{stroke:#d4a84f;stroke-width:3px}.map-node-body{filter:drop-shadow(0 4px 4px #030b1740)}.map-details{overflow-wrap:anywhere;background:#0b1834;border:1px solid #223356;border-radius:16px;margin-top:24px;padding:18px;font-size:13px}.map-details strong{color:#d4a84f}.map-details p{margin:6px 0}@media (max-width:600px){.map-canvas{height:440px}.map-toolbar button{width:44px;height:44px}.map-toolbar{bottom:12px;left:12px}}
.workflow-page{background:var(--navy);color:#f3f6fc;min-height:100vh}.workflow-page-header{color:#a9bdd1;font:10px var(--mono);letter-spacing:.1em;border-bottom:1px solid #294461;justify-content:space-between;align-items:center;padding:20px 5vw;display:flex}.workflow-exit{color:#d4a84f;font:600 12px var(--sans);border:1px solid #d4a84f;padding:11px 15px;text-decoration:none}.workflow-exit:hover{color:var(--navy);background:#d4a84f}.workflow-page-content{max-width:1320px;margin:0 auto;padding:72px 5vw 100px}.workflow-page-content h1{font:600 clamp(38px,5vw,70px)/1 var(--display);letter-spacing:-.06em;margin:0}.workflow-page-meta{color:#a9bdd1;font:12px var(--mono);margin:18px 0 38px}.workflow-page-summary{grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:38px;display:grid}.workflow-page-summary>div{background:#102b4a;border:1px solid #294461;padding:18px}.workflow-page-summary b{color:#d4a84f;font:10px var(--mono);text-transform:uppercase}.workflow-page-summary p{color:#c8d7e4;margin:10px 0 0;font-size:13px;line-height:1.55}@media (max-width:800px){.workflow-page-header{flex-direction:column;align-items:flex-start;gap:14px}.workflow-page-summary{grid-template-columns:1fr 1fr}}@media (max-width:520px){.workflow-page-summary{grid-template-columns:1fr}.workflow-page-content{padding-top:50px}}.workflow-page-shot{background:#fff;border:1px solid #d6dde6;border-radius:10px;width:100%;height:auto;margin-top:28px;display:block}.wf-window{background:#fff;border:1px solid #d6dde6;border-radius:14px;margin:0 0 34px;overflow:hidden;box-shadow:0 24px 60px #00000047}.wf-bar{background:#eef1f5;border-bottom:1px solid #d6dde6;align-items:center;gap:7px;padding:12px 16px;display:flex}.wf-bar i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.wf-bar i:nth-child(2){background:#febc2e}.wf-bar i:nth-child(3){background:#28c840}.wf-bar span{text-align:center;color:#5b6b80;font:500 13px var(--sans);flex:1;margin-right:40px}.wf-canvas{color:#101f38;background:#fbfbf8 radial-gradient(#d6dde6 1px,#0000 1.2px) 0 0/18px 18px;padding:34px clamp(14px,3vw,36px) 30px}.wf-row{flex-wrap:wrap;justify-content:center;row-gap:26px;margin:0;padding:0;list-style:none;display:flex}.wf-step{--w:128px;width:var(--w);text-align:center;align-content:start;justify-items:center;gap:3px;display:grid;position:relative}.wf-step+.wf-step:before{content:"";width:calc(var(--w) - 68px);background:#d3d9e1;height:2px;position:absolute;top:31px;right:calc(50% + 34px)}.wf-step+.wf-step:after{content:"";width:10px;height:10px;animation:1.6s linear infinite wf-dot;animation-delay:var(--d);background:#1e4083;border-radius:50%;position:absolute;top:27px;right:calc(50% + 34px);box-shadow:0 0 0 4px #1e408322}@keyframes wf-dot{0%{transform:translateX(calc(78px - var(--w)));opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(0)}}.wf-tile{color:#1e4083;background:#fff;border:1px solid #d6dde6;border-radius:16px;place-items:center;width:64px;height:64px;margin-bottom:6px;transition:transform .3s,box-shadow .3s,border-color .3s,background-color .3s;display:grid;box-shadow:0 4px 12px #101f3814}.wf-step b{font:600 13px/1.25 var(--sans);color:#101f38}.wf-step small{color:#6b7a8f;font-size:11px;line-height:1.3}.wf-step.is-done .wf-tile{border-color:#9fb3cf}.wf-step.is-active .wf-tile{background:#e8effa;border-color:#1e4083;transform:translateY(-3px)scale(1.06);box-shadow:0 0 0 5px #1e408318,0 10px 22px #1e408338}.wf-step.is-active b{color:#1e4083}.wf-split{text-align:center;color:#8a6416;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:28px 0 14px}.wf-split:before{content:"↓ "}.wf-lane{border-top:1px dashed #d6dde6;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:12px;padding:16px 0;display:grid}.wf-lane-label{color:#8a6416;font:600 12px var(--sans);background:#fff8e8;border:1px solid #e3c98f;border-radius:999px;justify-self:start;margin-top:20px;padding:6px 12px}.wf-lane .wf-row{justify-content:flex-start}@media (max-width:700px){.wf-lane{grid-template-columns:1fr}.wf-lane-label{margin-top:0}.wf-step{--w:104px}}@media (prefers-reduced-motion:reduce){.wf-step:after{animation:none;display:none}.wf-tile{transition:none}}.workflow-page-proof{color:#a9bdd1;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:8px 0 12px}.wf-step small{color:#556274}