/* ARCHIETALIC NAVIGATION FINAL 3.1
   Works with the existing <nav class="nav"> in index.html.
   IMPORTANT: This file does NOT create another header.
*/
:root{
  --an-bg:rgba(4,10,23,.92);
  --an-line:rgba(126,169,255,.18);
  --an-text:#f6fbff;
  --an-muted:#aebdd2;
  --an-cyan:#2fd1ff;
  --an-violet:#8b5cf6;
  --an-green:#2effa9;
  --an-card:rgba(255,255,255,.055);
  --an-panel:rgba(8,16,36,.96);
}
html,body{max-width:100%;overflow-x:hidden!important;}
body.theme-light,body.light-mode{
  --an-bg:rgba(255,255,255,.94);
  --an-line:rgba(20,55,120,.16);
  --an-text:#071428;
  --an-muted:#4d5f78;
  --an-panel:rgba(255,255,255,.98);
  --an-card:rgba(7,22,48,.055);
}

/* Header foundation */
body.home-page .nav{
  position:sticky!important;top:0!important;z-index:99980!important;
  background:var(--an-bg)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid var(--an-line)!important;
}
body.home-page .nav-inner{
  width:min(100% - 72px,1500px)!important;
  max-width:1500px!important;
  margin:0 auto!important;
  min-height:88px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:26px!important;
}
body.home-page .brand{flex:0 0 auto!important;min-width:300px!important;max-width:330px!important;overflow:visible!important;}
body.home-page .brand-logo{height:72px!important;max-width:315px!important;width:auto!important;object-fit:contain!important;display:block!important;}
body.home-page .links{
  display:flex!important;align-items:center!important;gap:8px!important;
  margin-left:22px!important;padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:20px!important;color:var(--an-text)!important;
}
body.theme-light.home-page .links,body.light-mode.home-page .links{background:rgba(5,20,50,.045)!important;border-color:rgba(8,35,90,.12)!important;}
body.home-page .links a,
body.home-page .links button.arch-menu-trigger{
  appearance:none!important;border:0!important;background:transparent!important;color:var(--an-text)!important;
  padding:12px 16px!important;border-radius:14px!important;
  font-size:16px!important;font-weight:950!important;line-height:1!important;text-decoration:none!important;
  cursor:pointer!important;display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;
  opacity:1!important;
}
body.home-page .links a::after{display:none!important;}
body.home-page .links a:hover,
body.home-page .links button.arch-menu-trigger:hover,
body.home-page .links button.arch-menu-trigger.is-open{background:rgba(47,209,255,.10)!important;}
.arch-nav-actions-final{margin-left:auto!important;display:flex!important;align-items:center!important;gap:14px!important;flex:0 0 auto!important;}
.arch-ai-status-final{height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(46,255,169,.28);background:rgba(13,120,84,.22);display:flex;align-items:center;gap:9px;color:var(--an-green);font-weight:950;white-space:nowrap;}
.arch-ai-status-final:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--an-green);box-shadow:0 0 16px var(--an-green)}
.arch-theme-final{height:44px;width:84px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:5px 9px;cursor:pointer;position:relative;color:var(--an-text);}
.arch-theme-final span{position:relative;z-index:2;font-size:17px}.arch-theme-final i{position:absolute;left:5px;top:5px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#34c7ff,#8b5cf6);box-shadow:0 10px 24px rgba(91,110,255,.35);transition:transform .25s ease;z-index:1}body.theme-light .arch-theme-final i,body.light-mode .arch-theme-final i{transform:translateX(40px)}
body.home-page .nav .cta{height:54px!important;padding:0 26px!important;border-radius:18px!important;font-size:17px!important;font-weight:950!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important;}
body.home-page .hamb{display:none!important;width:54px!important;height:54px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.06)!important;color:var(--an-text)!important;font-size:0!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;}
body.home-page .hamb:before{content:"";display:block;width:24px;height:3px;border-radius:99px;background:var(--an-text);box-shadow:0 -8px 0 var(--an-text),0 8px 0 var(--an-text);}

/* Trust ribbon, injected after header row */
.arch-trust-final{height:42px;border-top:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.035);display:flex;align-items:center;justify-content:center;padding:0 16px;overflow:hidden!important;color:var(--an-muted);font-weight:900;}
.arch-trust-final-inner{display:flex;align-items:center;justify-content:center;gap:34px;max-width:100%;overflow:hidden!important;white-space:nowrap;}
.arch-trust-final span{white-space:nowrap;}

/* Mega menu */
.arch-mega-final{position:absolute;left:0;right:0;top:88px;z-index:99975;display:none;pointer-events:none;}
.arch-mega-final.is-visible{display:block;pointer-events:auto;}
.arch-mega-final-panel{width:min(920px,calc(100vw - 48px));margin:0 auto;background:var(--an-panel);border:1px solid var(--an-line);border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,.46);backdrop-filter:blur(22px);padding:22px;overflow:visible!important;max-height:none!important;}
.arch-mega-final-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px;margin-bottom:16px;}
.arch-mega-final-kicker{font-size:12px;font-weight:950;letter-spacing:.18em;color:#ffd85b;text-transform:uppercase;margin-bottom:5px}.arch-mega-final-title{margin:0;color:var(--an-text);font-size:24px;line-height:1.08;font-weight:950}.arch-mega-final-sub{margin:6px 0 0;color:var(--an-muted);font-weight:750;line-height:1.45}.arch-mega-final-close{width:38px;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:var(--an-text);font-size:20px;cursor:pointer;}
.arch-mega-final-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.arch-mega-final-card{background:var(--an-card);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:16px;min-height:118px}.arch-mega-final-card h4{margin:0 0 8px;color:var(--an-text);font-size:16px;font-weight:950;display:flex;align-items:center;gap:8px}.arch-mega-final-card p{margin:0 0 10px;color:var(--an-muted);font-size:13px;line-height:1.4;font-weight:750}.arch-mega-final-links{display:grid;gap:7px}.arch-mega-final-links a{color:var(--an-text);text-decoration:none;font-weight:850;font-size:13px;opacity:.92}.arch-mega-final-links a:hover{color:var(--an-cyan)}.arch-mega-final-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(39,200,255,.10),rgba(139,92,246,.16));border:1px solid rgba(255,255,255,.08)}.arch-mega-final-foot span{color:var(--an-muted);font-weight:800;font-size:13px}.arch-mega-final-foot a{color:#fff;text-decoration:none;font-weight:950;background:linear-gradient(135deg,#2fc8ff,#8b5cf6);border-radius:14px;padding:12px 18px;white-space:nowrap;}

/* Drawer */
.arch-drawer-final{position:fixed;inset:0;z-index:99999;display:none}.arch-drawer-final.is-open{display:block}.arch-drawer-final-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.arch-drawer-final-panel{position:absolute;top:0;right:0;width:min(390px,92vw);height:100%;background:var(--an-panel);border-left:1px solid var(--an-line);box-shadow:0 28px 90px rgba(0,0,0,.48);padding:24px;display:flex;flex-direction:column;gap:14px}.arch-drawer-final-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px;margin-bottom:8px}.arch-drawer-final-head img{height:52px;width:auto}.arch-drawer-final-close{width:44px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:var(--an-text);font-size:24px;cursor:pointer}.arch-drawer-final a,.arch-drawer-final button{width:100%;min-height:58px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:var(--an-text);font-weight:950;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:17px}.arch-drawer-final .arch-drawer-final-cta{background:linear-gradient(135deg,#2fc8ff,#8b5cf6);color:#fff;justify-content:center;gap:8px;border:0;}

@media(max-width:1180px){body.home-page .nav-inner{width:min(100% - 44px,1500px)!important;gap:18px!important}body.home-page .brand{min-width:230px!important}.arch-ai-status-final{display:none}.arch-nav-actions-final{gap:10px!important}body.home-page .nav .cta{padding:0 20px!important}.links{margin-left:6px!important}}
@media(max-width:980px){body.home-page .nav-inner{min-height:82px!important;width:calc(100% - 32px)!important;gap:10px!important}body.home-page .brand{min-width:auto!important;max-width:220px!important}body.home-page .brand-logo{height:58px!important;max-width:220px!important}body.home-page .links{display:none!important}.arch-theme-final{display:none!important}.arch-ai-status-final{display:none!important}body.home-page .hamb{display:flex!important}body.home-page .nav .cta{height:52px!important;font-size:14px!important;padding:0 18px!important;margin-left:auto!important}.arch-nav-actions-final{margin-left:auto!important}.arch-trust-final{height:auto;min-height:38px;justify-content:flex-start}.arch-trust-final-inner{justify-content:flex-start;gap:20px;overflow-x:auto!important;scrollbar-width:none}.arch-trust-final-inner::-webkit-scrollbar{display:none}.arch-mega-final{display:none!important}}
@media(max-width:560px){body.home-page .brand-logo{height:48px!important;max-width:165px!important}body.home-page .nav .cta{max-width:175px;font-size:13px!important}body.home-page .hamb{width:50px!important;height:50px!important;border-radius:16px!important}}


/* ==========================================================
   ARCHIETALIC NAVIGATION FINAL 3.1 HOTFIX
   Fixes:
   - Mega menu X not covered
   - Mega menu sits below trust ribbon
   - Mobile old menu hidden
   - No mega overlay on mobile
   - No horizontal scrollbar
   ========================================================== */

html, body{
  max-width:100%!important;
  overflow-x:hidden!important;
}

/* Put mega menu BELOW the full header + trust ribbon */
.arch-mega-final{
  top:130px!important;
  z-index:100005!important;
}

.arch-mega-final-panel{
  position:relative!important;
  z-index:100006!important;
  overflow:visible!important;
  max-height:none!important;
}

/* Close X always inside panel and above everything */
.arch-mega-final-close{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  z-index:100010!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Give title area room for close button */
.arch-mega-final-head{
  position:relative!important;
  padding-right:54px!important;
}

/* Hide old original mobile dropdown forever */
@media(max-width:980px){
  body.home-page .nav .links,
  body.home-page .nav.open .links{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Mega is desktop-only. Mobile uses drawer only. */
  .arch-mega-final,
  .arch-mega-final.is-visible,
  .arch-mega-final-panel{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .arch-trust-final{
    overflow:hidden!important;
  }

  .arch-trust-final-inner{
    overflow-x:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }

  .arch-trust-final-inner::-webkit-scrollbar{
    display:none!important;
  }
}

/* Desktop cleanup */
@media(min-width:981px){
  body.home-page .hamb{
    display:none!important;
  }
}

/* ==========================================================
   ARCHIETALIC LOGO LAZY FIX
   Keeps header/footer logo plain and aligned.
   Added by cleanup fix.
   ========================================================== */
.brand-logo,
.footer-logo,
.arch-footer-v2-logo,
.arch-footer-v3-logo,
.ap-logo,
.ap-footer img,
.site-header .brand-logo,
.static-header .brand-logo,
.nav .brand-logo,
.arch-footer-pro img,
footer img[data-arch-lazy],
img[data-arch-lazy="0"]{
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

img[data-arch-lazy="1"]{
  background: transparent !important;
}