@import url("icons.css?v=2");
@import url("site-footer.css?v=1");

:root{
  --site-navy:#141826;
  --site-navy-2:#1c2233;
  --site-red:#9d0000;
  --site-red-dark:#7a0000;
  --site-white:#fff;
  --site-cloud:#f4f5f7;
  --site-border:#eceef2;
  --site-gray:#646464;
  --site-max:1400px;
  --site-cut:polygon(0 0,100% 0,100% calc(100% - 48px),calc(100% - 48px) 100%,0 100%);
  --site-cut-cta:polygon(0 0,100% 0,100% calc(100% - 17px),calc(100% - 10px) 100%,0 100%);
}
.hdr{position:sticky;top:0;z-index:70;background:rgba(20,24,38,.96);backdrop-filter:saturate(150%) blur(10px);border-bottom:3px solid var(--site-red);font-family:Inter,system-ui,sans-serif}
.hdr::after{content:"";position:absolute;left:0;right:0;top:100%;height:calc(100dvh - 80px);background:rgba(20,24,38,.34);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:1}
.hdr:has(.nav__trigger[aria-expanded="true"])::after{opacity:1}
.hdr__in{width:100%;max-width:var(--site-max);height:80px;margin:0 auto;padding:0 6%;display:flex;align-items:center;gap:48px;position:relative;z-index:2}
.hdr__logo{display:flex;align-items:center;flex:none}
.hdr__logo img{display:block;width:auto;height:40px;max-width:none}
.nav{display:flex;align-items:center;gap:32px;margin-left:auto}
.nav>a,.nav__trigger{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 0;border:0;background:none;color:#fff;font:600 13.5px/1 Inter,system-ui,sans-serif;letter-spacing:.03em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.nav__trigger{appearance:none;cursor:pointer}
.nav>a:not(.site-cta)::after,.nav__trigger::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:3px;background:var(--site-red);transition:right .2s ease}
.nav>a:not(.site-cta):hover::after,.nav>a.is-active::after,.nav__trigger:hover::after,.nav__trigger[aria-expanded="true"]::after,.nav__trigger.is-active::after,.nav__trigger[aria-current="page"]::after{right:0}
.nav__trigger svg{transition:transform .2s ease}
.nav__trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.site-cta{min-height:46px;padding:13px 22px!important;background:var(--site-red)!important;box-shadow:0 0 0 1px rgba(255,255,255,.22);clip-path:var(--site-cut-cta);transition:background .2s ease,transform .2s ease}
.site-cta:hover{background:var(--site-red-dark)!important;transform:translateY(-2px)}
.site-cta:active{transform:translateY(1px) scale(.985)}
.hdr a:focus-visible,.hdr button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mega a:focus-visible{outline-color:var(--site-red)}
.burger{display:none;margin-left:auto;padding:10px;border:0;background:none;cursor:pointer}
.burger span{display:block;width:24px;height:2.5px;margin:5px 0;background:#fff}
.nav__item{position:relative;display:flex;align-items:center}
.nav__item::before{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:22px}
.mega{position:absolute;top:calc(100% + 17px);left:50%;z-index:80;padding:32px;transform:translateX(-50%);background:#fff;border-top:3px solid var(--site-red);box-shadow:0 24px 60px rgba(20,24,38,.18);clip-path:var(--site-cut);isolation:isolate}
.mega[hidden]{display:none}
.mega__grid{display:grid;gap:48px}
.mega--sol .mega__grid{grid-template-columns:minmax(280px,1.05fr) minmax(280px,.95fr);width:min(720px,calc(100vw - 56px))}
.mega--ind .mega__grid{grid-template-columns:repeat(2,minmax(260px,1fr));width:min(680px,calc(100vw - 56px))}
.nav .mega__erp{display:block;padding:32px;background:var(--site-navy);color:#fff;text-decoration:none;clip-path:var(--site-cut)}
.mega__erp .k{display:inline-block;margin-bottom:16px;padding:4px 9px;background:var(--site-red);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.mega__erp h3{margin:0 0 12px;color:#fff;font:800 21px/1.16 Montserrat,sans-serif;letter-spacing:-.028em}
.mega__erp p{margin:0 0 16px;color:#b8becd;font-size:14.5px;line-height:1.5}
.mega__erp .go{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:700}
.mega__erp .go svg{transition:transform .2s ease}
.mega__erp:hover .go svg{transform:translateX(4px)}
.mega__list{display:grid;align-content:start;gap:2px;margin:0;padding:0;list-style:none}
.mega__list a{display:block;padding:12px 16px;border-left:3px solid var(--site-border);text-decoration:none;transition:border-color .18s ease,background .18s ease}
.mega__list a:hover{border-left-color:var(--site-red);background:var(--site-cloud)}
.mega__list b{display:block;margin-bottom:2px;color:var(--site-navy);font:700 15px/1.3 Montserrat,sans-serif;letter-spacing:-.015em}
.mega__list span{display:block;color:#4e5462;font-size:13.5px;line-height:1.4}
.mega__group h4{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--site-border);color:var(--site-gray);font:700 10.5px/1.3 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.mega__group+.mega__group{margin-top:32px}
.mega__all{display:inline-flex;align-items:center;gap:8px;width:100%;margin-top:32px;padding-top:16px;border-top:3px solid var(--site-navy);color:var(--site-red);font-size:13px;font-weight:700;text-decoration:none}
@media(max-width:1120px){
  .burger{display:block}
  .nav{position:fixed;left:0;right:0;top:80px;display:none;width:auto;max-height:calc(100dvh - 80px);margin:0;padding:24px 6% 48px;overflow:auto;background:var(--site-navy);border-bottom:3px solid var(--site-red);box-shadow:0 24px 40px rgba(20,24,38,.22);flex-direction:column;align-items:stretch;gap:8px}
  .nav.nav--open{display:flex}
  .nav__item{display:block;width:100%}
  .nav>a,.nav__trigger{width:100%;justify-content:space-between;padding:13px 0}
  .site-cta{width:max-content!important;margin-top:8px;padding:13px 22px!important}
  .mega{position:static;margin:8px 0 12px;padding:24px;transform:none;background:var(--site-navy-2);border-top:1px solid rgba(255,255,255,.18);box-shadow:none;clip-path:none}
  .mega--sol .mega__grid,.mega--ind .mega__grid{grid-template-columns:1fr;width:auto;gap:24px}
  .mega__erp{border:1px solid rgba(255,255,255,.12)}
  .mega__list a{border-left-color:rgba(255,255,255,.16)}
  .mega__list a:hover,.mega__list a:focus-visible,.mega__list a:active{background:#252c40;border-left-color:var(--site-red)}
  .mega__list b{color:#fff}.mega__list span{color:#b8becd}
  .mega__group h4{color:#9ba2b2;border-color:rgba(255,255,255,.14)}
  .mega__all{color:#fff;border-color:rgba(255,255,255,.3)}
}
@media(max-width:640px){.hdr__in{height:70px;padding-inline:22px}.hdr__logo img{height:35px}.nav{top:70px;max-height:calc(100dvh - 70px);padding-inline:22px}.hdr::after{height:calc(100dvh - 70px)}}