.hero-artwork{--artwork-inset:clamp(24px,4vw,56px);position:relative;padding:var(--artwork-inset)}@media(max-width:760px){.hero-artwork{--artwork-inset:16px}}.hero-media-reserved .hero-artwork{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#6e8794 url(../images/workflow-background-grain.webp?v=68380c91) center / cover no-repeat}.hero-demo{position:relative;width:min(100%,860px);aspect-ratio:5/3;overflow:hidden;flex:none;filter:drop-shadow(0 16px 28px rgba(24,23,22,.13))}.hero-demo-canvas{position:absolute;top:0;left:0;width:400px;height:240px;transform:scale(var(--demo-scale,1));transform-origin:top left;font-family:var(--font-body);color:var(--text-primary)}.demo-phase{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.demo-phase.is-active{visibility:visible;opacity:1}.demo-phase.is-leaving{visibility:visible;opacity:0}.demo-phase:not(.is-active):not(.is-leaving) *{animation:none!important}#top .hero-demo:not(.is-playing) .demo-phase *{animation-play-state:paused!important}.demo-step-screen{position:absolute;left:0;top:20px;width:400px;height:200px;overflow:hidden}.demo-scene{position:absolute;inset:0;overflow:hidden}.demo-scene--one{animation:demo-scene-one 10.5s linear infinite}.demo-scene--three{animation:demo-scene-three 10.5s linear infinite}.demo-compose{position:absolute;left:20.5px;top:56px;width:359px;height:160px;display:flex;flex-direction:column;justify-content:space-between;padding:16px 16px 8px;background:#fff;border:1px solid var(--border-secondary);border-radius:8px;box-shadow:var(--shadow-xs);overflow:hidden}.demo-compose--one{animation:demo-compose-one 10.5s linear infinite}.demo-compose-label{font-size:13px;line-height:16px;color:var(--text-secondary);padding-top:8px;animation:demo-compose-label 10.5s linear infinite}.demo-compose-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%}.demo-tools,.demo-model-actions{display:flex;align-items:center;gap:2px}.demo-model-actions{gap:8px}.demo-tool,.demo-send{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px}.demo-tool img,.demo-send img,.demo-model img{display:block}.demo-tool--link{animation:demo-link-tap 10.5s linear infinite}.demo-model{display:flex;align-items:center;gap:4px;padding:6px 8px;font-size:13px;line-height:16px;color:var(--text-secondary);white-space:nowrap;border-radius:8px}.demo-send--blue{background:linear-gradient(90deg,#4789e4,#1967d4);animation:demo-send-tap 10.5s linear infinite}.demo-files{position:absolute;left:15px;top:7px;width:327px;height:96px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;padding-top:8px}.demo-file{position:relative;display:flex;gap:6px;width:151.429px;height:41px;padding:6px;border:1px solid var(--border-primary);border-radius:8px;background:#fff;animation:demo-file-one 10.5s linear infinite}.demo-file:nth-child(2){animation-name:demo-file-two}.demo-file:nth-child(3){width:134.286px;animation-name:demo-file-three}.demo-file-icon{position:relative;display:block;width:28.571px;height:28.571px;flex:none}.demo-file-icon>img{position:absolute;top:0;left:5px}.demo-file-type{position:absolute;left:1px;top:13px;min-width:18px;height:12px;padding:1px 2px;border-radius:2px;color:#fff;font:700 7px/10px var(--font-body);text-align:center}.demo-file-type--pdf{background:#dc2626}.demo-file-type--doc{background:#2563eb}.demo-file-type--csv{background:#16a34a}.demo-file-name{display:block;min-width:0;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:7px;line-height:9px}.demo-file-close{position:absolute;right:5px;top:5px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:4px}.demo-send--blue{opacity:.35}.demo-scene--one .demo-send--blue{animation:demo-send-ready 10.5s linear infinite,demo-send-tap 10.5s linear infinite}.demo-payment-card{position:absolute;left:51.5px;top:33px;width:297px;height:298px;overflow:hidden;background:#fff;border:1px solid var(--border-secondary);border-radius:8px;box-shadow:var(--shadow-xs);animation:demo-payment-card 10.5s linear infinite}.demo-paper{position:absolute;left:-100px;top:-15px;width:495px;height:335px;max-width:none;object-fit:cover;opacity:.65;pointer-events:none}.demo-payment-header{position:absolute;left:15px;right:15px;top:15px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;animation:demo-payment-header 10.5s linear infinite}.demo-draft{padding:2px 6px;border-radius:6px;background:#b2d2ff;color:#061933;font-size:11px;line-height:16px}.demo-payment-header strong{font-size:16px;line-height:20px;font-weight:400;white-space:nowrap}.demo-steps{position:absolute;left:15px;top:79px;height:202px;display:flex;flex-direction:column;justify-content:space-between}.demo-step{display:flex;align-items:flex-start;gap:8px;min-height:30px;animation:demo-step-one 10.5s linear infinite}.demo-step:nth-child(2){animation-name:demo-step-two}.demo-step:nth-child(3){animation-name:demo-step-three}.demo-step:nth-child(4){animation-name:demo-step-four}.demo-step:nth-child(5){animation-name:demo-step-five}.demo-step-icon{position:relative;display:block;width:15px;height:30px;flex:none}.demo-step-icon>img:first-child{display:block}.demo-step-line{position:absolute;top:17px;left:-.5px;transform:rotate(90deg);transform-origin:center}.demo-step-copy{display:flex;flex-direction:column;gap:2px;white-space:nowrap;font-size:13px;line-height:16px}.demo-step-copy b{font-weight:400}.demo-step-copy small{font-size:13px;line-height:16px;color:var(--text-tertiary)}@keyframes demo-scene-one{0%{opacity:1}30.476%{opacity:1;animation-timing-function:ease-out}34.286%,to{opacity:0}}@keyframes demo-scene-three{0%{opacity:0;animation-timing-function:step-end}30.476%,to{opacity:1}}@keyframes demo-compose-one{0%{opacity:0;animation-timing-function:ease-out}3.81%,to{opacity:1}}@keyframes demo-compose-label{0%{opacity:1}9.048%{opacity:1;animation-timing-function:ease-out}10.952%,to{opacity:0}}@keyframes demo-link-tap{0%,5.238%,8.19%,to{transform:scale(1)}6.476%{transform:scale(.88)}}@keyframes demo-file-one{0%,11.429%{opacity:0;transform:translateY(9px)}14.667%,to{opacity:1;transform:translateY(0)}}@keyframes demo-file-two{0%,15.714%{opacity:0;transform:translateY(9px)}18.952%,to{opacity:1;transform:translateY(0)}}@keyframes demo-file-three{0%,20%{opacity:0;transform:translateY(9px)}23.238%,to{opacity:1;transform:translateY(0)}}@keyframes demo-send-ready{0%,22.381%{opacity:.35}24.762%,to{opacity:1}}@keyframes demo-send-tap{0%,26.667%,29.714%,to{transform:scale(1)}28%{transform:scale(.88)}}@keyframes demo-payment-card{0%,30.476%{opacity:0;transform:translateY(10px)}34.286%,67.143%{opacity:1;transform:translateY(0)}71.429%,to{opacity:1;transform:translateY(-100px)}}@keyframes demo-payment-header{0%,31.905%{opacity:0;transform:translateY(4px)}34.952%,to{opacity:1;transform:translateY(0)}}@keyframes demo-step-one{0%,36.667%{opacity:0;transform:translateY(6px)}40%,to{opacity:1;transform:translateY(0)}}@keyframes demo-step-two{0%,47.143%{opacity:0;transform:translateY(6px)}50.476%,to{opacity:1;transform:translateY(0)}}@keyframes demo-step-three{0%,57.619%{opacity:0;transform:translateY(6px)}60.952%,to{opacity:1;transform:translateY(0)}}@keyframes demo-step-four{0%,71.429%{opacity:0;transform:translateY(6px)}74.762%,to{opacity:1;transform:translateY(0)}}@keyframes demo-step-five{0%,82.381%{opacity:0;transform:translateY(6px)}85.714%,to{opacity:1;transform:translateY(0)}}.demo-compare-header{position:absolute;top:0;left:8.5px;width:383px;height:56px;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 12px;background:#f8f6f4;border-radius:8px}.demo-compare-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:40px;color:var(--text-secondary);font-size:13px;line-height:16px}.demo-version{display:inline-flex;align-items:center;width:max-content;padding:2px 6px;border-radius:5px;background:#b2d2ff;color:#061933;font-size:11px;line-height:16px;font-weight:400}.demo-compare-title .demo-version{padding:2px 5px;font-size:9px;line-height:13px}.demo-compare-file{position:relative;display:flex;align-items:center;gap:2px;width:185px;height:40px;padding:5px 6px;background:#fff;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:7px;line-height:9px;white-space:nowrap}.demo-compare-file-icon{position:relative;width:28.571px;height:28.571px;flex:none}.demo-compare-file-icon>img{position:absolute;top:0;left:3px}.demo-compare-file-icon>b{position:absolute;left:4px;right:1px;bottom:3px;color:var(--text-secondary);font:700 6.5px/8px var(--font-body);text-align:center}.demo-compare-file>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.demo-compare-close{position:absolute;right:7px;top:7px}.demo-compare-run{position:absolute;top:100px;left:19px;width:164px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.demo-compare-run--second{left:219px}.demo-compare-run>span{width:126px;color:#fff;font-size:13px;line-height:16px}.demo-compare-amount{display:flex;white-space:nowrap;color:#fff;font-size:24px;line-height:28px;font-weight:500}.demo-compare-amount .demo-amount-char{opacity:0;animation:demo-amount-char 86ms linear both}.demo-compare-amount .demo-amount-char:first-child{color:#fff}.demo-identical{position:absolute;left:19px;top:168px;display:flex;align-items:center;gap:2px;padding:2px 8px 2px 6px;background:#cdeea4;border-radius:6px;color:#1f3009;font-size:11px;line-height:16px;animation:demo-identical 4.6s linear both}.demo-identical img{display:block}@keyframes demo-amount-char{0%{opacity:0}to{opacity:1}}@keyframes demo-identical{0%{opacity:0}70.652%{opacity:0;animation-timing-function:ease-out}78.261%,to{opacity:1}}.demo-follow-card{position:absolute;left:51.5px;top:26px;width:297px;height:370px;overflow:hidden;background:#fff;border:1px solid var(--border-secondary);border-radius:8px;box-shadow:var(--shadow-xs);animation:demo-follow-card 11s linear both}.demo-follow-paper{position:absolute;left:-161px;top:-15px;width:617px;height:417px;max-width:none;object-fit:cover;opacity:.65;pointer-events:none}.demo-follow-header{position:absolute;top:15px;left:15px;right:15px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.demo-follow-header strong{font-size:16px;line-height:20px;font-weight:400;white-space:nowrap}.demo-follow-steps{position:absolute;top:79px;left:15px;width:265px;display:flex;flex-direction:column;gap:8px}.demo-follow-step{display:flex;align-items:flex-start;gap:8px;min-height:30px;opacity:0;animation:demo-follow-step-one 11s linear both}.demo-follow-step--two{animation-name:demo-follow-step-two}.demo-follow-step--three{animation-name:demo-follow-step-three}.demo-follow-step--four{animation-name:demo-follow-step-four}.demo-follow-step--five{animation-name:demo-follow-step-five}.demo-follow-step--six{animation-name:demo-follow-step-six}.demo-follow-icon{position:relative;display:block;width:15px;min-height:30px;flex:none}.demo-follow-icon>img:first-child{display:block}.demo-follow-line{position:absolute;top:18px;left:-.5px;transform:rotate(90deg);transform-origin:center}.demo-follow-copy{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px;line-height:16px;white-space:nowrap}.demo-follow-label{display:flex;align-items:center;gap:4px}.demo-follow-label>img{display:block}.demo-follow-copy small{font-size:13px;line-height:16px;color:transparent}.demo-follow-step--three .demo-follow-copy{gap:4px}.demo-exception,.demo-approved{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:5px;font-size:9px;line-height:13px}.demo-exception{background:#fee793;color:#3a3118}.demo-exception img,.demo-approved img{display:block}.demo-follow-copy .demo-freight{color:#cb9e15;animation:demo-follow-freight 11s linear both}.demo-follow-step--four .demo-follow-copy{gap:8px}.demo-resolution{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:242px;padding:8px;background:#fff;border-radius:8px;color:var(--text-secondary);animation:demo-follow-resolution 11s linear both}.demo-approved{background:#cdeea4;color:#1f3009;animation:demo-follow-approved 11s linear both}@keyframes demo-follow-card{0%{transform:translateY(0)}24.091%{transform:translateY(0);animation-timing-function:ease-in-out}30.455%{transform:translateY(-85px)}44.545%{transform:translateY(-85px);animation-timing-function:ease-in-out}51.818%{transform:translateY(-166px)}71.818%{transform:translateY(-166px);animation-timing-function:ease-in-out}78.636%,to{transform:translateY(-211px)}}@keyframes demo-follow-step-one{0%,4.545%{opacity:0;transform:translateY(5px)}7.273%,to{opacity:1;transform:translateY(0)}}@keyframes demo-follow-step-two{0%,14.091%{opacity:0;transform:translateY(5px)}16.818%,to{opacity:1;transform:translateY(0)}}@keyframes demo-follow-step-three{0%,23.182%{opacity:0;transform:translateY(5px)}25.909%,to{opacity:1;transform:translateY(0)}}@keyframes demo-follow-freight{0%,29.818%{opacity:0}32.727%,to{opacity:1}}@keyframes demo-follow-step-four{0%,45.455%{opacity:0;transform:translateY(5px)}48.364%,to{opacity:1;transform:translateY(0)}}@keyframes demo-follow-resolution{0%,50.455%{opacity:0;transform:translateY(5px)}53.636%,to{opacity:1;transform:translateY(0)}}@keyframes demo-follow-approved{0%,64.091%{opacity:0}67%,to{opacity:1}}@keyframes demo-follow-step-five{0%,73.182%{opacity:0;transform:translateY(5px)}75.909%,to{opacity:1;transform:translateY(0)}}@keyframes demo-follow-step-six{0%,82.273%{opacity:0;transform:translateY(5px)}85%,to{opacity:1;transform:translateY(0)}}.demo-learning-screen{font-family:var(--font-body);color:#272727}.demo-learning-badge{position:absolute;left:6px;top:90px;width:61px;height:20px;border-radius:6px;background:#b2d3ff;color:#17365c;font-size:10px;line-height:20px;text-align:center}.demo-learning-badge .demo-learning-value{position:absolute;inset:0;white-space:nowrap}.demo-learning-card{position:absolute;top:34px;height:132px;background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-sizing:border-box}.demo-learning-threshold{left:78px;width:153px}.demo-learning-accuracy{left:241px;width:128px}.demo-learning-card-title{position:absolute;left:7px;top:8px;color:gray;font-size:7px;line-height:9px;white-space:nowrap}.demo-learning-gauge-track,.demo-learning-gauge-progress{position:absolute;left:18.8px;top:31.8px;max-width:none}.demo-learning-gauge-track{width:114.4px;height:59.4px}.demo-learning-gauge-progress{width:112.527px;height:59.4004px}.demo-learning-gauge-progress path{stroke-dasharray:.0909 1;animation:demo-learning-arc 5.7s linear both}.demo-learning-gauge-label{position:absolute;color:gray;font-size:6px;line-height:8px;white-space:nowrap}.demo-learning-gauge-label--thousand{left:44px;top:22px}.demo-learning-gauge-label--ten-thousand{left:112px;top:37px}.demo-learning-gauge-label--every{left:11px;top:97px}.demo-learning-needle{position:absolute;left:21px;top:34px;width:110px;height:110px;max-width:none;transform-origin:55px 55px;animation:demo-learning-needle 5.7s linear both}.demo-learning-review{position:absolute;left:7px;top:112px;width:137px;font-size:9px;line-height:12px;text-align:center;white-space:nowrap}.demo-learning-accuracy-number{position:absolute;left:7px;top:19px;font-size:15px;line-height:18px;white-space:nowrap}.demo-learning-chart{position:absolute;left:9px;top:72px;width:108px;height:44px}.demo-learning-baseline{position:absolute;left:0;top:43.7px;width:108.65px;height:.65px;max-width:none}.demo-learning-trend{position:absolute;left:0;top:0;width:108px;height:44px;max-width:none}.demo-learning-baseline-label{position:absolute;left:106px;top:117px;color:gray;font-size:6px;line-height:8px}.demo-learning-value{opacity:0}.demo-learning-value--1{opacity:1;animation:demo-learning-stage-1 5.7s linear both}.demo-learning-value--2{animation:demo-learning-stage-2 5.7s linear both}.demo-learning-value--3{animation:demo-learning-stage-3 5.7s linear both}.demo-learning-value--4{animation:demo-learning-stage-4 5.7s linear both}.demo-learning-value--5{animation:demo-learning-stage-5 5.7s linear both}.demo-learning-value--6{animation:demo-learning-stage-6 5.7s linear both}.demo-learning-value--7{animation:demo-learning-stage-7 5.7s linear both}.demo-learning-value--8{animation:demo-learning-stage-8 5.7s linear both}@keyframes demo-learning-stage-1{0%,14.561%{opacity:1}15.789%,to{opacity:0}}@keyframes demo-learning-stage-2{0%,14.561%{opacity:0}15.789%,25.088%{opacity:1}26.316%,to{opacity:0}}@keyframes demo-learning-stage-3{0%,25.088%{opacity:0}26.316%,35.614%{opacity:1}36.842%,to{opacity:0}}@keyframes demo-learning-stage-4{0%,35.614%{opacity:0}36.842%,46.140%{opacity:1}47.368%,to{opacity:0}}@keyframes demo-learning-stage-5{0%,46.140%{opacity:0}47.368%,56.667%{opacity:1}57.895%,to{opacity:0}}@keyframes demo-learning-stage-6{0%,56.667%{opacity:0}57.895%,67.193%{opacity:1}68.421%,to{opacity:0}}@keyframes demo-learning-stage-7{0%,67.193%{opacity:0}68.421%,77.719%{opacity:1}78.947%,to{opacity:0}}@keyframes demo-learning-stage-8{0%,77.719%{opacity:0}78.947%,to{opacity:1}}@keyframes demo-learning-arc{0%{stroke-dasharray:.0909 1}14.035%{stroke-dasharray:.0909 1;animation-timing-function:ease-in-out}20.175%{stroke-dasharray:.2208 1}24.561%{stroke-dasharray:.2208 1;animation-timing-function:ease-in-out}30.702%{stroke-dasharray:.3506 1}35.088%{stroke-dasharray:.3506 1;animation-timing-function:ease-in-out}41.228%{stroke-dasharray:.4805 1}45.614%{stroke-dasharray:.4805 1;animation-timing-function:ease-in-out}51.754%{stroke-dasharray:.6104 1}56.140%{stroke-dasharray:.6104 1;animation-timing-function:ease-in-out}62.281%{stroke-dasharray:.7403 1}66.667%{stroke-dasharray:.7403 1;animation-timing-function:ease-in-out}72.807%{stroke-dasharray:.8701 1}77.193%{stroke-dasharray:.8701 1;animation-timing-function:ease-in-out}83.333%,to{stroke-dasharray:1 1}}@keyframes demo-learning-needle{0%{transform:rotate(0)}14.035%{transform:rotate(0);animation-timing-function:ease-in-out}20.175%{transform:rotate(21.43deg)}24.561%{transform:rotate(21.43deg);animation-timing-function:ease-in-out}30.702%{transform:rotate(42.86deg)}35.088%{transform:rotate(42.86deg);animation-timing-function:ease-in-out}41.228%{transform:rotate(64.29deg)}45.614%{transform:rotate(64.29deg);animation-timing-function:ease-in-out}51.754%{transform:rotate(85.72deg)}56.140%{transform:rotate(85.72deg);animation-timing-function:ease-in-out}62.281%{transform:rotate(107.15deg)}66.667%{transform:rotate(107.15deg);animation-timing-function:ease-in-out}72.807%{transform:rotate(128.58deg)}77.193%{transform:rotate(128.58deg);animation-timing-function:ease-in-out}83.333%,to{transform:rotate(150deg)}}.demo-approval-stage{--color-neutral-900:#f7efde;--color-fg-brand-primary:#f7efde;--radius-md:8px;--radius-full:9999px;--font-weight-bold:600;--font-weight-semibold:550}.demo-approval-stage .mx-stamps{position:absolute;left:20px;top:20px;right:auto;display:flex;flex-direction:column;align-items:flex-start;gap:26px;margin:0}.demo-approval-stage .mx-stamp{gap:10px;padding:10px 16px 10px 12px;background:transparent;box-shadow:none;opacity:0}.demo-approval-stage .mx-stamp.mx-a{margin-left:36px}.demo-approval-stage .mx-stamp .mx-mk{width:32px;height:32px}.demo-approval-stage .mx-stamp .mx-w{font-size:16px;line-height:20px}.demo-approval-stage .mx-stamp .mx-by{font-size:12px;line-height:17px;white-space:nowrap}.demo-approval-stage .mx-ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.demo-approval-stage .mx-sig{color:#f7efde;opacity:0}.demo-phase--approval.is-active .mx-p{--r:-2deg;animation:mx-press .15s linear .15s both}.demo-phase--approval.is-active .mx-a{--r:1.5deg;animation:mx-press .15s linear .75s both}.demo-phase--approval.is-active .mx-sig{animation:mx-fade .01s linear 1s both}.demo-phase--approval.is-active .mx-sig path{stroke-dasharray:1;animation:mx-ink .6s linear 1s both}@media(prefers-reduced-motion:reduce){.hero-demo *{animation:none!important;transition:none!important}#top .demo-phase{display:none!important}#top .demo-phase--approval{display:block!important;visibility:visible;opacity:1}.demo-approval-stage .mx-stamp,.demo-approval-stage .mx-sig{opacity:1!important}.mx-figma-demos .demo-phase{display:block!important;visibility:visible;opacity:1}.mx-figma-demos .demo-amount-char{opacity:1!important}.mx-figma-demos .demo-follow-card{transform:translateY(-166px)}.mx-figma-demos .demo-follow-step,.mx-figma-demos .demo-resolution,.mx-figma-demos .demo-approved{opacity:1}.demo-learning-value{opacity:0!important}.demo-learning-value--8{opacity:1!important}.demo-learning-needle{transform:rotate(150deg)!important}.demo-learning-gauge-progress path{stroke-dasharray:1 1!important}}