/* Jupiter Planet — navigacija + footer */

/* ── Navbar ── */
.nav{
  position:sticky; top:0; z-index:60;
  background:rgba(10,10,13,.72); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-2);
}
.nav__in{ display:flex; align-items:center; gap:1rem; height:68px; }
.brand{ display:flex; align-items:center; gap:.6rem; font-family:var(--font-display); font-weight:700; letter-spacing:-.01em; }
.brand svg{ width:34px; height:34px; }
.brand b{ font-size:1.06rem; }
.brand span{ color:var(--gold); }
.brand small{ display:block; font-family:var(--font-body); font-weight:500; font-size:.62rem; letter-spacing:.22em; text-transform:uppercase; color:var(--muted-2); }
.nav__links{ display:none; margin-left:auto; gap:.3rem; align-items:center; }
.nav__links a{ padding:.5rem .8rem; border-radius:999px; font-size:.95rem; color:var(--muted); transition:color .2s, background .2s; }
.nav__links a:hover, .nav__links a[aria-current]{ color:var(--text); background:rgba(255,255,255,.04); }
.nav__cta{ display:flex; align-items:center; gap:.6rem; margin-left:auto; }
.nav__burger{ display:inline-flex; flex-direction:column; gap:5px; width:44px; height:44px; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:12px; background:transparent; }
.nav__burger span{ width:20px; height:2px; background:var(--text); border-radius:2px; transition:.25s var(--ease); }
.nav.open .nav__burger span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav.open .nav__burger span:nth-child(2){ opacity:0; }
.nav.open .nav__burger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

.nav__mobile{
  display:grid; grid-template-rows:0fr; overflow:hidden;
  transition:grid-template-rows .35s var(--ease); border-top:1px solid transparent;
}
.nav.open .nav__mobile{ grid-template-rows:1fr; border-top-color:var(--line-2); }
.nav__mobile > div{ min-height:0; }
.nav__mobile a{ display:block; padding:.95rem .2rem; border-bottom:1px solid var(--line-2); color:var(--text); font-family:var(--font-display); }
.nav__mobile .btn{ margin:1rem 0; }

@media (min-width:920px){
  .nav__links{ display:flex; }
  .nav__cta .btn-ghost{ display:none; }
  .nav__burger{ display:none; }
}

/* ── Footer ── */
.footer{ background:var(--bg-1); border-top:1px solid var(--line); padding-block:3.5rem 1.6rem; margin-top:2rem; }
.footer__grid{ display:grid; gap:2rem; grid-template-columns:1fr; }
@media (min-width:760px){ .footer__grid{ grid-template-columns:1.4fr 1fr 1fr; } }
.footer h4{ font-size:1rem; color:var(--text); margin-bottom:1rem; }
.footer a{ color:var(--muted); transition:color .2s; }
.footer a:hover{ color:var(--gold); }
.footer__links{ display:flex; flex-direction:column; gap:.6rem; }
.footer__brand p{ max-width:38ch; }
.footer__contact{ display:flex; flex-direction:column; gap:.7rem; color:var(--muted); }
.footer__contact .ico{ color:var(--gold); margin-right:.5rem; }
.footer__bottom{ margin-top:2.4rem; padding-top:1.3rem; border-top:1px solid var(--line-2); display:flex; flex-wrap:wrap; gap:.8rem 1.4rem; justify-content:space-between; align-items:center; color:var(--muted-2); font-size:var(--step--1); }
.footer__bottom a{ color:var(--muted-2); }

/* Floating quote CTA (mobile) */
.fab{
  position:fixed; right:1rem; bottom:1rem; z-index:50; display:flex; gap:.6rem;
}
@media (min-width:920px){ .fab{ display:none; } }