/* ============================================================
   AI CALLER — NAV, MEGA MENU, FOOTER
   ============================================================ */

.hdr{position:sticky;top:0;z-index:var(--z-nav);background:rgba(255,255,255,.86);
  backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);
  border-bottom:1px solid transparent;transition:border-color var(--d-base) var(--ease),box-shadow var(--d-base) var(--ease)}
.hdr.scrolled{border-bottom-color:var(--ink-12);box-shadow:0 1px 20px rgba(18,16,13,.05)}

.navbar{display:flex;align-items:center;gap:var(--s-l);padding-block:.95em}

.logo{display:inline-flex;align-items:center;gap:.55em;font-family:var(--font-display);
  font-weight:800;font-size:1.22rem;letter-spacing:-.035em;text-decoration:none;color:var(--ink);flex-shrink:0}
.logo-mark{flex-shrink:0}

.nav{display:flex;align-items:center;gap:.15em;margin-inline:auto}
.nav-item{position:relative}
.nav-link{display:inline-flex;align-items:center;gap:.35em;font-size:var(--t-sm);font-weight:550;
  color:var(--ink-70);text-decoration:none;padding:.6em .85em;border-radius:var(--r-s);
  background:none;border:none;transition:color var(--d-fast) var(--ease),background var(--d-fast) var(--ease)}
.nav-link:hover,.nav-item.open .nav-link{color:var(--ink);background:var(--ink-06)}
.nav-link svg{width:11px;height:11px;transition:transform var(--d-fast) var(--ease);opacity:.6}
.nav-item.open .nav-link svg{transform:rotate(180deg)}
.nav-link[aria-current="true"]{color:var(--ink)}

/* Mega menu */
.mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-6px);
  background:#fff;border:1px solid var(--ink-12);border-radius:var(--r-l);box-shadow:var(--sh-l);
  padding:var(--s-m);min-width:520px;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity var(--d-fast) var(--ease),transform var(--d-fast) var(--ease),visibility var(--d-fast)}
.nav-item.open .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega--wide{min-width:660px}
.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2xs) var(--s-m)}
.mega-col-title{grid-column:1/-1;font-family:var(--font-mono);font-size:var(--t-micro);
  letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--ink-40);padding:.5em .7em .3em}
.mega a{display:flex;gap:.7em;padding:.65em .7em;border-radius:var(--r-s);text-decoration:none;
  transition:background var(--d-fast) var(--ease)}
.mega a:hover{background:var(--paper-soft)}
.mega a .mi{flex-shrink:0;width:30px;height:30px;border-radius:var(--r-s);background:var(--amber-tint);
  color:var(--amber-deep);display:grid;place-items:center}
.mega a .mi svg{width:15px;height:15px}
.mega a strong{display:block;font-size:var(--t-sm);font-weight:650;color:var(--ink);line-height:1.35}
.mega a span{display:block;font-size:var(--t-micro);color:var(--ink-55);line-height:1.4}
.mega-foot{margin-top:var(--s-2xs);padding:.8em;border-top:1px solid var(--ink-12);
  display:flex;align-items:center;justify-content:space-between;gap:var(--s-s)}
.mega-foot span{font-size:var(--t-micro);color:var(--ink-55)}

.nav-cta{display:flex;align-items:center;gap:.6em;flex-shrink:0}

.burger{display:none;background:none;border:none;width:42px;height:42px;
  align-items:center;justify-content:center;color:var(--ink);border-radius:var(--r-s)}
.burger svg{width:21px;height:21px}
@media (max-width:1040px){
  .nav{display:none}
  .burger{display:inline-flex}
  .nav-cta .btn--ghost{display:none}
}

.drawer{display:none;position:fixed;inset:0;top:62px;z-index:var(--z-menu);background:#fff;overflow-y:auto;padding-bottom:var(--s-2xl)}
.drawer.open{display:block}
.drawer-group{border-bottom:1px solid var(--ink-12);padding:var(--s-s) var(--pad)}
.drawer-group h5{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--ls-wider);
  text-transform:uppercase;color:var(--ink-40);margin:0 0 .6em;font-weight:500}
.drawer-group a{display:block;padding:.62em 0;font-size:1.02rem;font-weight:550;color:var(--ink);text-decoration:none}
.drawer-cta{padding:var(--s-l) var(--pad);display:flex;flex-direction:column;gap:var(--s-2xs)}

/* ---------- FOOTER ---------- */
.ftr{background:var(--night);color:var(--on-night);padding-top:var(--s-2xl);padding-bottom:120px}
.ftr-top{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:var(--s-l);
  padding-bottom:var(--s-xl);border-bottom:1px solid var(--on-night-12)}
@media (max-width:960px){.ftr-top{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ftr-top{grid-template-columns:1fr}}
.ftr-brand .logo{color:var(--on-night)}
.ftr-brand p{color:var(--on-night-72);font-size:var(--t-sm);max-width:34ch;margin-top:var(--s-s)}
.ftr-badges{display:flex;gap:.4em;flex-wrap:wrap;margin-top:var(--s-m)}
.ftr-badge{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.06em;
  color:var(--on-night-55);border:1px solid var(--on-night-12);border-radius:var(--r-s);padding:.35em .6em}
.ftr-col h5{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--ls-wider);
  text-transform:uppercase;color:var(--on-night-40);margin:0 0 var(--s-s);font-weight:500}
.ftr-col ul{display:flex;flex-direction:column;gap:.62em}
.ftr-col a{color:var(--on-night-72);text-decoration:none;font-size:var(--t-sm);transition:color var(--d-fast) var(--ease)}
.ftr-col a:hover{color:var(--amber-hot)}
.ftr-bot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-m);padding-top:var(--s-l)}
.ftr-bot span,.ftr-legal a{font-size:var(--t-micro);color:var(--on-night-55)}
.ftr-legal{display:flex;gap:var(--s-m);flex-wrap:wrap}
.ftr-legal a{text-decoration:none}
.ftr-legal a:hover{color:var(--on-night)}
.ftr-parent a{color:var(--on-night-72);text-decoration:underline;text-underline-offset:2px}

/* breadcrumb */
.crumb{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--ls-wide);
  text-transform:uppercase;color:var(--ink-55);margin-bottom:var(--s-s);display:flex;gap:.5em;align-items:center}
.crumb a{color:var(--ink-55);text-decoration:none}
.crumb a:hover{color:var(--amber-deep)}

/* ---------- LANGUAGE SWITCHER ---------- */
.lang{position:relative;flex-shrink:0}
.lang-btn{display:inline-flex;align-items:center;gap:.4em;background:none;
  border:1.5px solid var(--ink-20);border-radius:var(--r-pill);padding:.5em .85em;
  font-size:var(--t-label);font-weight:600;color:var(--ink-70);
  transition:border-color var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}
.lang-btn:hover{border-color:var(--ink);color:var(--ink)}
.lang-btn svg{width:11px;height:11px;opacity:.6;transition:transform var(--d-fast) var(--ease)}
.lang.open .lang-btn svg{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:172px;
  background:#fff;border:1px solid var(--ink-12);border-radius:var(--r-m);
  box-shadow:var(--sh-l);padding:.35em;z-index:var(--z-menu);
  opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;
  transition:opacity var(--d-fast) var(--ease),transform var(--d-fast) var(--ease),visibility var(--d-fast)}
.lang.open .lang-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.lang-menu a{display:flex;align-items:center;justify-content:space-between;gap:var(--s-s);
  padding:.6em .75em;border-radius:var(--r-s);text-decoration:none;color:var(--ink);
  font-size:var(--t-sm);font-weight:550;transition:background var(--d-fast) var(--ease)}
.lang-menu a:hover{background:var(--paper-soft)}
.lang-menu a[aria-current="true"]{color:var(--amber-deep);font-weight:700}
.lang-menu a span{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--ink-40);
  text-transform:uppercase;letter-spacing:var(--ls-wide)}
@media (max-width:1040px){.lang{display:none}}
.drawer-lang{display:flex;gap:.4em;flex-wrap:wrap;padding:var(--s-s) var(--pad) var(--s-l)}
.drawer-lang a{padding:.5em 1em;border:1.5px solid var(--ink-20);border-radius:var(--r-pill);
  text-decoration:none;font-size:var(--t-sm);font-weight:600;color:var(--ink-70)}
.drawer-lang a[aria-current="true"]{border-color:var(--amber);color:var(--amber-deep)}