body.apex-site .service-scene{margin:0;min-width:0;position:relative;font-family:Manrope,Arial,sans-serif;color:#292929;width:100%;background:#fafafa}body.apex-site .scene-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:35px}body.apex-site .scene-topline>span{font-size:8px;letter-spacing:.09em;color:#666;line-height:1.6;max-width:85%}body.apex-site .scene-pause{width:34px;height:34px;min-height:34px;display:grid;place-items:center;padding:0;background:transparent;border:1px solid #d6d6d6;border-radius:50%;color:#555;font:12px/1 Manrope,Arial,sans-serif;visibility:hidden;box-shadow:none}body.apex-site .scene-ready .scene-pause{visibility:visible}body.apex-site .scene-stage{height:400px;position:relative;overflow:hidden}body.apex-site .scene-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}body.apex-site .scene-ready canvas{opacity:1}body.apex-site .scene-fallback{position:absolute;inset:0;width:100%;height:100%;opacity:.7}body.apex-site .scene-ready .scene-fallback{visibility:hidden}body.apex-site .scene-options{display:flex;gap:0;justify-content:space-between;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}body.apex-site .scene-options>button{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;padding:11px 15px;border:0;border-right:1px solid #ddd;border-radius:0;background:transparent;color:#666;box-shadow:none;font:11px/1.5 Manrope,Arial,sans-serif;white-space:nowrap}body.apex-site .scene-options>button:first-child{padding-left:0}body.apex-site .scene-options>button:last-child{border-right:0;padding-right:0}body.apex-site .scene-options>button[aria-pressed=true]{color:#222;font-weight:600}body.apex-site .scene-options>button>span{font-size:16px;color:#999}body.apex-site .scene-options>button[aria-pressed=true]>span{color:#222}body.apex-site .service-scene figcaption{padding-top:19px;min-height:90px;display:flex;flex-direction:column;gap:7px}body.apex-site .service-scene figcaption strong{font-size:13px;font-weight:500;line-height:1.5;letter-spacing:-.025em}body.apex-site .service-scene figcaption>span{font-size:11px;color:#666;line-height:1.75;max-width:480px}body.apex-site .th-studio .th-chapter{display:grid;grid-template-columns:.95fr 1.1fr;gap:90px;align-items:center;padding:85px 0}body.apex-site .th-studio .th-chapter-copy{display:block;order:initial}body.apex-site .th-studio .th-chapter-copy>h2{margin-bottom:25px;font-size:clamp(36px,3.45vw,50px)}body.apex-site .th-studio .th-chapter-copy>p:not(.th-label){font-size:13px;max-width:460px}body.apex-site .th-studio .th-chapter-copy>.th-inclusions{margin:22px 0 18px!important;font-size:11px}body.apex-site .th-studio .th-chapter:nth-child(2) .th-chapter-copy{order:2}body.apex-site .th-studio .th-chapter:nth-child(2) .service-scene{order:1}body.apex-site .ap-page-software .ap-visual,body.apex-site .ap-page-crm .ap-visual,body.apex-site .ap-page-erp .ap-visual{max-width:none}body.apex-site .ap-visual .scene-stage{height:365px}body.apex-site .ap-service-hero-grid{align-items:center}body.apex-site .scene-web .scene-stage{height:420px}
@media(max-width:1100px){body.apex-site .th-studio .th-chapter{gap:55px;padding:65px 0}body.apex-site .scene-stage{height:355px}body.apex-site .scene-web .scene-stage{height:375px}body.apex-site .scene-options>button{font-size:10px;padding-inline:10px;gap:8px}body.apex-site .scene-topline>span{font-size:7px}}
@media(max-width:760px){body.apex-site .th-studio .th-chapter{grid-template-columns:1fr;gap:35px;padding:50px 0}body.apex-site .th-studio .th-chapter:nth-child(2) .th-chapter-copy,body.apex-site .th-studio .th-chapter:nth-child(2) .service-scene{order:initial}body.apex-site .th-studio .th-chapter-copy>h2{font-size:36px}body.apex-site .scene-stage,body.apex-site .ap-visual .scene-stage{height:310px}body.apex-site .scene-web .scene-stage{height:340px}body.apex-site .scene-topline>span{font-size:7px;max-width:82%}body.apex-site .scene-options>button{font-size:10px;min-height:46px;padding-inline:12px}body.apex-site .service-scene figcaption{min-height:94px;padding-top:17px}body.apex-site .service-scene figcaption strong{font-size:12px}body.apex-site .service-scene figcaption>span{font-size:10px}body.apex-site .ap-visual .service-scene{max-width:550px;margin-inline:auto}}

body.apex-site .service-scene:not(.scene-ready) .scene-options{display:none}
body.apex-site .scene-web .scene-stage{height:425px;width:100%;min-width:0;perspective:1000px}body.apex-site .scene-image-layer{position:absolute;inset:0;display:grid;place-items:center;transform:rotateX(var(--art-x,0deg)) rotateY(var(--art-y,0deg));transition:transform .4s ease-out}body.apex-site .web-isometric-scene{display:block;width:100%;height:100%;overflow:visible}body.apex-site .web-piece{transform:none}body.apex-site .web-signal{opacity:.4}body.apex-site .web-transfer{animation:web-transfer-pass 18s linear infinite;animation-play-state:paused}body.apex-site .scene-art-running .web-transfer{animation-play-state:running}body.apex-site .scene-web .web-confirmation-check{stroke:#777;stroke-width:1.5;stroke-dasharray:32;stroke-dashoffset:0;transition:stroke .35s,stroke-width .35s}body.apex-site .scene-web[data-scene-selection=commerce] .web-confirmation-check{stroke:#222;stroke-width:2.2}body.apex-site .scene-web[data-scene-selection=connected] .web-flow{stroke:#b4b4b4}body.apex-site .scene-web[data-scene-selection=connected] .web-transfer{stroke:#444}body.apex-site .scene-web .web-page-cards{transition:stroke .4s}body.apex-site .scene-web[data-scene-selection=product] .web-page-cards{stroke:#aaa}@keyframes web-transfer-pass{from{stroke-dashoffset:0}to{stroke-dashoffset:-950}}@media(max-width:1100px){body.apex-site .scene-web .scene-stage{height:365px}}@media(max-width:760px){body.apex-site .scene-web .scene-stage{height:300px;min-height:0;max-height:none;aspect-ratio:auto}body.apex-site .scene-image-layer{transform:none!important}}@media(prefers-reduced-motion:reduce){body.apex-site .scene-image-layer{transition:none}body.apex-site :is(.web-piece,.web-flow,.web-signal,.web-transfer){animation:none!important;transition:none!important}}
body.apex-site .software-isometric-scene{display:block;width:100%;height:100%;overflow:visible}body.apex-site .software-module-face,body.apex-site .software-module-status,body.apex-site .software-route{transition:stroke .4s,fill .4s}body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=crm] .software-module-crm .software-module-face,body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=erp] .software-module-erp .software-module-face,body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=api] .software-module-api .software-module-face{stroke:#666}body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=crm] .software-module-crm .software-module-status,body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=erp] .software-module-erp .software-module-status,body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=api] .software-module-api .software-module-status{fill:#444}body.apex-site .software-transfer{opacity:0;animation:software-transfer-pass 14s linear infinite;animation-play-state:paused}body.apex-site .scene-art-running .software-transfer{animation-play-state:running}body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=crm] .software-transfer-crm,body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=erp] .software-transfer-erp,body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=api] .software-transfer-api{opacity:1}body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=crm] .software-route-crm,body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=erp] .software-route-erp,body.apex-site :is(.scene-software,.scene-crm,.scene-erp)[data-scene-selection=api] .software-route-api{stroke:#aaa}@keyframes software-transfer-pass{from{stroke-dashoffset:0}to{stroke-dashoffset:-410}}@media(prefers-reduced-motion:reduce){body.apex-site .software-transfer{animation:none!important}body.apex-site :is(.software-module-face,.software-module-status,.software-route){transition:none}}
body.apex-site .software-isometric-scene{position:absolute;inset:0;min-width:0;min-height:0}
/* Small movements inside the illustrations; the device frames stay still. */
body.apex-site .scene-detail-motion{animation-play-state:paused!important}body.apex-site .scene-art-running .scene-detail-motion{animation-play-state:running!important}body.apex-site .software-transfer{opacity:.3;animation-duration:8.5s}@keyframes software-transfer-pass{from{stroke-dashoffset:0}to{stroke-dashoffset:-114}}body.apex-site .software-crm-link{stroke-dasharray:1;animation:software-contact-link 10s ease-in-out infinite}body.apex-site .software-crm-link-two{animation-delay:-3.3s}body.apex-site .software-crm-link-three{animation-delay:-6.6s}@keyframes software-contact-link{0%,10%{stroke-dashoffset:1;opacity:0}18%{opacity:.8}40%,70%{stroke-dashoffset:0;opacity:.8}90%,100%{stroke-dashoffset:0;opacity:0}}body.apex-site .software-order-check{stroke-dasharray:1;animation:software-complete-task 10s ease-in-out infinite}body.apex-site .software-check-two{animation-delay:-3.3s}body.apex-site .software-check-three{animation-delay:-6.6s}@keyframes software-complete-task{0%,12%{stroke-dashoffset:1;opacity:.2}30%,80%{stroke-dashoffset:0;opacity:1}95%,100%{stroke-dashoffset:0;opacity:0}}body.apex-site .software-api-packet{animation:software-api-data 8s linear infinite}@keyframes software-api-data{to{stroke-dashoffset:-53}}body.apex-site .web-product-focus{animation:web-browse-products 10s ease-in-out infinite}@keyframes web-browse-products{0%,18%{transform:translateX(0);opacity:.7}30%,46%{transform:translateX(92px);opacity:.7}58%,78%{transform:translateX(184px);opacity:.7}86%{transform:translateX(184px);opacity:0}87%{transform:translateX(0);opacity:0}100%{transform:translateX(0);opacity:.7}}body.apex-site .web-confirmation-check{animation:web-purchase-confirmed 10s ease-in-out infinite}@keyframes web-purchase-confirmed{0%,42%{stroke-dashoffset:32;opacity:0}48%{opacity:1}64%,86%{stroke-dashoffset:0;opacity:1}98%,100%{stroke-dashoffset:0;opacity:0}}body.apex-site .web-transfer{animation-duration:14s}@media(prefers-reduced-motion:reduce){body.apex-site .scene-detail-motion{animation:none!important;opacity:1;stroke-dashoffset:0}body.apex-site .web-product-focus{transform:none;opacity:.5}}
body.apex-site .software-transfer{opacity:.5;animation-duration:5.5s}body.apex-site .software-crm-link{animation-duration:6.5s;stroke-width:1.1}body.apex-site .software-order-check{animation-duration:6.5s}body.apex-site .software-api-packet{animation-duration:5.5s}body.apex-site .software-core-activity{animation:software-core-sync 6s linear infinite}body.apex-site .software-row-progress{stroke-dasharray:1;animation:software-row-update 6.5s ease-in-out infinite}@keyframes software-core-sync{to{stroke-dashoffset:-130}}@keyframes software-row-update{0%,8%{stroke-dashoffset:1;opacity:0}18%{opacity:.8}50%,78%{stroke-dashoffset:0;opacity:.8}95%,100%{stroke-dashoffset:0;opacity:0}}@media(prefers-reduced-motion:reduce){body.apex-site :is(.software-core-activity,.software-row-progress){animation:none!important;stroke-dashoffset:0}}
