/* Exact source images, cropped only by their CSS viewport. No altered image files. */
.skip-link{visibility:hidden}.skip-link:focus{visibility:visible}
.visual-mode-controls{display:flex;gap:5px;padding:4px;width:fit-content;max-width:100%;border:1px solid #506479;border-radius:9px;background:#1b2a3b;margin-bottom:17px}.visual-mode-controls button{min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:5px;background:transparent;color:#cad7e1;font-size:.8125rem;line-height:1.4}.visual-mode-controls button[aria-pressed="true"]{background:#c5d9e4;color:#182536;font-weight:600}.visual-mode-controls button:focus-visible{outline-offset:0;outline-color:#fff}.mockup-crop{display:block;width:100%;position:relative;overflow:hidden;border-radius:10px;background:#172b3e;isolation:isolate}.mockup-crop img{position:absolute;max-width:none;height:auto;display:block;pointer-events:none}.mockup-crop:focus-visible{outline-offset:5px}.mockup-hero-desktop{aspect-ratio:auto;overflow:visible;background:transparent}.mockup-hero-desktop img{position:static;width:100%;height:auto;max-width:100%}.mockup-hero-mobile{display:none;aspect-ratio:auto;overflow:visible;background:transparent}.mockup-hero-mobile img{position:static;width:100%;height:auto;max-width:100%}.case-mockup{background:#f3f6f8;border-radius:9px;aspect-ratio:514/100}.case-mockup img{width:166.92607%;left:-12.062257%}.mockup-support{aspect-ratio:514/98}.mockup-support img{top:-718.367347%}.mockup-orders{aspect-ratio:514/103}.mockup-orders img{top:-780.582524%}.mockup-parts{aspect-ratio:514/109}.mockup-parts img{top:-835.779817%}.mockup-monitoring{aspect-ratio:337/117;margin-block:25px 28px}.mockup-monitoring img{width:254.599407%;left:-19.58457%;top:-948.717949%}.mockup-ads{aspect-ratio:337/117;margin-block:25px 28px}.mockup-ads img{width:254.599407%;left:-130.563798%;top:-948.717949%}
html[data-visual-mode="static"] .scenes,html[data-visual-mode="static"] .scene-selector,html[data-visual-mode="static"] .commerce-diagram,html[data-visual-mode="static"] .motion-toggle{display:none!important}html[data-visual-mode="animated"] .mockup-preview{display:none!important}html[data-visual-mode="static"] .process-art{padding:20px;min-height:0;background:#f3f6f8;overflow:visible;border-color:#dde4e9}html[data-visual-mode="static"] .process-art .art-label{position:static;margin-bottom:14px;font-size:.8125rem}html[data-visual-mode="static"] .hero{padding-block:66px 54px;align-items:center}html[data-visual-mode="static"] .hero-visual .visual-caption{margin-top:16px}html[data-visual-mode="static"] .extra-project .mockup-preview{margin-block:25px}
.mockup-monitoring,.mockup-ads{aspect-ratio:337/126}.mockup-monitoring img,.mockup-ads img{top:-892.063492%}
@media(max-width:900px) and (min-width:701px){html[data-visual-mode="static"] .hero-visual{max-width:640px}}
@media(max-width:700px){.mockup-hero-desktop{display:none}.mockup-hero-mobile{display:block}.visual-mode-controls{width:100%;margin-bottom:15px}.visual-mode-controls button{flex:1;font-size:.75rem;padding-inline:10px}html[data-visual-mode="static"] .hero{padding-block:40px 28px;gap:30px}html[data-visual-mode="static"] .process-art{padding:16px 12px}html[data-visual-mode="static"] .process-art .art-label{font-size:.75rem}.case-mockup{border-radius:5px}.mockup-monitoring,.mockup-ads{border-radius:5px}}
@media(prefers-contrast:more){.mockup-crop{outline:1px solid #98adbc}.visual-mode-controls{border-color:#b7c4d2}}