/* Workflows page, built from the approved "Workflows version A: Live canvas" design.
   The hero is the platform's workflow canvas running a fictional workflow by itself.
   Wide screens (1024px+): the canvas keeps its 1440px design layout, scaled to fit.
   Smaller screens: the same steps stack into a vertical flow.
   Reduced motion, ?reveal=off or no JavaScript: everything is shown finished and still. */

.workflows-page{--hh:85px;--g:clamp(20px,4.45vw,64px);line-height:normal;overflow-x:clip;color:#083333}
.workflows-page section{scroll-margin-top:90px}
.workflows-page h1,.workflows-page h2,.workflows-page h3{font-family:inherit;color:inherit;font-weight:inherit;text-wrap:balance;margin:0}
.workflows-page h1 span,.workflows-page h2 span,.workflows-page h2 em{color:inherit;margin-top:0}
.workflows-page p{text-wrap:pretty;margin:0}
:where(.workflows-page) ul,:where(.workflows-page) ol{list-style:none;margin:0;padding:0}
.workflows-page button{font-family:inherit;color:inherit;cursor:pointer}
.workflows-page :focus-visible{outline:2px solid #083333;outline-offset:4px}
.workflows-page ::selection{background:#E8D3C0}
.workflows-page summary{list-style:none;cursor:pointer}
.workflows-page summary::-webkit-details-marker{display:none}
.workflows-page svg{flex-shrink:0}
.wa-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wa-wrap{width:min(1240px,calc(100% - 2 * var(--g)));margin-inline:auto}
.wa-dots{background-image:radial-gradient(rgba(8,51,51,.16) 1px,transparent 1.3px);background-size:20px 20px}

/* Motion vocabulary */
@keyframes wa-line{from{transform:translateY(110%)}to{transform:none}}
@keyframes wa-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes wa-drop{from{opacity:0;transform:translateY(-34px) scale(.94)}to{opacity:1;transform:none}}
@keyframes wa-spin{to{transform:rotate(360deg)}}
@keyframes wa-travel{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes wa-drip{0%{top:-6px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 6px);opacity:0}}
@keyframes wa-swap{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes wa-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes wa-mini{0%{left:-4px;opacity:0}15%{opacity:1}45%{left:calc(100% - 6px);opacity:1}55%,100%{left:calc(100% - 6px);opacity:0}}
@keyframes wa-mini-v{0%{top:-4px;opacity:0}15%{opacity:1}45%{top:calc(100% - 6px);opacity:1}55%,100%{top:calc(100% - 6px);opacity:0}}
@keyframes wa-flow{0%{left:0;opacity:0}10%{opacity:1}85%{left:calc(100% - 12px);opacity:1}100%{left:calc(100% - 12px);opacity:0}}
.wa-l{display:block;overflow:hidden;padding:0 .08em .08em 0;margin-bottom:-.08em}
.wa-l>span{display:block;animation:wa-line 1.2s cubic-bezier(.16,1,.3,1) both}
.wa-in{animation:wa-rise 1s cubic-bezier(.16,1,.3,1) both}
.rv{opacity:var(--v,1);transform:translateY(calc((1 - var(--v,1)) * 28px));transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform 1s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.rz-btn{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,background .2s ease}
.rz-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -14px rgba(8,51,51,.6)}
.rz-ghost{transition:background .2s ease}
.rz-ghost:hover{background:rgba(8,51,51,.06)}

/* Shared parts */
.wa-kicker{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(8,51,51,.72)}
.wa-h2{margin-top:18px!important;font-weight:300;font-size:clamp(2.1rem,1.2rem + 3vw,3.6rem);line-height:1.02;letter-spacing:-.042em}
.wa-h2 em,.wa-h1 em{font-style:italic;font-weight:300}
.wa-body{max-width:430px;font-size:17px;line-height:1.55;color:rgba(8,51,51,.86)}
.wa-sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 60px}
.wa-actions{display:flex;flex-wrap:wrap;gap:10px}
.wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;background:#083333;color:#F6F0E9;font-size:15.5px;font-weight:500}
.wa-btn:hover{color:#F6F0E9;background:#164848}
.wa-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;border:1px solid rgba(8,51,51,.25);color:#083333;font-size:15.5px}
.wa-ghost:hover{color:#083333}
.wa-sks{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.wa-sks i{display:block;height:7px;border-radius:4px;background:rgba(8,51,51,.1)}
.wa-tile{flex:none;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.t-start .wa-tile{background:#E2F0E6;color:#2F7A4B}.t-find .wa-tile{background:#E3EBF6;color:#33649F}.t-think .wa-tile{background:#EEE6FA;color:#7048B8}.t-calc .wa-tile{background:#E1EEF3;color:#2E6E8E}.t-path .wa-tile{background:#FBEBDC;color:#B3621E}.t-check .wa-tile{background:#FAE3E3;color:#B23B3B}.t-finish .wa-tile{background:#ECE9E4;color:#4A5857}
.wa-nt{min-width:0;flex-grow:1}
.wa-tt{display:block;font-size:14.5px;font-weight:500;line-height:1.2}
.wa-ss{display:block;margin-top:2px;font-size:12px;color:rgba(8,51,51,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-tgl{position:relative;flex:none;width:40px;height:24px;border-radius:999px;background:#E3DCD1;border:0;padding:0;transition:background .35s ease}
.wa-tgl::before{content:"";position:absolute;inset:-10px -4px}
.wa-tgl::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(8,51,51,.3);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.wa-tgl.is-on,.wa-tgl[aria-pressed="true"]{background:#083333}
.wa-tgl.is-on::after,.wa-tgl[aria-pressed="true"]::after{transform:translateX(16px)}

/* ---------- 1. Hero: the live canvas ---------- */
.wa-hero{position:relative;overflow:hidden;padding:64px 0 40px;background:#FCF6EF}
.wa-hero-dots{position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 55% 70%,#000 35%,transparent 85%);mask-image:radial-gradient(90% 80% at 55% 70%,#000 35%,transparent 85%)}
.wa-hero-top{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.wa-hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.wa-h1{margin-top:24px!important;font-weight:300;font-size:clamp(2.7rem,1.2rem + 5.4vw,96px);line-height:1;letter-spacing:-.05em}
.wa-lead{margin-top:26px!important;max-width:520px;font-size:clamp(17px,1rem + .3vw,19px);line-height:1.5;color:rgba(8,51,51,.86)}
.wa-hero-copy .wa-actions{margin-top:30px}
.wa-toolbar{box-sizing:border-box;width:100%;max-width:560px;height:56px;padding:0 8px 0 16px;display:flex;align-items:center;gap:14px;border-radius:14px;background:rgba(251,248,244,.92);border:1px solid #E0D9CC;box-shadow:0 24px 50px -34px rgba(8,51,51,.5)}
.wa-tb-name{flex-grow:1;min-width:0;display:flex;flex-direction:column}
.wa-tb-name b{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-tb-name span{font-size:12px;color:rgba(8,51,51,.72)}
.wa-tb-saved{display:flex;align-items:center;gap:6px;font-size:12.5px;color:rgba(8,51,51,.72)}
.wa-tb-run{flex:none;height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border-radius:9px;background:#083333;color:#F6F0E9;font-size:13.5px;font-weight:500;transition:background .4s ease,box-shadow .4s ease}
.wa-tb-run.is-press{background:#164848;box-shadow:0 0 0 4px rgba(8,51,51,.15)}
.wa-canvas{position:relative;margin-top:44px}
.wa-cframe{position:relative;box-sizing:border-box;width:min(420px,calc(100% - 2 * var(--g)));margin:0 auto}
.wa-links,.wa-pulse,.wa-zoom{display:none}
.wa-flow{display:flex;flex-direction:column}
.wa-node{position:relative;box-sizing:border-box;width:100%;height:62px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:11px;background:#FBF8F4;border:1px solid #D8D1C4;box-shadow:0 1px 2px rgba(8,51,51,.06),0 16px 32px -24px rgba(8,51,51,.5);animation:wa-drop .9s cubic-bezier(.16,1,.3,1) var(--d,0s) backwards;transition:box-shadow .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.wa-node.t-start{border-color:#B8D8C2}.wa-node.t-think{border-color:#D6C7F1}.wa-node.t-check{border-color:#EEC6C6}
.wa-node[data-status="running"]{box-shadow:0 0 0 4px rgba(8,51,51,.08),0 26px 44px -22px rgba(8,51,51,.55);transform:translateY(-3px)}
.wa-dot{position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#5E6B6A;border:2px solid #FBF8F4;box-sizing:border-box;display:none}
.wa-dl{left:-6px}.wa-dr{right:-6px}
.wa-st{margin-left:auto;flex:none;position:relative;width:18px;height:18px}
.wa-st>*{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;opacity:0;transition:opacity .3s ease,transform .45s cubic-bezier(.16,1,.3,1)}
.wa-s-dot{width:7px;height:7px;border-radius:50%;background:rgba(8,51,51,.3)}
.wa-s-spin{box-sizing:border-box;width:16px;height:16px;border-radius:50%;border:2px solid rgba(8,51,51,.16);border-top-color:#083333;animation:wa-spin .8s linear infinite}
.wa-s-ok{color:#2F7A4B;transform:scale(.5)}
[data-status="pending"] .wa-s-dot,[data-status="running"] .wa-s-spin,[data-status="done"] .wa-s-ok{opacity:1}
[data-status="done"] .wa-s-ok{transform:none}
.wa-sub-wait{display:none}
[data-status="running"] .wa-sub-wait{display:inline}
[data-status="running"] .wa-sub-idle{display:none}
.wa-approve{display:none}
.wa-vlink{position:relative;align-self:center;width:2px;height:28px;background:#C9C2B5;transition:background .6s ease}
.wa-vlink.is-on{background:#083333}
.wa-vlink i{position:absolute;left:-5px;top:-6px;width:12px;height:12px;border-radius:50%;background:#083333;box-shadow:0 0 0 5px rgba(8,51,51,.13);opacity:0}
.wa-vlink.is-go i{animation:wa-drip .65s cubic-bezier(.45,0,.55,1) both}
.wa-output{box-sizing:border-box;margin-top:18px;padding:16px 18px;border-radius:14px;background:#FCF6EF;border:1px solid rgba(8,51,51,.14);box-shadow:0 40px 70px -34px rgba(8,51,51,.6);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.wa-out-hd{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wa-out-hd b{font-size:13.5px;font-weight:500}
.wa-output p{margin-top:12px!important;font-size:11.5px;color:rgba(8,51,51,.72)}
.wa-hero[data-phase]:not(.is-finished) .wa-output{opacity:0;transform:translateY(14px) scale(.96)}
.wa-cap{display:block;margin-top:14px;text-align:center;font-size:12px;color:rgba(8,51,51,.66)}
@media (max-width:479px){.wa-tb-saved{display:none}.wa-toolbar{gap:10px}}
@media (min-width:1024px){
  .wa-hero{min-height:calc(100svh - var(--hh));box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:56px 0 48px}
  .wa-hero-top{grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .wa-toolbar{width:clamp(400px,40vw,560px);margin-top:8px}
  .wa-canvas{--cs:.7;height:calc(300px * var(--cs));margin-top:44px}
  .wa-cframe{position:absolute;left:50%;top:0;width:1440px;height:300px;margin:0 0 0 -720px;transform:scale(var(--cs));transform-origin:50% 0}
  .wa-links{display:block;position:absolute;left:0;top:0;overflow:visible}
  .wa-cn{stroke:#C9C2B5;stroke-width:1.6;transition:stroke .6s ease}
  .wa-cn.is-on{stroke:#083333}
  .wa-pulse{display:block;position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:#083333;box-shadow:0 0 0 5px rgba(8,51,51,.13);offset-rotate:0deg;opacity:0}
  .wa-pulse.is-go{animation:wa-travel .65s cubic-bezier(.45,0,.55,1) both}
  .wa-p0{offset-path:path("M280 131 C325 131 300 31 345 31")}
  .wa-p1{offset-path:path("M565 31 C610 31 585 151 630 151")}
  .wa-p2{offset-path:path("M850 151 C895 151 870 51 915 51")}
  .wa-p3{offset-path:path("M1135 51 C1180 51 1155 161 1200 161")}
  .wa-flow{display:block;position:absolute;inset:0}
  .wa-node{position:absolute;left:var(--x);top:var(--y);width:220px}
  .wa-dot{display:block}
  .wa-vlink{display:none}
  .wa-approve{display:flex;position:absolute;left:14px;top:calc(100% + 12px);align-items:center;gap:10px;height:40px;padding:0 8px 0 14px;border-radius:10px;background:#FCF6EF;border:1px solid #EEC6C6;box-shadow:0 16px 30px -20px rgba(8,51,51,.5);font-size:12.5px;white-space:nowrap;opacity:0;transform:translateY(-6px);transition:opacity .4s ease,transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
  .wa-approve b{height:28px;padding:0 10px;display:inline-flex;align-items:center;border-radius:7px;background:#083333;color:#F6F0E9;font-weight:500}
  .wa-node[data-status="running"] .wa-approve{opacity:1;transform:none}
  .wa-output{position:absolute;left:1160px;top:-130px;width:260px;margin:0}
  .wa-zoom{display:flex;position:absolute;left:60px;top:200px;flex-direction:column;border-radius:9px;border:1px solid #E0D9CC;background:#FBF8F4;overflow:hidden}
  .wa-zoom span{width:30px;height:30px;display:grid;place-items:center}
  .wa-zoom span+span{border-top:1px solid #E0D9CC}
  .wa-cap{position:absolute;right:100px;top:272px;margin:0}
}
@media (min-width:1280px){.wa-canvas{--cs:.88}}
@media (min-width:1440px){.wa-canvas{--cs:1}}

/* ---------- 2. Steps ---------- */
.wa-steps{background:#F6F0E9;padding:110px 0}
.wa-steps-grid{margin-top:56px;display:grid;gap:32px}
.wa-picker{align-self:start;padding:10px;border-radius:14px;background:#FBF8F4;border:1px solid #E0D9CC;box-shadow:0 40px 70px -50px rgba(8,51,51,.55)}
.wa-picker-hint{padding:8px 12px 10px;font-size:13px;line-height:1.5;color:rgba(8,51,51,.75)}
.wa-pick{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:11px 12px;border:0;border-radius:10px;background:transparent;transition:background .25s ease}
.wa-pick:hover{background:rgba(239,231,221,.6)}
.wa-pick.is-on{background:#EFE7DD}
.wa-pt{display:block;font-size:15px;font-weight:500}
.wa-pd{display:block;margin-top:2px;font-size:13px;line-height:1.45;color:rgba(8,51,51,.75)}
.wa-stage{position:relative;box-sizing:border-box;min-height:640px;padding:56px;border-radius:22px;border:1px solid #E0D9CC;background-color:#FAF6F2;overflow:hidden}
.wa-panel{display:none}
.wa-stage[data-active="0"] [data-panel="0"],.wa-stage[data-active="1"] [data-panel="1"],.wa-stage[data-active="2"] [data-panel="2"],.wa-stage[data-active="3"] [data-panel="3"],.wa-stage[data-active="4"] [data-panel="4"],.wa-stage[data-active="5"] [data-panel="5"],.wa-stage[data-active="6"] [data-panel="6"]{display:block;animation:wa-swap .7s cubic-bezier(.16,1,.3,1) both}
.wa-bignode{box-sizing:border-box;display:inline-flex;align-items:center;gap:14px;min-width:min(300px,100%);height:78px;padding:0 18px;border-radius:14px;background:#FBF8F4;border:1px solid #D8D1C4;box-shadow:0 1px 2px rgba(8,51,51,.06),0 20px 40px -26px rgba(8,51,51,.5)}
.wa-bignode.t-start{border-color:#B8D8C2}.wa-bignode.t-think{border-color:#D6C7F1}.wa-bignode.t-check{border-color:#EEC6C6}.wa-bignode.t-path{border-color:#EED3B8}
.wa-bignode .wa-tile{width:38px;height:38px;border-radius:10px}
.wa-bignode .wa-tt{font-size:18px}
.wa-bignode .wa-ss{font-size:14px}
.wa-panel h3{margin-top:44px;font-weight:400;font-size:clamp(28px,1.2rem + 1.6vw,40px);line-height:1.05;letter-spacing:-.035em}
.wa-panel>p{margin-top:14px!important;max-width:560px;font-size:17px;line-height:1.55;color:rgba(8,51,51,.82)}
.wa-demo{margin-top:30px}
.wa-src{box-sizing:border-box;display:inline-flex;align-items:center;min-height:48px;padding:0 14px;border-radius:10px;background:#FBF8F4;border:1px solid #E0D9CC;font-size:14px}
.wa-demo-start{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.wa-bubble{padding:14px 18px;border-radius:14px 14px 4px 14px;background:#E8E0D5;font-size:15px}
.wa-srcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.wa-instr{padding:18px 20px;border-radius:14px;background:#FBF8F4;border:1px solid #D6C7F1}
.wa-instr span{font-size:12px;color:rgba(8,51,51,.72)}
.wa-instr p{margin-top:6px!important;font-size:16px}
.wa-typed{white-space:nowrap;overflow:hidden;animation:wa-type 1.8s steps(48,end) .3s both}
.wa-chips{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.wa-chips .wa-src{min-height:38px}
.wa-calc{display:flex;flex-wrap:wrap;gap:14px}
.wa-formula{flex:1 1 260px;padding:18px 20px;border-radius:14px;background:#FBF8F4;border:1px solid #C6DCE6}
.wa-formula span,.wa-result span{font-size:12px}
.wa-formula span{color:rgba(8,51,51,.72)}
.wa-formula p{margin-top:6px!important;font-size:20px}
.wa-formula small{display:block;margin-top:10px;font-size:14px;color:rgba(8,51,51,.75)}
.wa-result{width:170px;padding:18px 20px;border-radius:14px;background:#083333;color:#F6F0E9}
.wa-result span{opacity:.8}
.wa-result b{display:block;margin-top:4px;font-size:44px;font-weight:300;letter-spacing:-.03em}
.wa-branch{position:relative;height:150px;max-width:500px}
.wa-branch-lines{position:absolute;left:0;top:0;width:400px;height:150px}
.wa-branch .wa-src{position:absolute}
.wa-b0{left:0;top:51px;width:150px}
.wa-b1{left:240px;top:1px;width:250px}
.wa-b2{left:240px;top:101px;width:250px;color:rgba(8,51,51,.78)}
.wa-ask{box-sizing:border-box;width:min(460px,100%);padding:18px 20px;border-radius:14px;background:#FBF8F4;border:1px solid #EEC6C6}
.wa-panel[data-panel="6"] .wa-ask{border-color:#E0D9CC}
.wa-ask p b{font-size:15px;font-weight:500}
.wa-ask small{display:block;margin-top:4px;font-size:13.5px;color:rgba(8,51,51,.75)}
.wa-ask>div:not(.wa-out-hd):not(.wa-sks){margin-top:14px;display:flex;gap:8px}
.wa-ask .wa-out-hd small{margin:0;font-size:12.5px}
.wa-mbtn{height:38px;padding:0 16px;display:inline-flex;align-items:center;border-radius:8px;border:1px solid rgba(8,51,51,.25);font-size:14px}
.wa-mbtn-dark{background:#083333;border-color:#083333;color:#F6F0E9;font-weight:500}
@media (min-width:1024px){.wa-steps-grid{grid-template-columns:440px minmax(0,1fr);gap:50px}}
@media (max-width:600px){
  .wa-stage{min-height:0;padding:28px 20px 32px}
  .wa-panel h3{margin-top:30px}
  .wa-typed{white-space:normal;animation:wa-rise .8s ease both}
  .wa-branch{height:112px}
  .wa-branch>*{transform-origin:0 0}
  .wa-branch-lines{transform:scale(.7)}
  .wa-b0{left:0;top:36px;width:112px;transform:scale(.9)}
  .wa-b1{left:168px;top:0;width:auto;transform:scale(.9)}
  .wa-b2{left:168px;top:70px;width:auto;transform:scale(.9)}
}

/* ---------- 3. Run ---------- */
.wa-run{padding:110px 0}
.wa-bento{margin-top:50px;display:grid;gap:20px}
.wa-wfcard{position:relative;box-sizing:border-box;display:flex;flex-direction:column;min-height:520px;border-radius:24px;background:#FAF6F2;border:1px solid #E0D9CC;overflow:hidden}
.wa-wf-top{padding:28px 30px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px}
.wa-wf-title{display:flex;gap:14px;align-items:flex-start}
.wa-back{flex:none;width:36px;height:36px;border-radius:9px;border:1px solid #E0D9CC;display:grid;place-items:center}
.wa-wf-title h3{font-weight:500;font-size:clamp(22px,1rem + .8vw,28px);letter-spacing:-.02em}
.wa-wf-title span>span{display:block;margin-top:4px;font-size:14px;color:rgba(8,51,51,.72)}
.wa-wf-btns{display:flex;gap:8px}
.wa-runnow{height:36px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border-radius:8px;background:#8A9695;color:#F6F0E9;font-size:13.5px;font-weight:500;transition:background .4s ease}
.wa-sched{height:36px;padding:0 14px;display:inline-flex;align-items:center;border-radius:8px;border:1px solid #E0D9CC;font-size:13.5px;color:rgba(8,51,51,.5);transition:color .4s ease}
[data-on="true"] .wa-runnow{background:#083333}
[data-on="true"] .wa-sched{color:#083333}
.wa-wf-tabs{margin:20px 30px 0;display:flex;gap:22px;border-bottom:1px solid #E0D9CC;font-size:14px}
.wa-wf-tabs span{padding-bottom:10px;color:rgba(8,51,51,.72)}
.wa-wf-tabs .is-on{border-bottom:2px solid #083333;font-weight:500;color:#083333}
.wa-wf-bar{margin:0 30px;min-height:64px;padding:10px 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;border-bottom:1px solid #E0D9CC}
.wa-wf-state{font-size:14px}
.wa-wf-state b{font-weight:500}
.wa-wf-state span{color:rgba(8,51,51,.75)}
.wa-wf-state b{color:#083333}
.wa-on-t{display:none}
[data-on="true"] .wa-on-t{display:inline}
[data-on="true"] .wa-off-t{display:none}
.wa-wf-saved{margin-left:auto;font-size:12.5px;color:rgba(8,51,51,.72)}
.wa-mini{position:relative;flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:50px 30px 64px}
.wa-mini-node{box-sizing:border-box;display:flex;align-items:center;gap:11px;width:200px;height:62px;padding:0 12px;border-radius:11px;background:#FBF8F4;border:1px solid #D8D1C4;box-shadow:0 1px 2px rgba(8,51,51,.06),0 16px 32px -24px rgba(8,51,51,.5);transition:box-shadow .5s ease}
.wa-mini-node.t-start{border-color:#B8D8C2}.wa-mini-node.t-think{border-color:#D6C7F1}
[data-on="true"] .wa-mini-node{box-shadow:0 0 0 3px rgba(8,51,51,.08),0 16px 32px -24px rgba(8,51,51,.5)}
.wa-mini-link{position:relative;width:26px;height:2px;background:#5E6B6A}
.wa-mini-link i{position:absolute;left:-4px;top:-4px;width:10px;height:10px;border-radius:50%;background:#083333;opacity:0}
[data-on="true"] .wa-mini-link i{animation:wa-mini 2.4s cubic-bezier(.45,0,.55,1) infinite}
[data-on="true"] .wa-mini-link+.wa-mini-node+.wa-mini-link i{animation-delay:1.2s}
.wa-try{position:absolute;left:30px;bottom:20px;font-size:12.5px;color:rgba(8,51,51,.72)}
.wa-side{display:grid;gap:20px}
.wa-sidecard{position:relative;box-sizing:border-box;display:flex;flex-direction:column;min-height:250px;border-radius:24px;background:#F6F0E9;padding:26px 28px;overflow:hidden}
.wa-sidecard h3{font-size:22px;font-weight:400;letter-spacing:-.015em}
.wa-sidecard>p{margin-top:6px!important;max-width:250px;font-size:14.5px;line-height:1.5;color:rgba(8,51,51,.8)}
.wa-menu{position:absolute;right:-10px;top:26px;width:210px;padding:6px;border-radius:12px;background:#FBF8F4;border:1px solid #E0D9CC;box-shadow:0 24px 44px -26px rgba(8,51,51,.5)}
.wa-menu div{padding:8px 10px;border-radius:8px;font-size:12.5px;color:rgba(8,51,51,.66)}
.wa-menu b{display:block;font-weight:500;color:rgba(8,51,51,.85)}
.wa-menu .is-on{background:#EFE7DD;color:rgba(8,51,51,.78)}
.wa-menu .is-on b{color:#083333}
.wa-chatbar{margin-top:auto;padding-top:18px;display:flex;gap:8px}
.wa-plus{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#E8E0D5}
.wa-automate{height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid rgba(112,72,184,.35);font-size:13px}
.wa-runs>p{max-width:420px}
.wa-runlist{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:8px}
.wa-runlist li{box-sizing:border-box;min-height:44px;padding:8px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;border-radius:10px;background:#FBF8F4;border:1px solid #E0D9CC;font-size:13.5px}
.wa-runlist b{font-weight:500}
.wa-runlist span{display:flex;align-items:center;gap:8px;color:rgba(8,51,51,.72);white-space:nowrap}
@media (min-width:1024px){.wa-bento{grid-template-columns:minmax(0,720fr) minmax(0,500fr)}}
@media (max-width:759px){
  .wa-mini{flex-direction:column;padding:36px 20px 60px}
  .wa-mini-node{width:min(100%,280px)}
  .wa-mini-link{width:2px;height:26px}
  .wa-mini-link i{left:-4px;top:-4px}
  [data-on="true"] .wa-mini-link i{animation-name:wa-mini-v}
}
@media (max-width:520px){
  .wa-menu{position:static;width:auto;margin-top:16px}
  .wa-sidecard>p{max-width:none}
  .wa-wf-top,.wa-wf-tabs,.wa-wf-bar{margin-left:20px;margin-right:20px}
  .wa-wf-top{padding:22px 0 0}
  .wa-wf-saved{margin-left:0}
}

/* ---------- 4. Discover ---------- */
.wa-discover{background:#F6F0E9;padding:110px 0}
.wa-filters{margin-top:44px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.wa-sel{box-sizing:border-box;display:flex;align-items:center;gap:10px;height:48px;padding:0 8px 0 12px;border-radius:10px;border:1px solid #E0D9CC;background:#FAF6F2;font-size:14px;color:rgba(8,51,51,.8)}
.wa-sel b{flex-grow:1;display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:0 12px;border-radius:7px;border:1px solid #E0D9CC;background:#F4EEE6;font-weight:500;color:#083333;white-space:nowrap}
.wa-cards{margin-top:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.wa-wcard{box-sizing:border-box;display:flex;flex-direction:column;padding-top:16px;border-radius:12px;background:#FAF6F2;border:1px solid #E0D9CC;box-shadow:0 1px 2px rgba(8,51,51,.05);transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.wa-wcard:hover{transform:translateY(-6px);box-shadow:0 34px 54px -32px rgba(8,51,51,.45)}
.wa-wtag{align-self:flex-start;margin:0 18px;display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:#E4DDEE;font-size:12px;font-weight:500;color:#4E3A78}
.wa-wcard h3{margin:12px 18px 0;font-size:17px;font-weight:500}
.wa-steps-box{margin:14px 18px 0;padding:10px 14px;height:92px;box-sizing:content-box;border:1px solid #E0D9CC;border-left:3px solid #8E73C2;border-radius:8px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.wa-steps-list{transition:transform 1.4s cubic-bezier(.45,0,.55,1)}
.wa-wcard:hover .wa-steps-list{transform:translateY(-46px)}
.wa-srow{display:flex;align-items:center;gap:8px;height:23px;font-size:13px}
.wa-srow b{font-weight:500}
.wa-srow i{flex:none;width:8px;height:8px;border-radius:2px}
.c-start{background:#2F7A4B}.c-find{background:#33649F}.c-think{background:#7048B8}.c-check{background:#B23B3B}.c-finish{background:#4A5857}
.wa-wfoot{margin-top:16px;min-height:64px;padding:0 18px;display:flex;align-items:center;gap:12px;border-top:1px solid #E0D9CC}
.wa-av{flex:none;width:32px;height:32px;border-radius:50%;background:#EFE7DD;display:grid;place-items:center;font-size:11px;font-weight:500}
.wa-who{flex-grow:1;min-width:0;font-size:12px;color:rgba(8,51,51,.72)}
.wa-who b{display:block;font-size:13px;font-weight:500;color:#083333}
.wa-saves{display:flex;align-items:center;gap:4px;font-size:12px;color:rgba(8,51,51,.72)}
.wa-note{margin-top:14px!important;font-size:12.5px;color:rgba(8,51,51,.66)}

/* ---------- 5. Questions ---------- */
.wa-faq{padding:110px 0}
.wa-faq-grid{display:grid;gap:40px}
.wa-faq-list{border-top:1px solid rgba(8,51,51,.14)}
.wa-faq-list details{border-bottom:1px solid rgba(8,51,51,.14)}
.wa-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:84px;padding:14px 0;font-size:clamp(17px,1rem + .4vw,20px)}
.wa-plus-i{flex:none;transition:transform .35s ease}
.wa-faq-list details[open] .wa-plus-i{transform:rotate(45deg)}
.wa-faq-list details>div p{padding:0 48px 26px 0;font-size:16px;line-height:1.6;color:rgba(8,51,51,.82)}
@media (min-width:1024px){.wa-faq-grid{grid-template-columns:420px minmax(0,1fr);gap:80px}}

/* ---------- 6. Close ---------- */
.wa-close{position:relative;padding:110px 0 120px;border-top:1px solid rgba(8,51,51,.12)}
.wa-close-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.wa-minirun{width:min(520px,100%);display:flex;align-items:center;margin-bottom:44px}
.wa-mr-node{flex:none;height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border-radius:10px;background:#FBF8F4;border:1px solid #D8D1C4;font-size:13.5px;font-weight:500}
.wa-mr-start{border-color:#B8D8C2}
.wa-mr-line{position:relative;flex:1;height:2px;background:rgba(8,51,51,.18)}
.wa-mr-line i{position:absolute;left:0;top:-5px;width:12px;height:12px;border-radius:50%;background:#083333;box-shadow:0 0 0 5px rgba(8,51,51,.12);animation:wa-flow 3.2s cubic-bezier(.45,0,.55,1) infinite}
.wa-close h2{font-weight:300;font-size:clamp(2.4rem,1.4rem + 3.6vw,72px);line-height:1;letter-spacing:-.045em}
.wa-close-inner>p{margin-top:20px!important;font-size:18px;color:rgba(8,51,51,.82)}
.wa-close .wa-actions{margin-top:32px;justify-content:center}

/* Reduced motion, ?reveal=off */
.wa-motion-off .workflows-page *,.wa-motion-off .workflows-page *::before,.wa-motion-off .workflows-page *::after{animation:none!important;transition:none!important}
.wa-motion-off .wa-pulse,.wa-motion-off .wa-vlink i,.wa-motion-off .wa-mini-link i,.wa-motion-off .wa-mr-line i{display:none}
@media (prefers-reduced-motion:reduce){
  .workflows-page *,.workflows-page *::before,.workflows-page *::after{animation:none!important;transition:none!important}
  .wa-pulse,.wa-vlink i,.wa-mini-link i,.wa-mr-line i{display:none}
}