/* Workflow text retains the site's two-point increase. */
.workflow-preview{background:linear-gradient(135deg,#fff,#f8f5fd);border:1px solid #ded4ed;border-radius:14px;padding:30px;min-width:0;box-shadow:0 18px 45px #4c347c08}.diagram-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.diagram-heading .eyebrow{font-size:calc(8px + 3pt);letter-spacing:1px;color:#73528d}.diagram-badge{font-size:calc(7px + 3pt);letter-spacing:1px;border:1px solid #deceed;background:#f3ecfc;border-radius:20px;padding:5px 10px;color:#775192}.workflow-preview>h3{font-size:calc(25px + 3pt);margin-bottom:25px;line-height:1.3}.diagram-nodes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:12px}.diagram-nodes li{display:flex;align-items:center;gap:15px;border:1px solid #e5dbee;border-radius:8px;background:#fff;padding:15px 18px;position:relative}.diagram-step-number{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f0e8fa;font-size:calc(10px + 3pt);color:#765393;flex-shrink:0}.diagram-nodes b{font-size:calc(12px + 3pt);font-weight:500;line-height:1.4;display:block}.diagram-nodes small{font-size:calc(6px + 3pt);letter-spacing:.7px;color:#776183;display:block;margin-top:4px;line-height:1.5}.diagram-connector{position:absolute;bottom:-16px;left:50%;font-size:14px;color:#b69acb;line-height:1;z-index:1;background:#f8f5fd;padding-inline:3px}.diagram-nodes li:last-child .diagram-connector{display:none}.workflow-preview figcaption{font-size:calc(10px + 3pt);color:#796087;margin-top:22px;line-height:1.7}.workflow-preview>.inline-link{font-size:calc(10px + 3pt);margin-top:16px}.home-workflow-preview .diagram-nodes{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.home-workflow-preview .diagram-nodes li{display:block;padding:23px 18px}.home-workflow-preview .diagram-step-number{margin-bottom:18px}.home-workflow-preview .diagram-nodes b{font-size:calc(13px + 3pt);min-height:48px}.home-workflow-preview .diagram-nodes small{font-size:calc(6px + 3pt);margin-top:12px;min-height:30px}.home-workflow-preview .diagram-connector{left:auto;right:-16px;top:50%;bottom:auto;transform:rotate(-90deg)}.home-workflow-preview .workflow-preview{padding:35px}.workflow-library{padding-top:55px}.workflow-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:35px}.workflow-picker button{font-size:calc(11px + 3pt);text-align:left;display:flex;align-items:center;gap:12px;background:transparent;border:1px solid #e3d8ed;border-radius:7px;padding:17px;color:#6e547e;line-height:1.5}.workflow-picker button>span{font-size:calc(8px + 3pt);color:#8c719e}.workflow-picker button[aria-selected=true]{background:#eee5fa;border-color:#c8ade4;color:#715094}.workflow-picker button:hover{border-color:#b69acb}.workflow-panel[hidden]{display:none}.workflow-panel{padding:38px;background:linear-gradient(145deg,#fcfaff,#fff);border:1px solid #e1d4ee;border-radius:15px;box-shadow:0 15px 50px #4c347c06}.workflow-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.workflow-panel-heading .eyebrow{font-size:calc(8px + 3pt);letter-spacing:1.2px;color:#7a5c8d}.workflow-panel-heading h2{font-size:35px;margin-block:18px;max-width:650px}.workflow-panel-heading p:not(.eyebrow){font-size:calc(12px + 3pt);color:#796583;max-width:660px}.diagram-download{font-size:calc(10px + 3pt);color:#79528f;white-space:nowrap;margin-top:4px}.diagram-download:hover{text-decoration:underline}.animated-flow{list-style:none;padding:0;margin:40px 0 30px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.animated-flow>li{position:relative;min-width:0}.animated-flow>li:not(:last-child):after{content:'→';position:absolute;right:-15px;top:34px;font-size:15px;color:#b197c5}.flow-step{width:100%;height:100%;background:white;border:1px solid #e7ddee;border-radius:10px;display:flex;align-items:flex-start;flex-direction:column;text-align:left;padding:20px 16px;transition:background .3s,border-color .3s,transform .3s;min-height:195px;color:var(--ink)}.flow-step-icon{width:35px;height:35px;border:1px solid #e8dcf2;border-radius:50%;display:grid;place-items:center;font-size:calc(10px + 3pt);color:#77558d;margin-bottom:18px;background:#faf6ff}.flow-step>b{font-size:calc(12px + 3pt);font-weight:500;line-height:1.45;letter-spacing:-.3px}.flow-step>small{display:block;font-size:calc(6px + 3pt);letter-spacing:.5px;color:#80668f;margin-top:auto;padding-top:13px;line-height:1.6}.flow-step.active{background:#eee4fb;border-color:#b491d6;transform:translateY(-4px);box-shadow:0 8px 25px #8a64b610}.flow-step.active .flow-step-icon{background:#8860b8;border-color:#8860b8;color:white}.flow-step.complete{background:#f4f1f8;border-color:#dbcae9}.flow-step.complete .flow-step-icon{background:#e7dcf1;color:#9972b6;border-color:#d7c0e7}.flow-step:hover{border-color:#b491d6}.flow-detail{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;border:1px solid #e5d8ee;background:white;border-radius:10px;padding:25px 28px;min-height:180px;align-items:center}.flow-detail-count{font-size:calc(7px + 3pt);letter-spacing:1px;color:#806191}.flow-detail-title{font-size:calc(21px + 3pt);margin-block:9px;line-height:1.4}.flow-detail-owner{font-size:calc(7px + 3pt);letter-spacing:.5px;color:#7b5a8e;display:block}.flow-detail-copy{font-size:calc(13px + 3pt);color:#715780;line-height:1.9}.flow-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.flow-controls>div{display:flex;align-items:center;gap:9px}.flow-controls button{font-size:calc(11px + 3pt);border:1px solid #dfcdea;border-radius:5px;padding:10px 15px;background:#fff;color:#79528f;line-height:1.5}.flow-controls .flow-play{background:#8760b2;color:#fff;border-color:#8760b2;min-width:145px}.flow-controls button:disabled{opacity:.35;cursor:default}.flow-position{font-size:calc(9px + 3pt);color:#826694;margin-left:6px}.flow-controls>p{font-size:calc(8px + 3pt);color:#856b94}.flow-outcome{padding-top:25px;margin-top:25px;border-top:1px solid #e7dcef;font-size:calc(12px + 3pt);color:#76528b;line-height:1.8}.flow-outcome>span{display:block;font-size:calc(7px + 3pt);letter-spacing:1px;color:#856997;margin-bottom:8px}.workflow-disclaimer{font-size:calc(9px + 3pt);line-height:1.9;color:#846e90;margin-top:25px;max-width:850px}.is-playing .flow-step.active .flow-step-icon{animation:flow-beat 1.8s ease-in-out infinite}@keyframes flow-beat{0%,100%{box-shadow:0 0 0 0 #a37dc533}50%{box-shadow:0 0 0 7px #a37dc51a}}
@media(max-width:1100px){.home-workflow-preview .diagram-nodes li{padding:20px 13px}.home-workflow-preview .diagram-nodes b{font-size:calc(11px + 3pt)}.workflow-panel{padding:30px}.animated-flow{gap:13px}.animated-flow>li:not(:last-child):after{right:-13px;font-size:13px}.flow-step{padding:17px 12px;min-height:210px}.flow-step>b{font-size:calc(11px + 3pt)}.flow-controls{flex-wrap:wrap}.workflow-picker button{font-size:calc(10px + 3pt);padding:14px;gap:8px}.workflow-panel-heading{display:block}.diagram-download{display:inline-block;margin-top:20px}.flow-detail{gap:25px;grid-template-columns:1fr 1.2fr}.workflow-panel-heading h2{font-size:32px}}
@media(max-width:760px){.workflow-picker{grid-template-columns:1fr 1fr;gap:8px}.workflow-picker button{font-size:calc(10px + 3pt);padding:13px}.workflow-panel{padding:25px}.animated-flow{grid-template-columns:1fr;margin-top:30px;gap:15px}.animated-flow>li:not(:last-child):after{content:'↓';top:auto;bottom:-16px;left:50%;right:auto;line-height:1.2}.flow-step{min-height:0;display:grid;grid-template-columns:35px 1fr;column-gap:14px;align-items:center;padding:16px 18px}.flow-step-icon{margin:0;grid-row:1/3}.flow-step>b{font-size:calc(13px + 3pt)}.flow-step>small{margin:0;padding-top:5px;font-size:calc(7px + 3pt)}.flow-step.active{transform:none}.flow-detail{grid-template-columns:1fr;gap:15px;padding:22px;min-height:250px}.flow-detail-title{font-size:calc(23px + 3pt)}.flow-detail-copy{font-size:calc(12px + 3pt)}.flow-controls{display:block}.flow-controls>p{margin-top:18px}.flow-controls button{padding:10px 13px}.flow-controls .flow-play{min-width:135px}.home-workflow-preview .diagram-nodes{grid-template-columns:1fr}.home-workflow-preview .diagram-nodes li{display:flex;padding:16px 20px}.home-workflow-preview .diagram-step-number{margin:0}.home-workflow-preview .diagram-nodes b{min-height:0;font-size:calc(12px + 3pt)}.home-workflow-preview .diagram-nodes small{min-height:0;margin-top:5px;font-size:calc(7px + 3pt)}.home-workflow-preview .diagram-connector{transform:none;left:50%;right:auto;top:auto;bottom:-16px}.home-workflow-preview .workflow-preview{padding:25px}.workflow-preview{padding:25px}.workflow-preview>h3{font-size:calc(23px + 3pt)}.diagram-heading .eyebrow{font-size:calc(7px + 3pt)}.diagram-badge{font-size:calc(6px + 3pt)}.workflow-panel-heading h2{font-size:30px}}
@media(max-width:480px){.workflow-library{padding-top:35px}.workflow-panel{padding:20px}.workflow-picker button{font-size:calc(9px + 3pt);gap:7px;padding:12px}.workflow-picker button>span{font-size:calc(7px + 3pt)}.workflow-panel-heading .eyebrow{font-size:calc(7px + 3pt)}.workflow-panel-heading h2{font-size:27px}.workflow-panel-heading p:not(.eyebrow){font-size:calc(11px + 3pt)}.flow-step{padding:15px 13px;gap:5px 10px}.flow-step>b{font-size:calc(11px + 3pt)}.flow-step>small{font-size:calc(6px + 3pt)}.flow-detail{padding:18px;min-height:270px}.flow-detail-title{font-size:calc(20px + 3pt)}.flow-detail-copy{font-size:calc(11px + 3pt)}.flow-controls>div{gap:7px;flex-wrap:wrap}.flow-controls .flow-play{min-width:0;padding:10px 12px;font-size:calc(10px + 3pt)}.flow-controls button{padding:10px}.flow-position{font-size:calc(8px + 3pt);margin-left:2px}.flow-outcome{font-size:calc(11px + 3pt)}.diagram-heading{gap:10px;flex-wrap:wrap}.diagram-nodes li{padding:14px;gap:12px}.diagram-nodes b{font-size:calc(11px + 3pt)}.diagram-nodes small{font-size:calc(6px + 3pt)}.workflow-preview>h3{font-size:calc(21px + 3pt)}.workflow-preview figcaption{font-size:calc(9px + 3pt)}.workflow-preview>.inline-link{font-size:calc(9px + 3pt)}}
@media(prefers-reduced-motion:reduce){.is-playing .flow-step.active .flow-step-icon{animation:none}.flow-step{transition:none}}