/* The restrained background layer supports the authored accounting journey. */
[data-motion-scene]{position:relative;isolation:isolate}
[data-motion-scene]>.motion-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;contain:paint}
[data-motion-scene]>:not(.motion-scene){position:relative;z-index:1}
.motion-art{position:absolute;display:block;color:#00529b;opacity:.24;transform:rotate(var(--rest-rotation,0deg));transform-origin:50% 50%;pointer-events:none;overflow:visible}
.motion-scene.is-near .motion-art{will-change:transform}
.hero-invoice{width:150px;left:calc(50% - 150px);top:27px;opacity:.4}
.hero-ledger{width:252px;right:calc(50% - 724px);top:9px;opacity:.28}
.hero-receipt{width:139px;left:calc(50% - 390px);bottom:12px;opacity:.24}
.ledger-grid{position:absolute;inset:0 0 0 49%;background-image:linear-gradient(#00529b07 1px,transparent 1px),linear-gradient(90deg,#00529b07 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 70% 40%,#000 10%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 10%,transparent 72%)}
.hero-data-path{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#00529b;stroke-width:1;opacity:.15;stroke-linecap:round}
.hero-data-path path{stroke-dasharray:2 8;stroke-dashoffset:var(--path-offset,0)}
.hero-data-path circle{fill:#ff671f;stroke:none}
.solutions-growth{width:164px;right:-38px;top:5px;opacity:.18}
.workflow-invoice{width:174px;right:calc(50% - 735px);top:8px;opacity:.18;color:#b7d5ef;--paper-fill:transparent}
.workflow-transfer{width:178px;left:calc(50% - 695px);bottom:9px;opacity:.16;color:#b7d5ef;--paper-fill:transparent}
.ecosystem-transfer{width:198px;left:calc(50% + 70px);top:4px;opacity:.21}
.package-ledger{width:227px;left:27%;bottom:22px;opacity:.23}
.contact-invoice{width:146px;left:33%;bottom:14px;opacity:.24}

/* A two-pixel reading indicator sits on the existing header edge. */
.reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;pointer-events:none;overflow:hidden}
.reading-progress>span{display:block;height:100%;width:100%;background:#ff671f;transform:scaleX(0);transform-origin:left;opacity:.9}
.site-header{transition:box-shadow .25s ease}
.site-header.has-scrolled{box-shadow:0 5px 23px #00213e06}

/* Progressive enhancement: every section remains visible without JavaScript. */
.motion-active [data-reveal]{transition:opacity .72s cubic-bezier(.2,.65,.25,1),transform .72s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}
.motion-active [data-reveal]:not(.is-revealed){opacity:0;transform:translate3d(0,20px,0)}
.motion-active [data-reveal].is-revealed{opacity:1;transform:translate3d(0,0,0)}
.motion-active [data-reveal]:focus-within{opacity:1;transform:none;transition:none;transition-delay:0ms}
.motion-active .hero-copy>.eyebrow{animation:wm-intro .7s .04s both}
.motion-active .hero-copy>h1{animation:wm-intro .8s .1s both}
.motion-active .hero-description{animation:wm-intro .75s .18s both}
.motion-active .hero-detail{animation:wm-intro .75s .24s both}
.motion-active .hero-actions{animation:wm-intro .7s .3s both}
.motion-active .hero-checks{animation:wm-intro .7s .36s both}
.motion-active .hero-visual{animation:wm-panel-in .95s .16s both}
.motion-active .hero.chart-ready .chart-line{stroke-dasharray:1;stroke-dashoffset:0;animation:wm-draw-chart 1.65s .45s cubic-bezier(.25,.55,.3,1) both}
.motion-active .hero.chart-ready .chart-area{animation:wm-chart-area 1.35s .55s both}
.motion-active .mini-data-row{animation:wm-row-in .32s both}
.motion-active .mini-data-row:nth-child(2){animation-delay:40ms}
.motion-active .mini-data-row:nth-child(3){animation-delay:80ms}
.motion-active .feature-panel .feature-illustration{animation:wm-detail-in .45s cubic-bezier(.2,.65,.25,1) both}
.motion-active .mini-report i{transform-origin:bottom;animation:wm-bar-in .65s cubic-bezier(.2,.65,.25,1) both}
.motion-active .mini-report>span:nth-child(2) i{animation-delay:50ms}
.motion-active .mini-report>span:nth-child(3) i{animation-delay:100ms}
.motion-active .mini-report>span:nth-child(4) i{animation-delay:150ms}
.motion-active .mini-report>span:nth-child(5) i{animation-delay:200ms}
.motion-active .mini-report>span:nth-child(6) i{animation-delay:250ms}
@keyframes wm-intro{from{opacity:0;transform:translate3d(0,13px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes wm-panel-in{from{opacity:.35;transform:translate3d(0,17px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes wm-draw-chart{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes wm-chart-area{from{opacity:0}to{opacity:1}}
@keyframes wm-row-in{from{opacity:.4;transform:translate3d(0,5px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes wm-detail-in{from{opacity:.55;transform:translate3d(0,7px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes wm-bar-in{from{transform:scaleY(.15)}to{transform:scaleY(1)}}

/* Small tactile cues use the same blue and orange already in the interface. */
.motion-active .button .icon,.motion-active .text-link .icon,.motion-active .mini-footer .icon{transition:transform .22s ease}
.motion-active .button:hover>.icon:last-child,.motion-active .text-link:hover>.icon,.motion-active .mini-footer a:hover>.icon{transform:translateX(3px)}
.motion-active .button-quiet:hover>.play-icon{transform:scale(1.1)}
.motion-active .package-extras label>span{transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.motion-active .package-extras input:checked+span{box-shadow:0 0 0 2px #00529b08}
.motion-toggle{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-height:32px}
.motion-toggle[hidden]{display:none}
.site-footer .motion-toggle .icon{width:12px;height:12px;stroke-width:1.7}
.motion-toggle .motion-play-icon{display:none}
.motion-toggle[aria-pressed=true] .motion-pause-icon{display:none}
.motion-toggle[aria-pressed=true] .motion-play-icon{display:block}
.motion-toggle:disabled{cursor:default;color:#617386}
html[data-motion=reduced] [data-reveal]{opacity:1;transform:none;transition:none}
html[data-motion=reduced] .motion-art{transform:rotate(var(--rest-rotation,0deg))!important;will-change:auto}
html[data-motion=reduced] .bank-note{transform:none!important}
html[data-motion=reduced] .flow-trace{stroke-dashoffset:0!important}
html[data-motion=reduced] .hero-data-path path{stroke-dashoffset:0}

@media(min-width:1600px){.hero-invoice{left:calc(50% - 175px);width:165px;top:31px}.hero-ledger{right:calc(50% - 810px);width:280px}.hero-receipt{left:calc(50% - 440px);width:145px}}
@media(max-width:1190px){.hero-invoice{left:calc(50% - 100px);width:133px;top:14px;opacity:.34}.hero-ledger{right:-69px;width:213px;opacity:.24}.hero-receipt{left:24%;width:123px;bottom:15px}.workflow-invoice{right:-57px}.workflow-transfer{left:-64px}.package-ledger{left:23%;width:194px}.contact-invoice{left:29%;width:130px}}
@media(max-width:980px){.hero-invoice{width:116px;top:5px;left:calc(50% - 95px)}.hero-ledger{width:178px;right:-65px;top:3px;opacity:.2}.hero-receipt{width:110px;left:27%;opacity:.2}.solutions-growth{width:137px;right:-41px}.package-ledger{left:18%;width:170px;bottom:30px}.ecosystem-transfer{width:162px;left:45%;top:8px;opacity:.17}.contact-invoice{left:26%;width:120px;bottom:20px}.footer-top>div{gap:18px}}
@media(max-width:760px){
 .hero-invoice{left:auto;right:-20px;top:40px;width:108px;opacity:.23}
 .hero-ledger,.hero-data-path,.ledger-grid{display:none}
 .hero-receipt{left:-21px;bottom:90px;width:102px;opacity:.23}
 .solutions-growth{width:118px;right:-28px;top:1px;opacity:.15}
 .workflow-invoice{width:134px;right:-54px;top:12px;opacity:.12}
 .workflow-transfer{display:none}
 .workflow-stage{margin-top:34px}
 .workflow-route{display:none}
 .workflow-steps .step-reached{border-top-color:#ff955f}
 .workflow-steps .step-reached .step-top>.icon{transform:none}
 .ecosystem-transfer{left:auto;right:-38px;top:14px;width:142px;opacity:.14}
 .package-ledger{width:144px;left:auto;right:-25px;top:23px;bottom:auto;opacity:.15}
 .contact-invoice{width:121px;left:auto;right:-24px;top:20px;bottom:auto;opacity:.17}
 .motion-active [data-reveal]:not(.is-revealed){transform:translate3d(0,12px,0)}
 .motion-active [data-reveal]{transition-duration:.55s;transition-delay:0ms}
 .motion-active .hero-copy>*{animation-duration:.65s;animation-delay:0s}
 .motion-active .hero-visual{animation-delay:.08s}
 .footer-top>div{gap:16px 23px;flex-wrap:wrap}
 .motion-toggle{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
 .motion-art{transform:rotate(var(--rest-rotation,0deg))!important;will-change:auto}
 .motion-active [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
 .motion-active .hero-copy>*,.motion-active .hero-visual,.motion-active .mini-data-row,.motion-active .feature-illustration,.motion-active .mini-report i{animation:none!important;opacity:1!important;transform:none!important}
 .motion-active .chart-line{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}
 .motion-active .chart-area{animation:none!important;opacity:1!important}
 .flow-trace{stroke-dashoffset:0!important}
 .bank-note{transform:none!important}
}
@media print{.motion-scene,.workflow-route,.reading-progress,.motion-toggle{display:none!important}[data-reveal]{opacity:1!important;transform:none!important}}