/* =========================================
   NAV
========================================= */
nav {
  position: fixed; top:0; left:0; right:0; z-index:200;
  background: rgba(250,250,250,0.94);
  backdrop-filter: blur(14px);
  border-bottom: 1.5px solid var(--sage-pale);
}
.nav-inner {
  max-width:1140px; margin:0 auto; padding:0 32px;
  display:flex; align-items:center; justify-content:space-between;
  height:72px;
}
.nav-logo {
  display:flex; align-items:center; gap:10px;
}
.nav-logo-mark {
  height:26px; width:auto;
  display:block;
}
.nav-logo-text {
  font-family:'Nunito', sans-serif;
  font-size:0.95rem; font-weight:700;
  color:var(--sage-dark); line-height:1.2;
}
.nav-logo-text span {
  display:block; font-size:0.68rem; font-weight:400;
  color:var(--text-soft); letter-spacing:0.06em;
}
.nav-links {
  display:flex; gap:1.8rem; list-style:none;
}
.nav-links a {
  text-decoration:none; font-size:0.85rem; font-weight:600;
  color:var(--text-mid); transition:color .2s;
}
.nav-links a:hover { color:var(--sage-dark); }

/* =========================================
   FOOTER
========================================= */
footer {
  background: var(--sage);
}
.footer-top {
  padding: 4.5rem 32px;
  max-width: 1140px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 0.9rem;
  text-align: center;
}
.footer-logo {
  height:80px; width:auto;
}
.footer-logo-sub {
  font-size:0.82rem; font-weight:400;
  color:rgba(255,255,255,0.75); letter-spacing:0.02em;
}
.footer-social { display:flex; gap:0.6rem; margin-top:0.6rem; }
.soc-link {
  width:36px; height:36px;
  border:1.5px solid rgba(255,255,255,0.35);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  text-decoration:none; font-size:0.8rem; font-weight:700;
  color:rgba(255,255,255,0.7); transition:all .2s;
}
.soc-link:hover { border-color:#fff; color:#fff; background:rgba(255,255,255,0.1); }
.footer-bottom {
  background: var(--sage-dark);
  padding: 1.5rem 32px;
}
.footer-bottom-inner {
  max-width: 1140px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap;
}
.footer-copy {
  font-size:0.72rem; color:rgba(255,255,255,0.45); line-height:1.7;
}
.footer-dev {
  font-size:0.72rem; color:rgba(255,255,255,0.45); text-align:right;
}
.footer-dev a { color:rgba(255,255,255,0.75); text-decoration:none; font-weight:600; }
.footer-dev a:hover { color:#fff; text-decoration:underline; }