/* Onx Software Studio | onxapp.co | Proprietary */
.site-header{z-index:50}.site-header nav{align-items:center;gap:24px}.mega-item{position:static}.mega-trigger{border:0;background:none;color:var(--muted);font:inherit;cursor:pointer;padding:10px 0;display:inline-flex;align-items:center;gap:7px}.mega-trigger span{color:var(--accent);font-size:16px;line-height:1;transition:transform .16s ease}.mega-item:hover .mega-trigger,.mega-item:focus-within .mega-trigger,.mega-item.mega-open .mega-trigger{color:var(--accent)}.mega-item:hover .mega-trigger span,.mega-item:focus-within .mega-trigger span,.mega-item.mega-open .mega-trigger span{transform:rotate(180deg)}.mega-menu{position:absolute;left:50%;top:calc(100% + 1px);transform:translate(-50%,-8px);width:min(1040px,calc(100vw - 48px));display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding:30px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:0 0 12px 12px;box-shadow:0 24px 55px rgba(16,16,16,.14);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.mega-item:hover .mega-menu,.mega-item:focus-within .mega-menu,.mega-item.mega-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.mega-intro{padding:8px 22px 8px 4px;border-right:1px solid var(--border)}.mega-intro h2{font-size:27px;line-height:1.1;letter-spacing:-.02em;margin:12px 0}.mega-intro p{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 20px}.mega-feature-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:13px;font-weight:800}.mega-feature-link span{font-size:18px}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mega-links a{display:block;border:1px solid var(--border);border-radius:8px;padding:17px 16px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.mega-links a:hover{background:#fff6f0;border-color:#ffc7ad;transform:translateY(-2px)}.mega-links b,.mega-links small{display:block}.mega-links b{font-size:15px;margin-bottom:6px;color:var(--text)}.mega-links small{font-size:12px;color:var(--muted);line-height:1.45}
@media(max-width:800px){.site-header nav{display:none}.mega-item{border-top:1px solid var(--border)}.mega-trigger{width:100%;justify-content:space-between;padding:13px 4px;font-size:14px}.mega-menu{position:static;width:auto;transform:none;display:none;opacity:1;visibility:visible;pointer-events:auto;border:0;border-radius:0;box-shadow:none;padding:6px 0 14px;background:transparent;grid-template-columns:1fr;gap:15px}.mega-item.mega-open .mega-menu{display:grid;transform:none}.mega-intro{border-right:0;border-bottom:1px solid var(--border);padding:8px 4px 17px}.mega-intro h2{font-size:22px}.mega-intro p{font-size:13px}.mega-links{grid-template-columns:1fr;gap:7px}.mega-links a{padding:14px}.mega-links b{font-size:14px}.mega-links small{font-size:12px}body.public-menu-open .site-header nav{display:block}}

/* Keep the pointer connected to the panel and render a stable chevron. */
@media(min-width:801px){.site-header nav{align-self:stretch}.site-header nav>a{display:flex;align-items:center}.mega-item{display:flex;align-items:stretch}.mega-trigger{min-height:68px}.mega-menu{top:100%}}
.mega-trigger>span[aria-hidden="true"]{display:inline-block;width:8px;height:8px;font-size:0;line-height:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transform-origin:center;transition:transform .18s ease}
.mega-item:hover .mega-trigger>span[aria-hidden="true"],.mega-item:focus-within .mega-trigger>span[aria-hidden="true"],.mega-item.mega-open .mega-trigger>span[aria-hidden="true"]{transform:rotate(225deg) translateY(-1px)}

.mobile-nav-head,.mobile-nav-footer{display:none}
.mobile-nav-body{display:flex;align-items:center;gap:24px}

@media(max-width:800px){
  body.public-menu-open{overflow:hidden;overscroll-behavior:none}
  body .site-header>nav{
    position:fixed;
    inset:0;
    z-index:120;
    display:flex;
    flex-direction:column;
    width:100%;
    height:100vh;
    height:100dvh;
    margin:0;
    padding:max(16px,env(safe-area-inset-top)) 20px max(18px,env(safe-area-inset-bottom));
    overflow:hidden;
    border:0;
    background:var(--surface);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-12px);
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
  }
  body.public-menu-open .site-header>nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;min-height:54px;padding-bottom:14px;border-bottom:1px solid var(--border)}
  .mobile-nav-head .brand{padding:0;border:0}
  .mobile-nav-head .brand small{font-size:8px}
  .mobile-nav-close{position:relative;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);cursor:pointer}
  .mobile-nav-close span{position:absolute;left:11px;right:11px;top:19px;height:2px;background:currentColor;transform:rotate(45deg)}
  .mobile-nav-close span+span{transform:rotate(-45deg)}
  .mobile-nav-body{display:block;flex:1 1 auto;min-height:0;width:100%;padding:10px 0 18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .mobile-nav-body>.mega-item{border-top:0;border-bottom:1px solid var(--border)}
  .mobile-nav-body>.mega-item:first-child{border-top:0}
  .mobile-nav-body>.mega-item+.mega-item{border-top:0}
  .mobile-nav-body>.mega-item>.mega-trigger{min-height:56px;padding:14px 4px;color:var(--text);font-size:16px;font-weight:600}
  .mobile-nav-body>a{display:flex!important;align-items:center;min-height:56px;padding:14px 4px!important;border-bottom:1px solid var(--border)!important;color:var(--text);font-size:16px;font-weight:600}
  .mobile-nav-body .mega-menu{padding:2px 0 18px;gap:12px}
  .mobile-nav-body .mega-intro{padding:8px 4px 16px}
  .mobile-nav-body .mega-intro h2{font-size:21px}
  .mobile-nav-body .mega-intro p{font-size:13px;line-height:1.55}
  .mobile-nav-body .mega-links a{padding:13px 14px!important;border:1px solid var(--border)!important;background:var(--soft)}
  .mobile-nav-footer{display:block;flex:0 0 auto;padding-top:16px;border-top:1px solid var(--border)}
  .mobile-nav-footer p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.45}
  .mobile-nav-footer>div{display:grid;grid-template-columns:.72fr 1.28fr;gap:8px}
  .mobile-nav-footer .button{width:100%;min-height:46px;padding:10px 12px;font-size:13px}
  .mobile-nav-contact{display:inline-flex;margin-top:11px;padding:0!important;border:0!important;color:var(--muted);font-size:12px}
}

@media(max-width:380px){
  body .site-header>nav{padding-left:16px;padding-right:16px}
  .mobile-nav-footer>div{grid-template-columns:1fr}
  .mobile-nav-footer p{display:none}
}

@media(prefers-reduced-motion:reduce){body .site-header>nav{transition:none}}
