/* ---------- nav ---------- */
.nav{
  position:sticky;top:0;left:0;right:0;z-index:100;
  background:rgba(247,249,252,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color .3s ease-out,box-shadow .3s ease-out;
}
/* A7: 0.3s ease-out — distinct de curba-semnătură, cf. §4 */
.nav.scrolled{border-bottom-color:var(--line);box-shadow:0 4px 24px rgba(22,40,60,.06)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo-mark{
  width:42px;height:42px;border-radius:var(--radius-sm);background:var(--navy);
  display:grid;place-items:center;flex:none;
}
.logo-mark svg{width:24px;height:24px}
.logo-text{font-family:var(--font-display), 'Oswald Fallback', sans-serif;font-weight:600;color:var(--navy);font-size:1.05rem;line-height:1.1}
.logo-text small{display:block;font-family:var(--font-body);font-weight:500;font-size:.66rem;color:var(--slate);letter-spacing:.06em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none}
.nav-links a{text-decoration:none;font-weight:600;font-size:.92rem;color:var(--slate)}
.nav-links a:hover{color:var(--navy)}
.nav .btn{padding:11px 20px;font-size:.9rem}
.nav-toggle{
  display:none;background:none;border:0;cursor:pointer;width:44px;height:44px;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.nav-toggle span{width:22px;height:2px;background:var(--navy);border-radius:2px;transition:transform .25s ease,opacity .25s ease}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:820px){
  .nav-links{
    position:fixed;inset:76px 0 auto 0;background:var(--white);flex-direction:column;
    align-items:stretch;gap:0;padding:12px 24px 24px;border-bottom:1px solid var(--line);
    transform:translateY(-16px);opacity:0;visibility:hidden;
    transition:transform .25s ease,opacity .25s ease,visibility 0s linear .25s;
  }
  .nav-links.open{
    transform:translateY(0);opacity:1;visibility:visible;
    transition:transform .25s ease,opacity .25s ease,visibility 0s;
  }
  .nav-links a{padding:14px 4px;border-bottom:1px solid var(--line);font-size:1rem}
  .nav-toggle{display:flex}
  .nav-cta-desktop{display:none}
}

/* ---------- footer ---------- */
footer{background:var(--navy-deep);color:rgba(255,255,255,.75);padding:64px 0 36px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer-grid h2{
  font-family:var(--font-display), 'Oswald Fallback', sans-serif;color:#fff;font-size:.82rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;
}
.footer-grid ul{list-style:none;display:grid;gap:10px}
.footer-grid a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.92rem}
.footer-grid a:hover{color:#fff}
.footer-brand .logo-text{color:#fff}
.footer-brand .logo-text small{color:rgba(255,255,255,.6)}
.footer-brand p{font-size:.9rem;margin-top:16px;max-width:30ch}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.14);padding-top:28px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.84rem;
}
.footer-bottom a{color:rgba(255,255,255,.75)}

@media (max-width:640px){
  .footer-grid{grid-template-columns:1fr 1fr}
}