.service-showcase{background:#f7faff}.service-jumps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d1dfe9;border-bottom:1px solid #d1dfe9;margin-bottom:12px}.service-jumps a{display:flex;justify-content:space-between;padding:22px 26px;font-size:13px;color:#375777}.service-jumps a+a{border-left:1px solid #d1dfe9}.service-jumps a:hover{background:#eaf3fb}.showcase-row{display:grid;grid-template-columns:.85fr 1.4fr;gap:55px;align-items:center;padding:84px 0;border-bottom:1px solid #d6e2eb;scroll-margin-top:95px}.showcase-copy .eyebrow{color:#357dac}.showcase-copy .product-top{justify-content:flex-start;gap:18px}.showcase-copy h3{font-size:18px;letter-spacing:-.04em;margin:24px 0 18px;color:#164782}.showcase-headline{font-size:clamp(26px,2.35vw,34px);font-weight:500;letter-spacing:-.055em;line-height:1.5}.showcase-headline em{color:#297ced}.showcase-description{font-size:13px;color:#637b94;line-height:1.95;margin-top:22px}.feature-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:24px 0 28px}.feature-tags li{padding:5px 10px;border-radius:4px;background:#e8f1fc;color:#4a6d94;font-size:10px}.showcase-copy .text-link{display:inline-flex;align-items:center;font-size:12px;color:#194778}.showcase-visual{margin:0;min-width:0}.preview-frame{border:1px solid #dae5f1;border-radius:10px;overflow:hidden;box-shadow:0 22px 65px -25px #274d7d40;background:#fff;transition:transform .6s,box-shadow .6s}.preview-bar{display:flex;align-items:center;gap:20px;padding:12px 16px;background:#edf3fb;font:8px Arial;letter-spacing:.12em;color:#657e9b}.preview-bar>span:first-child{color:#b1c5db;letter-spacing:.25em}.preview-frame img{display:block;width:100%;height:auto}.showcase-visual figcaption{font-size:10px;color:#74879c;margin-top:16px;text-align:right}.erp-showcase .showcase-headline em{color:#178cae}.erp-showcase .feature-tags li{background:#e0f2f9;color:#376c8b}.erp-brand-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:335px;background:#173e6a;border-radius:10px;overflow:hidden;box-shadow:0 25px 65px -25px #153e6b40}.erp-brand-stage img{position:relative;width:min(75%,350px);height:auto;z-index:1;border-radius:5px}.erp-stage-caption,.erp-stage-bottom{position:absolute;font:9px Arial;letter-spacing:.2em;color:#9cc8e6;left:30px;z-index:1}.erp-stage-caption{top:28px}.erp-stage-bottom{bottom:28px}.erp-orbit{position:absolute;width:390px;height:390px;border:1px solid #6caed82e;border-radius:50%;transform:rotate(-30deg) scaleX(.8);box-shadow:0 0 0 45px #5dadde09,0 0 0 90px #5dadde06}.go-showcase .showcase-headline em{color:#00a796}.go-showcase .feature-tags li{background:#e0f3ef;color:#317f7c}.go-showcase .preview-bar{background:#0e355d;color:#99e3dc}.services-note{font-size:12px;color:#607d97;text-align:center;margin-top:34px}
.hero-controls{display:flex;align-items:center;gap:25px}.motion-toggle{background:transparent;border:1px solid #a7c6ce;border-radius:20px;padding:5px 12px;color:#486c7b;font-size:10px}.motion-toggle[hidden]{display:none}
/* Motion is enabled by JS on the home page only. Static HTML stays visible. */
.home-motion .hero{isolation:isolate}.home-motion .hero:before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse at 80% 30%,#7bc8d159,transparent 48%),radial-gradient(ellipse at 20% 80%,#b5e8d859,transparent 40%);animation:ambient-drift 18s ease-in-out infinite alternate;pointer-events:none}.home-motion .connection-art{animation:orbital-float 12s ease-in-out infinite;transform-origin:center}.home-motion .connection-art>g{transform-origin:300px 300px;animation:ribbon-turn 20s ease-in-out infinite alternate}.home-motion .erp-orbit{animation:erp-turn 20s ease-in-out infinite alternate}.home-motion .hero-copy{animation:hero-arrive 1.1s ease-out both}.home-motion .hero-art{animation:hero-arrive 1.4s .1s ease-out both}.home-motion .reveal-pending{opacity:0;transform:translateY(24px)}.home-motion .reveal-ready{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.3,1)}.home-motion .reveal-visible{opacity:1;transform:none}.home-motion.motion-paused *, .home-motion.motion-paused:before,.home-motion.motion-paused *:before{animation-play-state:paused!important}.home-motion.motion-paused .reveal-pending{opacity:1;transform:none;transition:none}.home-motion.motion-paused .preview-frame{transition:none}
@media(hover:hover){.home-motion:not(.motion-paused) .showcase-visual:hover .preview-frame{transform:translateY(-6px);box-shadow:0 30px 70px -22px #274d7d50}}
@keyframes ambient-drift{from{transform:translate(-3%,-2%) scale(1)}to{transform:translate(4%,3%) scale(1.08)}}
@keyframes orbital-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(4deg)}}
@keyframes ribbon-turn{from{transform:rotate(-28deg)}to{transform:rotate(-8deg)}}
@keyframes erp-turn{from{transform:rotate(-30deg) scaleX(.8)}to{transform:rotate(30deg) scaleX(.95)}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.showcase-row{gap:30px;grid-template-columns:1fr 1.25fr}.showcase-headline{font-size:28px}.showcase-description br{display:none}.erp-brand-stage{min-height:300px}}
@media(max-width:760px){.service-jumps a{font-size:10px;padding:17px 9px}.showcase-row{grid-template-columns:1fr;gap:35px;padding:48px 0;scroll-margin-top:80px}.showcase-copy h3{font-size:18px;margin:20px 0 15px}.showcase-headline{font-size:28px}.showcase-description{font-size:13px;max-width:420px}.feature-tags{margin:20px 0 23px}.showcase-visual figcaption{font-size:9px;text-align:left}.preview-bar{font-size:7px;gap:14px;padding:10px 12px}.erp-brand-stage{min-height:260px}.erp-stage-caption,.erp-stage-bottom{font-size:7px;left:22px}.services-note{text-align:left;font-size:11px}.hero-controls{gap:10px}.hero-controls>a{display:none}.motion-toggle{font-size:9px}.showcase-copy .launch-badge{font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-motion *,.home-motion *:before{animation:none!important;transition:none!important}.home-motion .reveal-pending{opacity:1;transform:none}.home-motion .preview-frame:hover{transform:none}}