.fa-nav{
  position:fixed;
  top:16px;
  left:50%;
  transform:translateX(-50%);
  width:calc(100% - 28px);
  max-width:1200px;
  z-index:999;
  border-radius:999px;
  border:1px solid var(--fa-border);
  background:var(--fa-glass);
  backdrop-filter:blur(24px) saturate(135%);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
  box-shadow:var(--fa-shadow), inset 0 1px 0 rgba(255,255,255,0.86);
}

.fa-nav-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  gap:14px;
}

.fa-logo{
  font-weight:800;
  letter-spacing:-0.02em;
  text-decoration:none;
  white-space:nowrap;
}

.fa-links{display:flex;gap:20px;}

.fa-links a{
  text-decoration:none;
  font-size:14px;
  color:rgba(16,34,29,0.84);
}

.fa-links a:hover{color:#10221d;}
.fa-links a:hover{color:var(--fa-accent-strong);}

.fa-actions{display:flex;gap:10px;}

.fa-btn-primary,
.fa-btn-secondary{
  border-radius:999px;
  padding:10px 14px;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}

.fa-btn-primary{
  border:1px solid rgba(255,255,255,0.9);
  background:rgba(255,255,255,0.92);
  color:var(--fa-accent-strong);
}

.fa-btn-secondary{
  border:1px solid rgba(255,255,255,0.8);
  background:rgba(255,255,255,0.56);
  color:var(--fa-accent-strong);
}

.fa-burger{
  display:none;
  background:none;
  border:none;
  font-size:20px;
  color:#173129;
}

.fa-mobile-menu{
  display:none;
  flex-direction:column;
  gap:8px;
  padding:0 14px 14px;
  border-top:1px solid var(--fa-border-soft);
}

.fa-mobile-menu a{
  text-decoration:none;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.68);
  background:rgba(255,255,255,0.52);
}

.fa-mobile-actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  padding-top:6px;
}

.fa-mobile-actions .fa-btn-primary,
.fa-mobile-actions .fa-btn-secondary{
  text-align:center;
}

.fa-mobile-menu.active{display:flex;}

.fa-footer{
  margin-top:90px;
  padding:52px 20px;
  border-top:1px solid var(--fa-border-soft);
  background:rgba(255,255,255,0.32);
  backdrop-filter:blur(20px) saturate(125%);
  -webkit-backdrop-filter:blur(20px) saturate(125%);
}

.fa-footer-inner{max-width:1200px;margin:0 auto;}

.fa-footer-top{
  display:flex;
  justify-content:space-between;
  gap:34px;
  flex-wrap:wrap;
}

.fa-footer-brand{max-width:320px;}

.fa-footer-logo{
  font-weight:800;
  margin-bottom:10px;
}

.fa-footer-brand p,
.fa-footer-links a,
.fa-footer-bottom{
  color:var(--fa-text-dim);
}

.fa-footer-brand p{line-height:1.65;font-size:14px;}

.fa-footer-links{display:flex;gap:34px;}
.fa-footer-links div{display:flex;flex-direction:column;gap:10px;}
.fa-footer-links strong{font-size:14px;}
.fa-footer-links a{text-decoration:none;font-size:13px;}

.fa-footer-bottom{margin-top:30px;font-size:12px;}

@media (max-width:980px){
  .fa-links,.fa-actions{display:none;}
  .fa-burger{display:block;}
}

@media (max-width:900px){
  .fa-nav{
    top:10px;
    width:calc(100% - 14px);
    border-radius:24px;
  }
  .fa-nav.fa-nav-open{
    border-radius:24px;
    background:rgba(239, 239, 233, 0.86);
    box-shadow:0 22px 48px rgba(16,34,29,0.18), inset 0 1px 0 rgba(255,255,255,0.7);
    backdrop-filter:blur(18px) saturate(120%);
    -webkit-backdrop-filter:blur(18px) saturate(120%);
  }
  .fa-nav-inner{padding:11px 12px;}
  .fa-logo{font-size:14px;}
  .fa-burger{
    width:42px;
    height:42px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,0.52);
    border:1px solid rgba(255,255,255,0.68);
  }
  .fa-mobile-menu{
    padding:10px 12px 12px;
    gap:10px;
    border-top:1px solid rgba(255,255,255,0.38);
  }
  .fa-mobile-menu a{
    padding:14px 14px;
    border-radius:14px;
    background:rgba(255,255,255,0.72);
    color:#213731;
  }
  .fa-mobile-actions{
    grid-template-columns:1fr;
  }
  .fa-footer{padding:42px 16px;margin-top:72px;}
  .fa-footer-top,.fa-footer-links{flex-direction:column;gap:20px;}
}
