.simplified-workflow{border-top:1px solid var(--line);padding-block:80px}
.workflow-heading{margin-bottom:40px}
.workflow-heading h2{margin-bottom:20px}
.workflow-intro{font-size:17px;line-height:1.75;color:#596372;max-width:600px;margin:0}
.workflow-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:start}
.workflow-tabs{display:flex;flex-direction:column;gap:8px}
.workflow-step{appearance:none;text-align:left;color:var(--ink);font:inherit;cursor:pointer;width:100%;padding:20px 22px;border:1px solid #e5e8ee;border-radius:13px;background:white;transition:background .15s,border-color .15s}
.workflow-step:hover{background:#f8faff;border-color:#b7c7ed}
.workflow-step[aria-selected=true]{background:#f3f6ff;border-color:var(--blue);box-shadow:inset 3px 0 var(--blue)}
.workflow-step-title{display:flex;align-items:center;gap:14px}
.workflow-number{font-size:12px;font-weight:600;color:#67778c;font-variant-numeric:tabular-nums}
.workflow-step-title>strong{font-size:19px;font-weight:550;letter-spacing:-.025em}
.workflow-selected-arrow{margin-left:auto;color:var(--blue);opacity:0;font-size:22px}
.workflow-step[aria-selected=true] .workflow-selected-arrow{opacity:1}
.workflow-step[aria-selected=true] .workflow-number{color:var(--blue)}
.workflow-responsibilities{display:grid;gap:10px;margin:13px 0 0 30px}
.workflow-responsibilities>span{display:grid;grid-template-columns:97px 1fr;gap:10px;font-size:13px;line-height:1.55}
.workflow-responsibilities b{font-weight:600;color:var(--blue)}
.workflow-responsibilities>span+span b{color:#273448}
.workflow-responsibilities>span>span{color:#576273}
.workflow-example{border:1px solid #e2e7ef;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 15px 45px -25px #18356226}
.workflow-art{height:270px;background:#f3f5f9;overflow:hidden;border-bottom:1px solid #e4e8ef;display:grid;place-items:center}
.workflow-art>div{width:100%;height:100%}
.workflow-messages{display:flex;flex-direction:column;gap:17px;padding:26px;background:#fafbfc}
.workflow-messages .message-row{max-width:96%}
.workflow-messages .message-out{max-width:85%}
.workflow-messages .message-sender{font-size:12px}
.workflow-messages .chat-bubble{font-size:15px;line-height:1.6;padding:12px 15px}
.workflow-caption{font-size:.6875rem;line-height:1.6;color:#6d7786;text-align:center;padding:15px 20px;margin:0;border-top:1px solid #e9ecf1}
.workflow-controls{display:flex;align-items:center;gap:18px;margin-top:24px}
.workflow-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d4ddeb;border-radius:50%;background:#fff;color:var(--blue);font-size:22px;cursor:pointer}
.workflow-controls button:hover:enabled{background:var(--blue);color:white}
.workflow-controls button:disabled{opacity:.3;cursor:default}
.workflow-controls>span{font-size:12px;color:#626e80;font-variant-numeric:tabular-nums}
.art-label{font-size:11px;font-weight:650;letter-spacing:.9px;color:#51617b}
.terms-art{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
.art-document{width:86%;max-width:340px;padding:18px 22px;background:white;border:1px solid #dbe2ec;border-radius:11px;box-shadow:0 10px 25px #1936650a}
.art-document p{font-size:19px;line-height:1.6;letter-spacing:-.02em;margin:10px 0 14px}
.art-document mark{color:#133fce;background:#edf2ff;padding:2px 5px;border-radius:3px}
.art-rule{height:3px;width:87%;background:#e9edf3;margin-top:6px;border-radius:3px}.art-rule.short{width:62%}
.extract-arrow{font-size:24px;color:var(--blue);line-height:1.3}
.term-chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.term-chips>span{background:white;border:1px solid #dfe5f0;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:550}
.term-chips .open-term{background:#eaf0ff;color:var(--blue);border-color:#bccbf4}
.dock-art{position:relative}
.dock-art img{width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block}
.dock-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0816289e)}
.dock-status{position:absolute;bottom:20px;left:20px;right:20px;z-index:1;padding:13px 15px;border-radius:10px;background:#fffffff5;color:#283344;font-size:12px;display:flex;align-items:center;gap:8px;box-shadow:0 5px 20px #00000015}
.dock-status strong{margin-left:auto;font-weight:600;color:var(--blue)}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);flex-shrink:0}
.packet-art{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
.packet-sheet{width:90%;max-width:390px;background:white;border:1px solid #dbe2ec;border-radius:13px;padding:22px;box-shadow:0 10px 25px #1936650a}
.packet-amount{display:block;font-size:44px;font-weight:550;letter-spacing:-.055em;margin:8px 0 17px;line-height:1.3}
.packet-amount>span{font-size:14px;color:#647085;letter-spacing:0;font-weight:400}
.packet-checks{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #e5eaf2;padding-top:16px;font-size:12px;color:#4d5b6f}
.packet-checks i{font-style:normal;color:var(--blue);margin-right:3px}
.packet-ready{font-size:12px;font-weight:550;color:var(--blue);padding:10px 15px;background:#e9efff;border:1px solid #d7e1fc;border-radius:20px;margin-top:-1px}
.follow-art{display:flex;flex-direction:column;justify-content:center;padding:30px}
.follow-art>.art-label{text-align:center}
.follow-track{display:flex;margin:25px 0 12px}
.follow-track>div{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.follow-track>div:not(:last-child):after{content:'';height:1px;position:absolute;top:23px;left:calc(50% + 24px);width:calc(100% - 48px);background:#b9c8e6}
.follow-node{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:white;border:1px solid #cfd9ec;color:var(--blue);font-size:21px}
.follow-current .follow-node{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 0 0 6px #e6edff}
.follow-node.pending{color:#7b8698;border-style:dashed}
.follow-track strong{font-size:13px;font-weight:550;color:#455369}
.follow-current strong{color:var(--blue)}
.follow-art>p{text-align:center;color:#637188;font-size:13px;margin:15px 0 0}
@media(max-width:1100px){.workflow-grid{gap:30px}.workflow-step{padding:17px}.workflow-responsibilities{margin-left:0}.workflow-responsibilities>span{grid-template-columns:90px 1fr}.workflow-messages{padding:22px}}
@media(max-width:800px){.simplified-workflow{padding-block:60px}.workflow-grid{grid-template-columns:1fr;gap:25px}.workflow-heading{margin-bottom:30px}.workflow-heading h2{font-size:36px}.workflow-step{padding:14px 18px}.workflow-step-title>strong{font-size:17px}.workflow-step:not([aria-selected=true]) .workflow-responsibilities{display:none}.workflow-responsibilities{margin-top:14px}.workflow-responsibilities>span{grid-template-columns:100px 1fr;font-size:14px}.workflow-controls{justify-content:center;margin-top:18px}.workflow-example{max-width:580px;width:100%;margin:auto}.workflow-intro{font-size:16px}.workflow-intro br{display:none}}
@media(max-width:450px){.workflow-grid{gap:24px}.workflow-step-title>strong{font-size:16px}.workflow-responsibilities>span{grid-template-columns:90px 1fr;font-size:13px;gap:8px}.workflow-art{height:240px}.workflow-messages{padding:20px 14px;gap:15px}.workflow-messages .chat-bubble{font-size:14px;padding:11px 12px}.terms-art{padding:18px 12px}.art-document{width:95%;padding:16px}.term-chips{gap:5px}.term-chips>span{font-size:11px;padding:6px 8px}.art-document p{font-size:18px}.packet-art{padding:16px}.packet-sheet{width:100%;padding:18px}.packet-checks{font-size:11px;gap:5px}.dock-status{left:12px;right:12px;bottom:14px;font-size:11px;padding:11px 10px}.follow-art{padding:20px 12px}.follow-track strong{font-size:12px}.workflow-caption{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.workflow-step{transition:none}}
.workflow-art{grid-template-rows:minmax(0,1fr)}.workflow-art>div{min-height:0}.dock-art img{position:absolute;inset:0}
