/* FAIME shared nav + footer (extracted from homepage) — root-level pages */
:root{--navy:#0C1F3F;--navy2:#071428;--gold:#C9A84C;--gold2:#E5C060;--gold3:#A68830;--white:#FFFFFF;--offwhite:#F4F6F9;--gray:#8A97A8;--text:#3D4B5C;--light:#E8EDF4;}
    /* ────────────── NAV ────────────── */
    nav {
      position: fixed; top:0; left:0; right:0; z-index:1000;
      display:flex; align-items:center; justify-content:space-between;
      padding:20px 60px;
      transition: all .4s;
    }
    nav.scrolled {
      background: rgba(12,31,63,.97);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid rgba(201,168,76,.15);
      padding: 12px 60px;
      box-shadow: 0 4px 40px rgba(0,0,0,.4);
    }
    .nav-brand { display:flex; align-items:center; gap:14px; }
    @keyframes logoGlow {
      0%,100% { filter: drop-shadow(0 0 8px rgba(201,168,76,.9)) drop-shadow(0 0 20px rgba(201,168,76,.5)) brightness(1.05); }
      50%      { filter: drop-shadow(0 0 18px rgba(229,192,96,1)) drop-shadow(0 0 40px rgba(201,168,76,.7)) brightness(1.2); }
    }
    @keyframes logoFloat {
      0%,100% { transform: translateY(0px); }
      50%      { transform: translateY(-3px); }
    }
    .nav-logo-img {
      width:80px; height:80px; object-fit:contain;
      animation: logoGlow 3s ease-in-out infinite, logoFloat 4s ease-in-out infinite;
    }
    .nav-brand-text { display:flex; flex-direction:column; }
    .nav-brand-name {
      font-family:'Barlow Condensed', sans-serif;
      font-size:22px; font-weight:800; letter-spacing:4px;
      color: var(--gold); line-height:1;
    }
    .nav-brand-sub {
      font-size:9px; letter-spacing:3px; color:rgba(255,255,255,.5);
      text-transform:uppercase; margin-top:3px;
    }
    .nav-links { display:flex; align-items:center; gap:32px; }
    .nav-links > a, .nav-item > .nav-trigger {
      font-size:12px; font-weight:600; letter-spacing:2px;
      text-transform:uppercase; color:rgba(255,255,255,.8);
      transition: color .25s; cursor:pointer;
      background:none; border:none; font-family:inherit;
      display:flex; align-items:center; gap:5px;
    }
    .nav-links > a:hover, .nav-item:hover > .nav-trigger { color: var(--gold); }
    .nav-trigger svg { transition: transform .25s; }
    .nav-item:hover .nav-trigger svg { transform: rotate(180deg); }
    .nav-cta {
      background: var(--gold) !important;
      color: var(--navy) !important;
      padding: 10px 24px;
      font-weight:700 !important;
      transition: background .25s !important;
    }
    .nav-cta:hover { background: var(--gold2) !important; color: var(--navy) !important; }

    /* ── MEGA MENU ── */
    .nav-item { position: relative; }
    .mega-menu {
      position:fixed; transform:translateY(8px);
      display:grid; grid-template-columns:repeat(3,200px); gap:0 26px; padding:28px 30px 20px;
      background:var(--white); border-top:2px solid var(--gold);
      box-shadow:0 24px 70px rgba(7,20,40,.28); opacity:0; visibility:hidden; pointer-events:none;
      transition:opacity .25s cubic-bezier(.22,1,.36,1), transform .25s cubic-bezier(.22,1,.36,1), visibility .25s;
      z-index:99999; min-width:640px;
    }
    .mega-menu.open { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
    .mega-col-title { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--gold3); margin-bottom:12px; padding-bottom:8px; border-bottom:1px solid #E2E8F0; }
    .mega-col { display:flex; flex-direction:column; gap:2px; }
    .mega-link { display:flex; align-items:center; gap:10px; font-size:13.5px; font-weight:500; color:var(--text); padding:7px 0; transition:color .18s, transform .18s; }
    .mega-link:hover { color:var(--navy); transform:translateX(4px); }
    .mega-icon { display:flex; color:var(--gold3); }
    .mega-icon svg.ic { width:14px; height:14px; }
    .mega-contact-btn { grid-column:1/-1; margin-top:18px; padding-top:16px; border-top:1px solid #E2E8F0; }
    .mega-contact-btn a { display:block; text-align:center; background:var(--navy); color:var(--white); font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; padding:13px; transition:background .22s; }
    .mega-contact-btn a:hover { background:var(--gold); color:var(--navy); }

    /* ─── HAMBURGER BUTTON ─── */
    .mob-burger {
      display:none; flex-direction:column; justify-content:center; align-items:flex-end;
      gap:5px; width:44px; height:44px; cursor:pointer; border:none;
      background:transparent; padding:4px; z-index:1001; flex-shrink:0;
    }
    .mob-burger span {
      display:block; height:2px; background:var(--gold); border-radius:2px;
      transition:all .32s cubic-bezier(.77,0,.18,1); transform-origin:right center;
    }
    .mob-burger span:nth-child(1) { width:24px; }
    .mob-burger span:nth-child(2) { width:18px; }
    .mob-burger span:nth-child(3) { width:24px; }
    .mob-burger.open span:nth-child(1) { width:24px; transform:translateY(7px) rotate(-45deg); }
    .mob-burger.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
    .mob-burger.open span:nth-child(3) { width:24px; transform:translateY(-7px) rotate(45deg); }
    @media (max-width:768px) { .mob-burger { display:flex; } }
    /* ─── MOBILE DRAWER ─── */
    .mob-overlay {
      position:fixed; inset:0; z-index:1099; background:rgba(7,20,40,.75);
      backdrop-filter:blur(6px); opacity:0; visibility:hidden; pointer-events:none;
      transition:opacity .32s, visibility .32s;
    }
    .mob-overlay.open { opacity:1; visibility:visible; pointer-events:auto; }
    .mob-drawer {
      position:fixed; top:0; right:0; bottom:0; z-index:1100;
      width:min(310px, 86vw);
      background: linear-gradient(180deg, var(--navy) 0%, var(--navy2) 100%);
      border-left:1.5px solid rgba(201,168,76,.18);
      transform:translateX(100%); transition:transform .38s cubic-bezier(.77,0,.18,1);
      display:flex; flex-direction:column; overflow:hidden;
    }
    .mob-drawer.open { transform:translateX(0); }
    .mob-drw-head {
      display:flex; align-items:center; justify-content:space-between;
      padding:18px 20px; border-bottom:1px solid rgba(255,255,255,.06); flex-shrink:0;
      background:rgba(7,20,40,.5);
    }
    .mob-drw-brand { display:flex; align-items:center; gap:10px; }
    .mob-drw-brand img { width:34px; height:34px; object-fit:contain; }
    .mob-drw-label-wrap { display:flex; flex-direction:column; }
    .mob-drw-name {
      font-family:'Barlow Condensed',sans-serif; font-size:17px; font-weight:800;
      color:var(--gold); letter-spacing:3px; line-height:1;
    }
    .mob-drw-sub { font-size:8px; letter-spacing:2.5px; color:rgba(255,255,255,.35); text-transform:uppercase; margin-top:2px; }
    .mob-drw-close {
      width:36px; height:36px; border:1px solid rgba(201,168,76,.25);
      background:transparent; cursor:pointer; color:rgba(255,255,255,.5);
      font-size:15px; display:flex; align-items:center; justify-content:center; transition:all .2s;
    }
    .mob-drw-close:hover { border-color:var(--gold); color:var(--gold); background:rgba(201,168,76,.06); }
    .mob-drw-body { flex:1; overflow-y:auto; padding:12px 12px 0; }
    .mob-drw-body::-webkit-scrollbar { width:3px; }
    .mob-drw-body::-webkit-scrollbar-thumb { background:rgba(201,168,76,.3); }
    .mob-drw-cat {
      font-size:8.5px; font-weight:700; letter-spacing:3px; text-transform:uppercase;
      color:rgba(201,168,76,.5); padding:14px 10px 6px;
      border-bottom:1px solid rgba(255,255,255,.05); margin-bottom:3px;
    }
    .mob-drw-cat:first-child { padding-top:6px; }
    .mob-drw-lnk {
      display:flex; align-items:center; gap:11px; padding:10px 10px; border-radius:5px;
      font-size:13.5px; font-weight:500; color:rgba(255,255,255,.68); text-decoration:none;
      transition:all .18s; margin:1px 0; letter-spacing:.2px;
    }
    .mob-drw-lnk:hover { background:rgba(201,168,76,.09); color:var(--gold2); }
    .mob-drw-lnk .di { width:20px; display:flex; align-items:center; justify-content:center; flex-shrink:0; opacity:.85; }
    .mob-drw-lnk .di svg.ic { width:15px; height:15px; }
    .mob-drw-foot {
      padding:14px; border-top:1px solid rgba(255,255,255,.06); flex-shrink:0;
      display:flex; flex-direction:column; gap:9px; background:rgba(7,20,40,.5);
    }
    .mob-drw-foot a {
      display:flex; align-items:center; justify-content:center; gap:8px; text-decoration:none;
      padding:13px; font-family:'Barlow Condensed',sans-serif;
      font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase; transition:all .2s;
    }
    .mob-drw-foot a.md-cta { background:var(--gold); color:var(--navy); }
    .mob-drw-foot a.md-cta:hover { background:var(--gold2); }
    .mob-drw-foot a.md-call { background:rgba(255,255,255,.04); border:1px solid rgba(201,168,76,.25); color:rgba(255,255,255,.65); }
    .mob-drw-foot a.md-call:hover { border-color:var(--gold); color:var(--gold); }

    /* ────────────── FOOTER ────────────── */
    footer {
      background:var(--navy2); color:rgba(255,255,255,.65);
      padding:70px 0 0;
    }
    .footer-grid {
      display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1.3fr; gap:44px;
      padding-bottom:50px;
      border-bottom:1px solid rgba(255,255,255,.07);
    }
    .footer-logo-name {
      font-family:'Barlow Condensed',sans-serif;
      font-size:20px; font-weight:800; color:var(--gold);
      letter-spacing:4px; margin-bottom:6px; margin-top:16px;
    }
    .footer-about {
      font-size:13px; line-height:1.8; color:rgba(255,255,255,.45);
      margin-bottom:22px;
    }
    .footer-social { display:flex; gap:12px; }
    .social-btn {
      width:36px; height:36px;
      border:1px solid rgba(255,255,255,.15);
      display:flex; align-items:center; justify-content:center;
      font-size:14px; color:rgba(255,255,255,.5);
      transition:all .25s;
    }
    .social-btn:hover { border-color:var(--gold); color:var(--gold); }
    .footer-col h4 {
      font-family:'Barlow Condensed',sans-serif;
      font-size:14px; font-weight:800; color:#fff;
      text-transform:uppercase; letter-spacing:3px;
      margin-bottom:22px;
      padding-bottom:10px;
      border-bottom:2px solid var(--gold);
      display:inline-block;
    }
    .footer-links { list-style:none; }
    .footer-links li { margin-bottom:10px; }
    .footer-links a {
      font-size:13px; color:rgba(255,255,255,.45);
      transition:color .25s;
      display:flex; align-items:center; gap:7px;
    }
    .footer-links a::before { content:'›'; color:var(--gold); font-size:16px; }
    .footer-links a:hover { color:var(--gold); }
    .footer-contact-item {
      display:flex; align-items:flex-start; gap:12px;
      font-size:13px; color:rgba(255,255,255,.45);
      margin-bottom:16px;
    }
    .footer-contact-item span:first-child {
      color:var(--gold); font-size:16px; flex-shrink:0; margin-top:2px;
    }
    .footer-bottom {
      padding:22px 0;
      display:flex; align-items:center; justify-content:space-between;
    }
    .footer-bottom p { font-size:12px; color:rgba(255,255,255,.3); }
    .footer-cert { display:flex; gap:20px; align-items:center; }
    .cert-badge {
      font-size:10px; font-weight:700; letter-spacing:2px;
      text-transform:uppercase; color:rgba(255,255,255,.3);
      border:1px solid rgba(255,255,255,.1);
      padding:5px 12px;
    }


@media (max-width:1100px){ .footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:768px){
  nav#navbar{padding:14px 24px;} nav#navbar.scrolled{padding:10px 24px;}
  .nav-links{display:none;} .mega-menu{display:none !important;}
  .footer-grid{grid-template-columns:1fr;} .footer-bottom{flex-direction:column;gap:12px;text-align:center;}
}

/* container + mobile padding (needed by footer markup) */
.container { max-width:1200px; margin:0 auto; padding:0 60px; }
@media (max-width:768px){ .container { padding:0 24px; } }
/* neutralize trust-page content ul/li/p rules inside the ported footer */
footer ul{padding-left:0;margin:0}
footer li{font-size:inherit;line-height:inherit}
footer p{margin-bottom:0}
/* svg sizing (index keeps these rules outside the footer block) */
footer svg.ic{width:14px;height:14px}
.footer-contact-item span svg.ic{width:16px;height:16px}
/* content-proof grid tracks (match homepage proportions) */
.footer-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr)}
.footer-grid > *{min-width:0}
/* kill UA underlines in ported chrome (homepage resets globally) */
nav#navbar a,footer a,.mob-drawer a{text-decoration:none}