.workflow-section{border-bottom:1px solid var(--line);padding:118px 48px 96px}.workflow-section .section-heading{margin-bottom:clamp(28px,4vh,50px)}.workflow{display:grid}.workflow-selector{--workflow-row-height:clamp(60px, 7vh, 73px);--workflow-title-font-size:20px;--workflow-title-line-height:calc(var(--workflow-title-font-size) * 1.2);--workflow-row-inset:calc((var(--workflow-row-height) - var(--workflow-title-line-height)) / 2);--workflow-copy-inset:calc(var(--workflow-row-inset) + 1px);--workflow-copy-line-height:24px;--workflow-copy-content-height:calc(var(--workflow-copy-line-height) * 3);--workflow-copy-slot:calc(var(--workflow-copy-content-height) + var(--workflow-copy-inset));height:calc(var(--workflow-row-height) * var(--workflow-step-count) + var(--workflow-copy-slot));flex-direction:column;align-self:end;display:flex}.workflow-selector__item{min-height:var(--workflow-row-height);color:#6d6c68;border-bottom:1px solid var(--line);flex:none;transition:color .16s;position:relative;overflow:hidden}.workflow-selector__item.is-active{color:#fff}.workflow-selector__item button{width:100%;min-height:var(--workflow-row-height);color:inherit;cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;align-items:center;padding:0;display:flex}.workflow-selector__item button>span{font-size:var(--workflow-title-font-size);letter-spacing:-.025em;transition:transform .26s var(--ease-in-out);font-weight:480;line-height:1.2}.workflow-selector__item.is-active button>span{transform:translateY(var(--workflow-copy-balance-offset,0))}.workflow-selector__body{pointer-events:none;opacity:0;filter:blur(4px);height:0;min-height:0;transition:height .26s var(--ease-in-out), padding-bottom .26s var(--ease-in-out), opacity .14s ease, filter .18s var(--ease-out), transform .18s var(--ease-out);flex-direction:column;justify-content:flex-end;padding-bottom:0;display:flex;overflow:hidden;transform:translateY(6px)}.workflow-selector__item.is-active .workflow-selector__body{height:var(--workflow-copy-slot);padding-bottom:var(--workflow-copy-inset);opacity:1;filter:blur();transition:height .26s var(--ease-in-out), padding-bottom .26s var(--ease-in-out), opacity .34s var(--ease-out) .1s, filter .42s var(--ease-out) 80ms, transform .38s var(--ease-out) 80ms;transform:translateY(0)}.workflow-selector__body p{max-width:378px;min-height:0;color:var(--muted);font-size:15px;line-height:var(--workflow-copy-line-height);transition:transform .26s var(--ease-in-out);margin:0;overflow:hidden}.workflow-selector__item.is-active .workflow-selector__body p{transform:translateY(calc(0px - var(--workflow-copy-balance-offset,0px)))}.workflow-selector:not([data-workflow-copy-measured]) .workflow-selector__item button>span,.workflow-selector:not([data-workflow-copy-measured]) .workflow-selector__body,.workflow-selector:not([data-workflow-copy-measured]) .workflow-selector__body p{transition:none}.workflow-selector__track{background:#ffffff1a;height:1px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.workflow-selector__track span{transform-origin:0;background:#fff;width:100%;height:100%;animation:linear forwards workflow-progress;display:block;transform:scaleX(0);box-shadow:0 0 8px #ffffff59}@keyframes workflow-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){.workflow[data-playing=false] .workflow-selector__track span,.workflow[data-playing=false] .scene,.workflow[data-playing=false] .scene *,.workflow[data-playing=false] .scene :before,.workflow[data-playing=false] .scene :after{animation-play-state:paused!important}}.workflow__visual{background:radial-gradient(80% 60% at 50% 100%,#2a58a49e,#0000 70%),linear-gradient(#65686d 0%,#555b64 55%,#3f4b5e 100%);border-radius:16px;min-height:clamp(360px,48vh,520px);position:relative;overflow:hidden}.workflow-visual{animation:wf-panel-in .42s var(--ease-out) both;justify-content:center;align-items:center;padding:clamp(20px,5%,44px);display:flex;position:absolute;inset:0}.wf-card{background:#121211;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 0 0 4px #fff6,0 0 0 5px #141e320f,0 18px 44px #141e323d,0 2px 6px #141e3229}@keyframes wf-panel-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes wf-rise{0%{opacity:0;filter:blur(6px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes wf-out{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(6px)}}@keyframes wf-type{0%{width:0}to{width:100%}}@keyframes wf-focus{0%{background:0 0;box-shadow:inset 0 0 #72a7ff00}to{background:#72a7ff1a;box-shadow:inset 0 0 0 1px #72a7ffb3}}@keyframes wf-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wf-hover{0%{opacity:0;transform:translate(18px,14px)}to{opacity:1;transform:translate(0)}}@keyframes wf-press{0%{transform:scale(1)}50%{transform:scale(.94)}to{transform:scale(1)}}@keyframes wf-cursor-in{0%{opacity:0;transform:translate(24px,20px)}to{opacity:1;transform:translate(0)}}.workflow__visual:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff8c;position:absolute;inset:0}@media (min-width:901px){.workflow-section{width:calc(100% - clamp(48px,4vw,80px))}.workflow{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(360px,.56fr) minmax(0,1fr);gap:clamp(30px,4vh,52px) clamp(56px,4vw,82px);min-height:clamp(520px,100vh - 160px,780px)}.workflow>.section-heading{grid-area:1/1;margin:0;display:block}.workflow>.section-heading h2{max-width:620px;font-size:clamp(38px,3.6vw,48px)}.workflow>.section-heading>p{max-width:620px;margin-top:clamp(24px,3vh,34px)}.workflow-selector{grid-area:2/1;width:100%}.workflow__visual{grid-area:1/2/span 2;width:100%;height:100%;min-height:0}}@media (min-width:901px) and (max-height:799px){.workflow{row-gap:clamp(10px,4vh,32px)}.workflow .eyebrow{height:clamp(28px,4vh,32px);font-size:clamp(12px,1.8vh,13px)}.workflow>.section-heading h2{margin-top:clamp(10px,2.5vh,20px);font-size:clamp(28px,5.8vh,38px)}.workflow>.section-heading>p{margin-top:clamp(10px,3vh,24px);font-size:clamp(13px,2vh,16px);line-height:1.5}.workflow-selector{--workflow-row-height:clamp(44px, 8vh, 60px);--workflow-title-font-size:clamp(17px, 2.5vh, 20px);--workflow-copy-line-height:clamp(18px, 3vh, 24px)}.workflow-selector__body p{font-size:clamp(13px,2vh,15px)}}@media (min-width:1440px) and (min-height:800px){.workflow>.section-heading>p{font-size:17px;line-height:1.6}.workflow-selector{--workflow-title-font-size:23px;--workflow-copy-line-height:29px}.workflow-selector__body p{max-width:560px;font-size:17px;line-height:var(--workflow-copy-line-height)}}@media (max-width:900px){.workflow{grid-template-columns:1fr;gap:32px}.workflow-section{padding:78px 24px}.workflow-section .section-heading{margin-bottom:0}.workflow-selector{grid-row:3}.workflow__visual{aspect-ratio:1.28;grid-row:2;min-height:auto}}@media (max-width:560px){.workflow__visual{aspect-ratio:.9}.workflow-visual{font-size:11px}}@media (prefers-reduced-motion:reduce){.scene,.scene *{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:0s!important}.workflow-selector__track span{animation:none;transform:scaleX(1)}.workflow-selector__item,.workflow-selector__item button>span,.workflow-selector__body p{transition:none}.workflow-visual,.workflow-selector__body,.workflow-selector__item.is-active .workflow-selector__body{filter:none;transition:opacity .16s;transform:none}}.scene-frame{justify-content:center;align-items:center;padding:clamp(24px,6%,40px);display:flex;position:absolute;inset:0}.scene{width:var(--w);height:var(--h);transform:scale(var(--scene-scale,1));transform-origin:50%;flex:none;font-size:12px;animation:.6s both scene-in;position:relative}@keyframes scene-in{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}.scene-grid{transition:grid-template-columns .7s var(--ease-in-out);grid-template-columns:28px 150px 1fr 1fr 1fr minmax(0,0fr);display:grid}.scene[data-step="2"] .scene-grid,.scene[data-step="3"] .scene-grid{grid-template-columns:28px 150px 1fr 1fr 1fr 1fr}.scene-hcell,.scene-cell{white-space:nowrap;border-bottom:1px solid #ffffff12;border-left:1px solid #ffffff14;align-items:center;min-width:0;height:32px;padding:0 10px;display:flex;position:relative;overflow:hidden}.scene-hcell{color:#ffffff8c;background:#161615;border-bottom-color:#ffffff14;font-size:11px;font-weight:500}.scene-hcell:first-child,.scene-cell-num{border-left:0;justify-content:center;padding:0}.scene-cell-num{color:#ffffff4d;font-size:10px}.scene-grid>.contents:last-child>.scene-cell{border-bottom:0}.scene-newcol{opacity:0;transition:padding .7s var(--ease-in-out), border-left-width .7s var(--ease-in-out), opacity .4s ease;border-left-width:0;padding:0}.scene[data-step="2"] .scene-newcol,.scene[data-step="3"] .scene-newcol{opacity:1;border-left-width:1px;padding:0 10px}.scene-prompt,.scene-pop,.scene-bar,.scene-fix,.scene-prompt-busy,.scene-bar-busy,.scene-pop-agent,.scene-pending,.scene-dash,.scene-value,.scene-value-alt{opacity:0}.scene-prompt,.scene-pop,.scene-bar,.scene-fix{filter:blur(6px);transition:opacity .42s ease, filter .42s ease, transform .7s var(--ease-in-out)}.scene-cursor,.scene-cursor-agent{transition:transform .7s var(--ease-in-out)}.scene-cursor{transform:translate(760px,520px)}.scene-cursor-agent{transform:translate(780px,330px)}.scene-bar-typed{padding-right:3px}.scene-bar-typed:after{content:"";background:var(--blue);opacity:0;width:2px;height:1.05em;position:absolute;top:3px;right:0}.scene-table{transform-origin:0 80px;transition:transform .9s var(--ease-in-out)}.scene[data-step="1"] .scene-table{transition-delay:1.25s;transform:scale(1.18)}.scene-fillable{overflow:hidden}.scene[data-step="0"] .scene-cell:not(.scene-newcol) .scene-value,.scene[data-step="2"] .scene-newcol .scene-value,.scene[data-step="2"] .scene-rerun .scene-value-alt,.scene[data-step="3"] .scene-price:not(.scene-rerun) .scene-value,.scene[data-step="3"] .scene-price.scene-rerun .scene-value-alt{opacity:1}.scene[data-step="0"] .scene-cell:not(.scene-newcol) .scene-value:before,.scene[data-step="2"] .scene-newcol .scene-value:before,.scene[data-step="2"] .scene-rerun .scene-value-alt:before,.scene[data-step="3"] .scene-price:not(.scene-rerun) .scene-value:before,.scene[data-step="3"] .scene-price.scene-rerun .scene-value-alt:before{content:"";width:45%;animation:demo-beam .65s var(--ease-out) var(--fill) both;pointer-events:none;background:linear-gradient(90deg,#0000,#72a7ff8c 50%,#0000);position:absolute;inset:0 auto 0 0}.scene[data-step="0"] .scene-cell:not(.scene-newcol) .scene-value,.scene[data-step="2"] .scene-newcol .scene-value,.scene[data-step="2"] .scene-rerun .scene-value-alt{animation:demo-cell-flash 1.3s var(--ease-out) var(--fill) forwards}.scene[data-step="0"] .scene-cell:not(.scene-newcol) .scene-value>*,.scene[data-step="2"] .scene-newcol .scene-value>*,.scene[data-step="2"] .scene-rerun .scene-value-alt>*{animation:demo-reveal .42s var(--ease-out) calc(var(--fill) + .24s) both}.scene[data-step="3"] .scene-price:not(.scene-rerun) .scene-value,.scene[data-step="3"] .scene-price.scene-rerun .scene-value-alt{animation:wf-out .24s ease calc(.9s + var(--r)) forwards, demo-cell-flash 1.3s var(--ease-out) var(--fill) forwards, scene-restore 1ms linear var(--fill) forwards}.scene[data-step="3"] .scene-price:not(.scene-rerun) .scene-value>*,.scene[data-step="3"] .scene-price.scene-rerun .scene-value-alt>*{animation:demo-reveal .42s var(--ease-out) calc(var(--fill) + .24s) forwards}@keyframes scene-restore{0%{opacity:1;filter:blur()}to{opacity:1;filter:blur()}}.scene[data-step="0"] .scene-prompt{opacity:1;filter:blur()}.scene:not([data-step="0"]) .scene-prompt{transform:translateY(-14px)scale(.97)}.scene[data-step="0"] .scene-typed{animation:1.4s steps(70,end) .25s both wf-type}.scene[data-step="0"] .scene-prompt-busy{animation:wf-rise .36s var(--ease-out) 1.8s both}.scene[data-step="0"] .scene-send{animation:wf-press .32s var(--ease-out) 1.65s both}.scene[data-step="0"] .scene-cell:not(.scene-newcol) .scene-pending{opacity:1;animation:wf-out .2s ease calc(2.3s + var(--d)) both}.scene[data-step="0"] .scene-cell:not(.scene-newcol){--fill:calc(2.3s + var(--d))}.scene[data-step="1"] .scene-cell:not(.scene-newcol) .scene-value{opacity:1}.scene[data-step="1"] .scene-cursor{animation:scene-cursor-cell 1.5s var(--ease-in-out) .2s both}.scene[data-step="1"] .scene-cursor-agent{animation:scene-cursor-toggle 2.2s var(--ease-in-out) 1.8s both}.scene[data-step="1"] .scene-cell-focus{animation:wf-focus .5s var(--ease-out) 1.25s both}.scene[data-step="1"] .scene-pop{animation:wf-rise .42s var(--ease-out) 2s both}.scene[data-step="1"] .scene-pop-human li{animation:wf-rise .3s var(--ease-out) calc(2.1s + var(--i)) both}.scene[data-step="1"] .scene-pop-human{animation:.2s 3.1s both wf-out}.scene[data-step="1"] .scene-pop-agent{animation:wf-rise .3s var(--ease-out) 3.2s both}.scene[data-step="1"] .scene-pop-agent>div+div{animation:wf-rise .3s var(--ease-out) calc(3.25s + var(--i)) both}.scene-toggle-agent{opacity:.5}.scene[data-step="1"] .scene-toggle-thumb{animation:scene-thumb .26s var(--ease-in-out) 3.1s both}.scene[data-step="1"] .scene-toggle-human{animation:.26s 3.1s both scene-dim}.scene[data-step="1"] .scene-toggle-agent{animation:.26s 3.1s both scene-lit}.scene[data-step="2"] .scene-value{opacity:1}.scene[data-step="2"] .scene-bar{animation:wf-rise .42s var(--ease-out) .1s both}.scene[data-step="2"] .scene-cursor{animation:scene-cursor-bar 3.2s var(--ease-in-out) 0s both}.scene[data-step="2"] .scene-bar-typed:after{animation:1s steps(2,end) 1.1s 2 both demo-caret}.scene[data-step="2"] .scene-bar-typed{animation:1s steps(34,end) 1.1s both wf-type}.scene[data-step="2"] .scene-bar-send{animation:wf-press .32s var(--ease-out) 2.2s both}.scene[data-step="2"] .scene-bar-busy{animation:wf-rise .36s var(--ease-out) 2.3s both, wf-out .24s ease 4s forwards}.scene[data-step="2"] .scene-grid{transition-delay:2.3s}.scene[data-step="2"] .scene-newcol{transition-delay:2.3s,2.3s,2.6s}.scene[data-step="2"] .scene-newcol.scene-cell{--fill:calc(2.9s + var(--r))}.scene[data-step="2"] .scene-newcol .scene-pending{opacity:1;animation:wf-out .2s ease calc(2.9s + var(--r)) both}.scene[data-step="2"] .scene-cursor-agent{animation:scene-cursor-rows 5.4s var(--ease-in-out) 0s both}.scene[data-step="2"] .scene-rerun{--fill:var(--rr)}.scene[data-step="2"] .scene-rerun .scene-value{animation:wf-out .2s ease var(--rr) both}.scene[data-step="3"] .scene-rerun .scene-value{display:none}.scene[data-step="3"] .scene-cell:not(.scene-price) .scene-value{opacity:1}.scene[data-step="3"] .scene-price .scene-dash{opacity:1;animation:wf-rise .3s var(--ease-out) calc(1s + var(--r)) both, wf-out .2s ease var(--fill) forwards}.scene[data-step="3"] .scene-price{--fill:calc(5s + var(--r) * 2)}.scene-fix-b,.scene-fix-c{opacity:0}.scene[data-step="3"] .scene-fix{animation:wf-rise .42s var(--ease-out) 1.5s both}.scene[data-step="3"] .scene-fix-a{animation:.24s 3s forwards wf-out}.scene[data-step="3"] .scene-fix-b{animation:wf-rise .36s var(--ease-out) 3.15s both, wf-out .24s ease 4.5s forwards}.scene[data-step="3"] .scene-fix-c{animation:wf-rise .36s var(--ease-out) 4.65s both}.scene[data-step="3"] .scene-cursor{animation:scene-cursor-approve 1.3s var(--ease-in-out) 3.3s both}.scene[data-step="3"] .scene-cursor-agent{animation:scene-cursor-leave .9s var(--ease-in-out) 0s both}.scene[data-step="3"] .scene-approve{animation:wf-press .32s var(--ease-out) 4.3s both}@keyframes scene-cursor-cell{0%{transform:translate(760px,520px)}70%{transform:translate(252px,234px)scale(1)}80%{transform:translate(252px,234px)scale(.8)}to{transform:translate(252px,234px)scale(1)}}@keyframes scene-cursor-toggle{0%{transform:translate(780px,330px)}45%{transform:translate(430px,292px)scale(1)}55%{transform:translate(430px,292px)scale(.8)}70%{transform:translate(430px,292px)scale(1)}to{transform:translate(470px,322px)}}@keyframes scene-cursor-bar{0%{transform:translate(252px,234px)}25%{transform:translate(120px,356px)scale(1)}31%{transform:translate(120px,356px)scale(.8)}37%{transform:translate(120px,356px)scale(1)}62%{transform:translate(592px,396px)scale(1)}69%{transform:translate(592px,396px)scale(.8)}76%{transform:translate(592px,396px)scale(1)}to{transform:translate(780px,380px)}}@keyframes scene-cursor-rows{0%{transform:translate(470px,322px)}15%{transform:translate(760px,330px)}45%{transform:translate(760px,330px)}60%{transform:translate(252px,234px)scale(1)}66%{transform:translate(252px,234px)scale(.8)}71%{transform:translate(252px,234px)scale(1)}78%{transform:translate(252px,298px)scale(1)}84%{transform:translate(252px,298px)scale(.8)}89%{transform:translate(252px,298px)scale(1)}to{transform:translate(330px,300px)}}@keyframes scene-cursor-leave{0%{transform:translate(330px,300px)}to{transform:translate(780px,300px)}}@keyframes scene-cursor-approve{0%{transform:translate(780px,380px)}70%{transform:translate(566px,382px)scale(1)}80%{transform:translate(566px,382px)scale(.8)}to{transform:translate(566px,382px)scale(1)}}@keyframes scene-thumb{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes scene-dim{0%{opacity:1}to{opacity:.5}}@keyframes scene-lit{0%{opacity:.5}to{opacity:1}}
.cell-grid{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:28px 28px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}[data-play] .rise{animation:.7s cubic-bezier(.23,1,.32,1) both rise;animation-delay:calc(var(--i,0) * .12s)}@media (prefers-reduced-motion:reduce){.rise{animation:none}}