/* Cinematic finishing layer. All artwork is decorative; content remains readable without motion. */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--soft-light:#d4f99a;--surface-edge:#cae6b530}
body{background:radial-gradient(ellipse 70% 620px at 78% 190px,#28402d38,transparent 80%),var(--dark)}
.header{position:relative}
.header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#aaca871a,transparent 35%,#aaca871a);pointer-events:none}
.desktop-nav a{position:relative;padding:8px 0;transition:color .25s}
.desktop-nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}
.button{transition:transform .45s var(--ease-out),background .3s,box-shadow .45s var(--ease-out)}
.button>span{transition:transform .45s var(--ease-out)}
.button:hover>span,.button:focus-visible>span{transform:translate(3px,-2px)}
.button.acid{box-shadow:inset 0 1px 0 #f3ffde,0 3px 0 #070e0b20,0 8px 30px #9abf6410}
.button.acid:hover{box-shadow:inset 0 1px 0 #f3ffde,0 8px 32px #b1e67a25}
.hero-copy>.eyebrow,.hero h1,.hero-description,.hero-actions{animation:title-enter 1s var(--ease-out) backwards}
.hero h1{animation-delay:.1s}.hero-description{animation-delay:.2s}.hero-actions{animation-delay:.3s}
.hero-art{isolation:isolate}
.sphere{overflow:hidden}
.hero-light{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-light:before{content:'';position:absolute;inset:3% 0;border-radius:50%;background:conic-gradient(from 230deg,transparent 0deg,#b7dda41a 45deg,transparent 90deg,transparent 200deg,#bdd7ff0b 250deg,transparent 300deg);filter:blur(25px);animation:light-drift 24s ease-in-out infinite;pointer-events:none}
.hero-art:after{content:'';position:absolute;inset:18% 9%;border-radius:50%;background:radial-gradient(circle at 34% 28%,#daffbd13,transparent 50%);box-shadow:0 0 110px #a6cc6c08;pointer-events:none}
.floating-card{border-radius:12px;backdrop-filter:blur(18px);background-image:linear-gradient(135deg,#e0ffc309,transparent 65%)}
.signal-strip{position:relative;overflow:hidden;background:linear-gradient(100deg,#1e2c2070,#1a271c,#1e2c2070)}
.signal-strip:after{content:'';position:absolute;bottom:-1px;left:0;width:22%;height:1px;background:linear-gradient(90deg,transparent,#d4f99a80,transparent);animation:strip-light 16s linear infinite;pointer-events:none}
.signal-strip i{animation:quiet-turn 28s linear infinite}
.section-heading h2,.benefit-copy h2,.demo-copy h2{ text-wrap:balance }
.section-heading h2 .serif{color:#d6e7c7}.modules-section h2 .serif{color:#526942}
.section-heading>p{line-height:1.9;color:#a5b49b}
.journey-section{position:relative}
.journey-layout{align-items:stretch}
.journey-step{border-radius:14px;background:linear-gradient(115deg,#28382a65,#1c2a1e30);transition:background .6s,border-color .5s,transform .6s var(--ease-out),box-shadow .5s}
.journey-step[aria-selected=true]{background:linear-gradient(115deg,#c3e99716,#24321f70);box-shadow:inset 0 1px 0 #e4ffd20a,0 10px 32px #00000012}
.journey-step small{color:#b0c09e}.journey-arrow{transition:transform .5s var(--ease-out)}
.journey-step[aria-selected=true] .journey-arrow{transform:translate(2px,-2px)}
.journey-step:after{display:none}
.journey-number{font-size:22px}
.journey-stage{border-radius:20px;background:radial-gradient(ellipse at 50% 5%,#465d3333,transparent 65%),linear-gradient(145deg,#1d2a20,#111e16);box-shadow:0 30px 70px #00000025,inset 0 1px 0 #e3ffcb0c}
.journey-stage:after{content:'';position:absolute;inset:10px;border:1px solid #c9e7a910;border-radius:12px;pointer-events:none}
.journey-stage-top{padding:22px 25px;color:#b4c8a3;background:linear-gradient(90deg,#cceba005,transparent)}
.journey-stage-top>span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.16em;color:#c4d8b3}
.journey-stage-footer{padding:20px 25px;color:#94a98a}
.journey-stage:before{opacity:.65;background-size:36px 36px}
.journey-scene{animation:scene-focus .8s var(--ease-out) both}
.connect-core{box-shadow:0 0 0 9px #bde39505,0 0 0 28px #bde39503,0 0 60px #badc7920;border-color:#d7f6b4a0;background:radial-gradient(circle at 35% 25%,#506d3d,#13241a 75%)}
.connect-node{background:linear-gradient(135deg,#293b2ddf,#1b2c22e6);box-shadow:0 14px 35px #0003,inset 0 1px 0 #e1ffd10b;border-color:#c2dcaa45}
.scene-connect .connect-node{animation-duration:9s}
.routing-message{background:linear-gradient(115deg,#c4dea210,#c4dea203);box-shadow:0 14px 30px #00000010;animation:scene-detail .7s var(--ease-out) .12s backwards}
.routing-message p{font-size:13px}.routing-message small{font-size:8px}
.routing-scan{animation:scene-detail .7s var(--ease-out) .25s backwards}
.extraction-fields>div{animation:scene-detail .7s var(--ease-out) .4s backwards;border-color:#b5d28f40;background:linear-gradient(145deg,#24342385,#16271a)}
.extraction-fields>div:nth-child(2){animation-delay:.5s}.extraction-fields>div:nth-child(3){animation-delay:.6s}
.extraction-fields strong{font-size:11px}.extraction-fields small{color:#b3c79f}
.routing-destinations{animation:scene-detail .65s var(--ease-out) .72s backwards}
.scene-understand .scene-note{animation:scene-detail .65s var(--ease-out) .82s backwards}
.outcome-row{animation:scene-detail .85s var(--ease-out) .12s backwards;background:linear-gradient(115deg,#b5d38f0d,#b5d38f02);box-shadow:0 8px 25px #00000008}
.outcome-row:nth-child(2){animation-delay:.28s}.outcome-row:nth-child(3){animation-delay:.44s}
.outcome-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid #bdda9d30;border-radius:10px;background:#c4e69e08}
.outcome-mark{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;border:1px solid #bdda9d40;border-radius:50%;font-size:10px}
.journey-bars i{position:relative;overflow:hidden;width:26px;background:#516d3e55!important}
.journey-stage[data-phase="0"] .journey-bars i:nth-child(1),.journey-stage[data-phase="1"] .journey-bars i:nth-child(2),.journey-stage[data-phase="2"] .journey-bars i:nth-child(3){background:#a0c17b70!important}
.journey-stage[data-phase="0"] .journey-bars i:nth-child(1):after,.journey-stage[data-phase="1"] .journey-bars i:nth-child(2):after,.journey-stage[data-phase="2"] .journey-bars i:nth-child(3):after{content:'';position:absolute;inset:0;background:var(--acid);transform-origin:left}
.journey-stage[data-playback="running"] .journey-bars i:after{animation:scene-time 6.5s linear both}
.journey-stage[data-playback="idle"] .journey-bars i:after{transform:scaleX(.25)}
.product-window{border-radius:19px;border-color:#bfd49e65;box-shadow:0 40px 100px #0004,0 -1px 0 #e0ffc41a,0 0 100px #9acb550b}
.window-header{background:linear-gradient(110deg,#fdfef8,#e9efdf)}
.preview-tabs button{transition:background .3s,color .3s,border-color .3s,box-shadow .3s}
.preview-tabs button[aria-selected=true]{box-shadow:0 4px 12px #1623111a}
.example-message{box-shadow:0 10px 25px #384b1905}.example-result{background:linear-gradient(145deg,#eaf2dc,#dde9c5);box-shadow:0 12px 28px #526a2610}
.flow-transition{height:125px;background:radial-gradient(ellipse at 50% 65%,#aacd791b,transparent 65%)}
.modules-section{border-radius:36px 36px 0 0;background:radial-gradient(ellipse at 50% 0,#fff,#f2f5ec 70%);border-top:1px solid #eff8df80}
.module-grid{gap:22px}.module-card{border-radius:19px;padding:25px 26px 23px;box-shadow:inset 0 1px 0 #fff9;transition:transform .65s var(--ease-out),box-shadow .6s}
.sales-card{--art-tone:#708f49;--art-dark:#263d2b;--art-light:#d5edb1;background:linear-gradient(155deg,#ecf4e0,#e6efdb)}
.finance-card{--art-tone:#a48c56;--art-dark:#524630;--art-light:#f1dfb6;background:linear-gradient(155deg,#f6f1e4,#eee6d0)}
.support-card{--art-tone:#6f938d;--art-dark:#274640;--art-light:#c6e4da;background:linear-gradient(155deg,#e8f0eb,#dae7df)}
.module-top{margin-bottom:0;align-items:center;font-size:9px;letter-spacing:.15em;color:var(--art-tone)}
.module-glyph{width:29px;height:29px;border-radius:50%;font-size:19px;background:#ffffff40;border-color:#2438271c;color:var(--art-dark)}.module-glyph:after{display:none}
.module-art{position:relative;width:100%;height:166px;margin:7px 0 19px;overflow:hidden;border-bottom:1px solid #33452613;background:radial-gradient(ellipse at 50% 65%,#fff8,transparent 68%)}
.module-art svg{width:100%;height:100%;overflow:visible;stroke-linecap:round;stroke-linejoin:round}
.art-track{stroke:var(--art-tone);stroke-opacity:.22;stroke-width:1}
.art-packet{stroke:var(--art-tone);stroke-width:2;animation:energy-stream 7s linear infinite}
.art-paper{fill:#fafff4;fill-opacity:.87;stroke:var(--art-tone);stroke-opacity:.4}
.art-ink{stroke:var(--art-tone);stroke-opacity:.6;stroke-width:1.5}
.art-fill{fill:var(--art-light);stroke:var(--art-tone);stroke-opacity:.2}
.art-check{stroke:var(--art-dark);stroke-width:1.5}
.art-core{fill:var(--art-dark);stroke:var(--art-tone);stroke-width:1}
.art-core-mark{stroke:var(--art-light);stroke-width:1.4}
.art-orbit{stroke:var(--art-tone);stroke-opacity:.4;stroke-dasharray:3 6;transform-origin:159px 92px;animation:quiet-turn 28s linear infinite}
.art-float{animation:illustration-float 8s ease-in-out infinite}.art-float-two{animation-delay:-3s;animation-duration:10s}
.paper-back{transform-origin:140px 90px;transform:rotate(-12deg);opacity:.65}
.paper-scan{stroke:var(--art-tone);stroke-width:1.5;animation:paper-read 6s ease-in-out infinite}
.reply-dot{fill:var(--art-light);animation:reply-breathe 3.6s ease-in-out infinite}.reply-dot:nth-of-type(2){animation-delay:.2s}.reply-dot:nth-of-type(3){animation-delay:.4s}
.module-card h3{font-size:35px}.module-card>p{line-height:1.85;color:#65745d;min-height:88px}.module-card li{line-height:1.5}
.module-link{min-height:45px}.module-link>span{display:grid;place-items:center;border:1px solid #21371d30;border-radius:50%;width:27px;height:27px;font-size:16px;transition:transform .5s var(--ease-out),background .3s}
.module-card:hover,.module-card:focus-within{transform:translateY(-6px);box-shadow:0 24px 45px #21381612,inset 0 1px 0 #fff}
.module-card:hover .module-link>span,.module-card:focus-within .module-link>span{transform:rotate(45deg);background:#ffffff70}
.trust-card{border-radius:17px;background:linear-gradient(140deg,#283a2785,#17231b50);box-shadow:inset 0 1px 0 #dcffc40a;transition:border-color .4s,background .4s}
.trust-card:before{width:180px;height:180px;top:-65px;right:-45px;border-color:#a0ca7320;box-shadow:0 0 0 30px #a0ca7307,0 0 0 60px #a0ca7304}
.trust-card:hover{border-color:#b7d89150}.trust-icon:after{animation-duration:18s}
.time-calculator{border-radius:20px;background:radial-gradient(ellipse at 100% 0,#c5e89512,transparent 60%),linear-gradient(145deg,#223123,#162119);box-shadow:inset 0 1px 0 #d4f99a0a,0 25px 60px #0002}
.time-result>span{font-variant-numeric:tabular-nums}.calc-heading{color:#b0c79a}
.proof-grid article{border-radius:14px;background:linear-gradient(140deg,#25332170,#14201930)}
.demo-section{overflow:hidden;background:radial-gradient(ellipse at 10% 10%,#e9ffc8,transparent 60%),linear-gradient(125deg,#d4f99a,#b9df87);border-radius:36px 36px 0 0}
.demo-section:after{content:'';position:absolute;width:520px;height:520px;left:-200px;bottom:-310px;border:1px solid #4167261a;border-radius:50%;box-shadow:0 0 0 45px #41672607,0 0 0 90px #41672605;pointer-events:none}
.application-card{position:relative;z-index:1;border-radius:20px;background:linear-gradient(145deg,#fefff7,#f3f8e9);box-shadow:0 30px 80px #3e601e1a,inset 0 1px 0 #fff}
.application-card input:not([type=checkbox]),.application-card select,.application-card textarea{transition:border-color .2s,box-shadow .2s}
.application-card input:focus,.application-card select:focus,.application-card textarea:focus{border-color:#8fab6e;box-shadow:0 0 0 3px #77954b0c}
.faq-list summary{transition:color .25s}.faq-list summary:hover,.faq-list details[open] summary{color:#e3f0d5}.faq-list summary span{transition:transform .45s var(--ease-out)}
.final-cta{position:relative;isolation:isolate;overflow:hidden;padding-top:55px}
.final-cta:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 75% 80%,#a7d47217,transparent 62%);pointer-events:none;animation:final-light 12s ease-in-out infinite}
.final-cta:after{content:'';position:absolute;z-index:-1;width:320px;height:320px;right:5%;top:0;border:1px solid #b5d79012;border-radius:50%;box-shadow:0 0 0 38px #b5d79004,0 0 0 76px #b5d79003;pointer-events:none}
.final-cta>a{transition:color .4s}.final-cta>a:hover{color:#dcebd1}
.footer{border-top:1px solid #afce8b15;padding-top:27px}

@keyframes title-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes light-drift{0%,100%{transform:rotate(-8deg) scale(.95);opacity:.5}50%{transform:rotate(10deg) scale(1.05);opacity:1}}
@keyframes strip-light{from{transform:translateX(-110%)}to{transform:translateX(560%)}}
@keyframes quiet-turn{to{transform:rotate(360deg)}}
@keyframes scene-focus{from{opacity:.35;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes scene-detail{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes scene-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes illustration-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes paper-read{0%,100%{transform:translateY(0);opacity:.1}45%{opacity:.9}70%{transform:translateY(59px);opacity:.1}}
@keyframes reply-breathe{0%,65%,100%{opacity:.45;transform:translateY(0)}25%{opacity:1;transform:translateY(-3px)}}
@keyframes final-light{0%,100%{opacity:.5;transform:translateX(-4%)}50%{opacity:1;transform:translateX(4%)}}

/* Pause work outside the viewport, without blanking any content. */
[data-motion-view="off"],[data-motion-view="off"] *,[data-motion-view="off"]:before,[data-motion-view="off"]:after,[data-motion-view="off"] *:before,[data-motion-view="off"] *:after,
.motion-background *,.motion-background *:before,.motion-background *:after{animation-play-state:paused!important}
.motion-paused .hero-copy>*,.motion-paused .routing-message,.motion-paused .routing-scan,.motion-paused .extraction-fields>div,.motion-paused .routing-destinations,.motion-paused .scene-note,.motion-paused .outcome-row{animation:none!important;opacity:1!important;transform:none!important}
@media(max-width:1100px){.module-card{padding:23px 21px}.module-card h3{font-size:31px}.module-art{height:143px}.module-card>p{min-height:116px}.journey-stage-top{padding:20px 18px}}
@media(max-width:800px){.module-card{padding:20px 17px}.module-art{height:122px;margin-bottom:16px}.module-card h3{font-size:27px}.module-top{font-size:7px;letter-spacing:.1em}.module-glyph{width:24px;height:24px;font-size:17px}.module-card>p{min-height:110px}.journey-stage-footer{padding:20px 24px}.routing-message p{font-size:13px}.extraction-fields strong{font-size:12px}}
@media(max-width:600px){.hero-light:before{inset:8% 0;filter:blur(18px)}.hero-copy>.eyebrow,.hero h1,.hero-description,.hero-actions{animation-duration:.7s;animation-delay:0s}.journey-layout{gap:23px}.journey-step{border-radius:12px}.journey-stage{border-radius:16px}.journey-stage-top{padding:18px 15px;font-size:7px}.journey-stage-footer{padding:18px 15px;font-size:6px}.journey-bars i{width:16px}.routing-message p{font-size:11px}.routing-message small{font-size:7px}.outcome-symbol{width:29px;height:29px;font-size:20px}.outcome-mark{width:18px;height:18px;font-size:8px}.outcome-row{gap:9px}.flow-transition{height:90px}.modules-section,.demo-section{border-radius:24px 24px 0 0}.module-grid{gap:18px}.module-card{padding:25px}.module-top{font-size:9px}.module-glyph{width:28px;height:28px;font-size:19px}.module-art{height:157px;margin-bottom:22px}.module-card h3{font-size:35px}.module-card>p{min-height:0;font-size:12px}.module-card:hover,.module-card:focus-within{transform:none}.trust-card{border-radius:15px}.application-card{border-radius:17px}.final-cta:after{width:210px;height:210px;right:-40px;top:0}.final-cta{padding-top:35px}.footer{padding-top:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-copy>*,.journey-scene,.routing-message,.routing-scan,.extraction-fields>div,.routing-destinations,.scene-note,.outcome-row{opacity:1!important;transform:none!important}}
