@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,300,0,0&display=swap');
#site-header{position:sticky;top:0;z-index:20;background:#fff}
#site-header .site-nav{height:100%}
#site-header .brand-logo{display:flex;align-items:center;width:180px}
#site-header .brand-logo img{display:block;width:100%;height:auto}
#site-header .site-menu a{position:relative;padding:20px 0;color:#40546f;transition:color .18s ease}
#site-header .site-menu a.is-active{color:#0869e8;font-weight:700}
#site-header .site-menu a.is-active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#0869e8;border-radius:2px}
#site-header .site-menu-toggle{display:none;border:0;background:none;color:#0a2450;font-size:24px;cursor:pointer}
#site-footer .foot>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:2px}
#site-footer a:hover,#site-header nav a:hover{color:#0869e8}
#site-footer .brand p{max-width:220px;margin:16px 0 0;color:#59718d;line-height:1.5}
#site-footer .brand-logo img{display:block;width:190px;max-width:100%;height:auto}
#site-footer>div>small{display:block;padding-top:18px;border-top:1px solid #e0e8f1}
.legal-head,.privacy-head{height:auto}
@media(max-width:750px){
  #site-header .brand-logo{width:155px}
  #site-header .site-menu-toggle{display:block;margin-left:auto}
  #site-header .site-menu{display:none;position:absolute;top:58px;left:0;right:0;margin:0;padding:16px 24px;background:#fff;border-bottom:1px solid #dce6f0;box-shadow:0 10px 18px #102a4418}
  #site-header.menu-open .site-menu{display:flex;flex-direction:column;gap:14px}
  #site-header .site-menu a{padding:6px 0}
  #site-header .header-contact{display:none}
}
body,button,input,select,textarea{font-family:Manrope,Arial,sans-serif}
body{font-size:16px;line-height:1.55}
#site-header nav{font-size:13px}#site-footer{font-size:14px}#site-footer .brand small{font-size:12px}
.button{font-size:13px}.hero p{font-size:16px}.title p,.split>a{font-size:14px}.cat a{font-size:13px}.cards p,.adapt p,.factory p,.band p{font-size:14px}.cards h3{font-size:19px}.cards em,.cards i{font-size:11px}.services{font-size:14px}.steps{font-size:11px}
.top p,.panel p{font-size:15px}.facts,.faq div,.grid article{font-size:13px}.grid b{font-size:14px}.tabs button{font-size:14px}.tag{font-size:11px}
.mi{font-family:'Material Symbols Rounded'!important;font-weight:normal;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-feature-settings:'liga';font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;color:inherit}
.hero-products .hero-shot{position:absolute;display:flex;flex-direction:column;overflow:hidden;padding:0;background:#fff;border:1px solid #dce6f0;border-radius:8px;box-shadow:0 14px 32px #17446b24;transition:transform .2s,box-shadow .2s}
.hero-products .hero-shot:hover{transform:translateY(-4px);box-shadow:0 18px 36px #17446b30}
.hero-products .hero-shot span{display:block;padding:7px 10px;border-bottom:1px solid #e5edf5;color:#0a2450;font-size:11px;font-weight:800;line-height:1.2}
.hero-products .hero-shot img{display:block;width:100%;height:calc(100% - 29px);object-fit:contain;object-position:top center;background:#f7faff}
.hero-products .hero-shot-erp{width:360px;height:200px;right:15px;top:-15px;z-index:1}
.hero-products .hero-shot-box{width:300px;height:180px;left:0;bottom:12px;z-index:2}
.hero-products .hero-shot-ecommerce{width:240px;height:170px;right:-12px;bottom:-12px;z-index:3}
@media(max-width:750px){.hero-products{height:320px;max-width:540px}.hero-products .hero-shot-erp{width:65%;height:190px;right:4%;top:0}.hero-products .hero-shot-box{width:59%;height:160px;left:0;bottom:12px}.hero-products .hero-shot-ecommerce{width:45%;height:145px;right:0;bottom:0}}
.button .mi{font-size:18px;margin-right:5px}.button .mi:last-child{margin-right:0;margin-left:6px}
#site-header .mi,#site-footer .mi{font-size:18px}
.app b .mi{font-size:16px;color:#0a2450;vertical-align:middle}.app .product-mark{display:inline-grid;place-items:center;width:16px;height:16px;background:#1d6ce8;color:#fff;border-radius:3px;font-size:11px;font-weight:800}.app p .mi{font-size:13px;vertical-align:middle}
.cards h3 .mi{font-size:27px;margin-right:6px;vertical-align:middle}.catalog>b .mi{font-size:34px;color:#0869e8}.compare p{display:flex;align-items:center;gap:5px}.compare .mi{font-size:16px;flex:none}.compare .bad .mi{color:#eb4453}.compare article+article .mi{color:#0869e8}
.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:12px;align-content:center;line-height:1.35}.services>div{display:flex;align-items:center;gap:9px}.services .mi{font-size:19px;color:#2f5f9f;flex:none}
.band .mi{color:#fff}
.image>.mi{font-size:70px;color:#0869e8}.faq .mi{float:right;font-size:18px;color:#58708f}.grid article .mi{font-size:19px;color:#0869e8;margin-right:5px}
@media(max-width:550px){.services{grid-template-columns:1fr}}