/* Homepage motion and original SVG graphics. Content stays visible without JS. */
.ambient-motion{--motion-state:paused}
.feature-graphic{height:150px;width:100%;margin:-9px 0 25px;position:relative;--motion-state:paused;perspective:650px}
.feature-graphic svg{width:100%;height:100%;overflow:visible;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:rotateX(calc(var(--card-y,0)*-4deg)) rotateY(calc(var(--card-x,0)*6deg))}
.features-section .feature-card{min-height:365px;overflow:hidden}.features-section .feature-card h3{position:relative}.features-section .feature-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--card-px,50%) var(--card-py,30%),#b5cbeb82,transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none}.features-section .feature-card:hover:before{opacity:1}
.graphic-bob,.graphic-token,.graphic-node,.graphic-slider,.graphic-globe{transform-box:fill-box;transform-origin:center;animation-play-state:var(--motion-state)!important}
.graphic-bob{animation:graphic-bob 5s ease-in-out infinite}.graphic-token{animation:graphic-token 4s ease-in-out infinite}.graphic-node{animation:graphic-node 3s ease-in-out infinite}.graphic-slider{animation:graphic-slider 4s ease-in-out infinite}.graphic-globe{animation:graphic-globe 6s ease-in-out infinite}.graphic-delay{animation-delay:-2s}.graphic-flow{stroke-dasharray:5 12;animation:graphic-flow 5s linear infinite;animation-play-state:var(--motion-state)!important}
.ambient-motion.is-in-view{--motion-state:running}
@keyframes graphic-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes graphic-token{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(7deg)}}
@keyframes graphic-node{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes graphic-slider{0%,100%{transform:translateX(-7px)}50%{transform:translateX(7px)}}
@keyframes graphic-globe{0%,100%{transform:scaleX(.75)}50%{transform:scaleX(1.2)}}
@keyframes graphic-flow{to{stroke-dashoffset:-68}}
.workflow-section{padding-top:10px}.workflow-shell{padding:30px 35px 25px;background:#e7ecf3;border:1px solid #cfd8e5;border-radius:24px;--motion-state:paused;position:relative;overflow:hidden}.workflow-shell:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 10%,#f9fafc,transparent 60%);pointer-events:none}.workflow-top{display:flex;justify-content:space-between;gap:20px;position:relative;font:10px 'Space Grotesk',Arial,sans-serif;color:#627693;letter-spacing:1.4px}.workflow-top span:last-child{font-family:Arial,sans-serif;letter-spacing:0;font-size:10px}.workflow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;padding:42px 0 30px}.workflow-line{position:absolute;left:9%;top:96px;width:82%;height:30px;pointer-events:none}.workflow-line path{stroke:#adbdd4;stroke-width:1.5}.workflow-line .workflow-travel{stroke:#5c80b7;stroke-width:3;stroke-dasharray:35 200;animation:workflow-travel 9s linear infinite;animation-play-state:var(--motion-state)}@keyframes workflow-travel{to{stroke-dashoffset:-1000}}
.workflow-stage{padding:0;background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:13px;position:relative;color:#5d708c}.stage-orb{width:114px;height:114px;border-radius:28px;display:grid;place-items:center;position:relative;background:#f5f7fb;border:1px solid #becadc;box-shadow:0 8px 0 #ccd6e5,0 17px 25px #34507b10;transition:background .4s,transform .4s,color .4s;transform:rotate(-4deg)}.stage-orb svg{width:63px;height:63px;transition:transform .4s;transform:rotate(4deg)}.workflow-stage:nth-of-type(even) .stage-orb{transform:rotate(4deg)}.workflow-stage:nth-of-type(even) svg{transform:rotate(-4deg)}.workflow-stage.is-current .stage-orb,.workflow-stage:hover .stage-orb,.workflow-stage:focus-visible .stage-orb{background:#93b6eb;color:#343f4f;transform:translateY(-5px) rotate(0deg);border-color:#8aa8d5}.workflow-stage.is-current svg,.workflow-stage:hover svg{transform:rotate(0deg)}.workflow-stage.is-current .stage-orb:after{content:'';position:absolute;inset:-8px;border-radius:34px;border:1px solid #8ca4c7;animation:stage-ring 2.5s ease-out infinite;animation-play-state:var(--motion-state)}@keyframes stage-ring{0%{opacity:.8;transform:scale(.95)}100%{opacity:0;transform:scale(1.14)}}
.stage-number{font:10px 'Space Grotesk',Arial,sans-serif;letter-spacing:1px;color:#7b8da7;margin-top:12px}.workflow-stage strong{font-size:14px;font-weight:500;letter-spacing:-.025em;color:#38475e}.workflow-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #c6d0df;min-height:68px;padding-top:18px}.workflow-description{font-size:12px;line-height:1.8;max-width:740px}.workflow-reset{border:0;background:none;font:11px 'Space Grotesk',Arial,sans-serif;color:#43597b;padding:5px 0;white-space:nowrap;border-bottom:1px solid #97a8c2}.workflow-reset span{margin-left:8px}
.dark-section{isolation:isolate}.dark-section:before{content:'';width:380px;height:380px;position:absolute;right:-70px;top:-110px;border:1px solid #384558;border-radius:50%;box-shadow:0 0 0 48px #2e374525,0 0 0 100px #2e374515;z-index:-1;pointer-events:none}.dark-section .tree svg path{stroke-dasharray:5 4;animation:plan-connection 12s linear infinite;animation-play-state:var(--motion-state)}.dark-section .tree svg circle.root{animation:plan-root 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center;animation-play-state:var(--motion-state)}@keyframes plan-connection{to{stroke-dashoffset:-90}}@keyframes plan-root{50%{filter:drop-shadow(0 0 8px #77a9f470)}}
.product-shell.ambient-motion .bar{transform-origin:bottom;animation:bar-breathe 5s ease-in-out infinite;animation-play-state:var(--motion-state)}.product-shell .bar:nth-child(2n){animation-delay:-1s}.product-shell .bar:nth-child(3n){animation-delay:-2s}@keyframes bar-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.92)}}
.motion-ready .reveal-on-scroll{transition:opacity .7s ease,translate .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal-on-scroll.is-pending{opacity:0;translate:0 22px}.motion-ready .reveal-on-scroll:focus-within{opacity:1;translate:0}.article-visual.ambient-motion svg{animation:resource-float 7s ease-in-out infinite;animation-play-state:var(--motion-state)}@keyframes resource-float{50%{translate:0 -6px}}
.page-motion-control{position:fixed;bottom:88px;left:22px;z-index:25;display:flex;align-items:center;gap:7px;border:1px solid #cad2df;background:#f4f6faf0;border-radius:999px;padding:8px 12px;font:10px 'Space Grotesk',Arial,sans-serif;letter-spacing:.02em;color:#465771;box-shadow:0 3px 14px #2128320b}.page-motion-control svg{width:10px;height:10px}.page-motion-control:hover{background:#e7ecf4}.page-motion-control:disabled{display:none}
html[data-motion-paused=true] .ambient-motion *,html[data-motion-paused=true] .ambient-motion:after,html[data-motion-paused=true] .ambient-motion *:before,html[data-motion-paused=true] .ambient-motion *:after{animation-play-state:paused!important}html[data-motion-paused=true] .reveal-on-scroll{opacity:1!important;translate:0!important;transition:none!important}
@media(max-width:850px){.feature-graphic{height:130px}.features-section .feature-card{min-height:345px}.workflow-shell{padding:26px}.workflow-track{gap:18px}.stage-orb{width:96px;height:96px;border-radius:23px}.stage-orb svg{width:53px;height:53px}.workflow-stage strong{font-size:12px}.workflow-line{top:88px}.workflow-top{font-size:9px}}
@media(max-width:680px){.features-section .feature-card{min-height:310px}.feature-graphic{height:108px;margin:0 0 19px}.workflow-section{padding-top:0}.workflow-shell{padding:25px 20px;border-radius:18px}.workflow-top{display:block;font-size:9px}.workflow-top span:last-child{display:block;margin-top:7px;font-size:9px}.workflow-track{grid-template-columns:1fr 1fr;gap:35px 20px;padding:33px 0}.workflow-line{display:none}.stage-orb{width:100px;height:100px;border-radius:24px}.workflow-stage{gap:10px}.workflow-stage strong{font-size:12px;max-width:125px;text-align:center;line-height:1.5}.stage-number{margin-top:9px}.workflow-bottom{display:block;min-height:95px}.workflow-description{font-size:11px}.workflow-reset{margin-top:10px;font-size:10px}.page-motion-control{bottom:70px;left:12px;font-size:9px;padding:7px 10px}.motion-ready .reveal-on-scroll.is-pending{translate:0 14px}.dark-section:before{width:260px;height:260px;right:-150px;top:-40px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal-on-scroll,.motion-ready .reveal-on-scroll.is-pending{opacity:1;translate:0;transition:none}.ambient-motion *{animation:none!important}.feature-graphic svg{transform:none}.page-motion-control{display:none}}

.workflow-top,.workflow-top span:last-child,.stage-number{font-size:12px}.workflow-description{font-size:14px}.workflow-reset{font-size:13px}.page-motion-control{font-size:12px}
@media(max-width:680px){.workflow-top,.workflow-top span:last-child{font-size:11px}.workflow-description{font-size:13px}.workflow-reset,.page-motion-control{font-size:12px}}