/* NAV */
header.nav{position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:blur(12px);background:rgba(255,255,255,1);border-bottom:1px solid rgba(0,0,0,.06)}
body.nav-open header.nav{z-index:130}
.nav-inner{height:72px;gap:var(--space-5);flex-wrap:nowrap;display:flex;align-items:center;justify-content:space-between}
.brand{gap:var(--space-3);z-index:120;flex-shrink:0;display:flex;align-items:center}
.brand img{height:44px;width:auto;display:block}
.brand .bt{display:flex;flex-direction:column;line-height:1}
.brand .bt b{font-weight:700;font-size:var(--fs-body);letter-spacing:.02em;color:var(--ink)}
.brand .bt span{font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--gray);margin-top:3px}
nav ul{display:flex;gap:var(--space-5);list-style:none;align-items:center;flex-wrap:nowrap;white-space:nowrap}
nav a{font-size:var(--fs-caption);font-weight:500;color:var(--ink-2);transition:var(--dur-fast);position:relative;white-space:nowrap}
nav a:hover,nav a.active{color:var(--crimson)}
nav a.btn:hover,nav a.btn.active{color:#fff}
.menu-toggle{display:none;background:none;border:0;cursor:pointer;z-index:120;width:34px;height:34px;flex-shrink:0;position:relative;padding:0}
.menu-toggle span{position:absolute;left:5px;right:5px;height:2px;background:var(--ink);border-radius:var(--r-sm);transition:transform .3s ease,opacity .2s ease,top .3s ease}
.menu-toggle span:nth-child(1){top:10px}
.menu-toggle span:nth-child(2){top:16px}
.menu-toggle span:nth-child(3){top:22px}
.menu-toggle.open span:nth-child(1){top:16px;transform:rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){top:16px;transform:rotate(-45deg)}
.nav-backdrop{position:fixed;inset:0;background:rgba(6,16,31,.5);opacity:0;visibility:hidden;transition:.3s;z-index:105}
.nav-backdrop.show{opacity:1;visibility:visible}

/* FOOTER */
footer{background:var(--ink);color:rgba(255,255,255,.7);padding:70px 0 34px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}
footer img.flogo{height:66px;width:auto;margin-bottom:18px}
footer .fabout{font-size:var(--fs-caption);font-weight:300;max-width:320px}
footer .fcbn{font-size:var(--fs-caption);font-weight:300;max-width:320px;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.55);line-height:1.55}
footer .fcbn strong{font-weight:600;color:rgba(255,255,255,.82)}
footer h2{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:var(--fs-caption);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:18px;line-height:1.2}
footer ul{list-style:none}
footer ul li{margin-bottom:11px}
footer ul li a{font-size:var(--fs-caption);font-weight:300;transition:var(--dur-fast)}
footer ul li a:hover{color:var(--quantum)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;gap:12px;font-size:var(--fs-caption);color:rgba(255,255,255,.5);display:flex;justify-content:space-between;flex-wrap:wrap}
.legal-links a{color:rgba(255,255,255,.72);transition:var(--dur-fast)}
.legal-links a:hover{color:#3aa0ff}
.legal-links span{color:rgba(255,255,255,.35)}

/* SITE CTA — shared white centered CTA section */
.site-cta h2{font-size:var(--fs-display);margin:8px 0 18px}
.site-cta p{color:var(--ink-2);font-weight:300;font-size:var(--fs-body-lg);max-width:600px;margin:0 auto var(--space-8)}

/* RESPONSIVE */
@media(max-width:1024px){
  .menu-toggle{display:block}
  nav{position:fixed;top:0;right:0;height:100vh;width:min(80vw,320px);background:#fff;box-shadow:-12px 0 40px -18px rgba(0,0,0,.35);transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);z-index:110;padding:96px 32px 40px;overflow-y:auto}
  nav.open{transform:translateX(0)}
  nav ul{flex-direction:column;align-items:flex-start;gap:var(--space-1);width:100%}
  nav ul li{width:100%}
  nav ul li a{display:block;width:100%;padding:15px 0;font-size:var(--fs-body);color:var(--ink-2);border-bottom:1px solid rgba(0,0,0,.07)}
  nav ul li a.btn{margin-top:18px;text-align:center;padding:14px 22px;border-bottom:0;font-size:var(--fs-body);color:#fff}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .brand{min-width:0}
  .brand img{height:36px}
  .brand .bt b{font-size:var(--fs-caption)}
  .brand .bt span{display:none}
  .foot-grid{grid-template-columns:1fr}
}