/* ZEN IT — Light Navbar */
nav.navbar {
  position: fixed; top: 40px; left: 0; right: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: space-between;
  padding: .85rem 2.5rem;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(37,99,235,0.14);
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
  transition: padding .3s, box-shadow .3s;
}
nav.navbar.scrolled { padding: .65rem 2.5rem; box-shadow:0 14px 34px rgba(15,23,42,.10); }
.nav-logo { display:flex; align-items:center; gap:.7rem; font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:1.05rem; color:#0f172a; letter-spacing:.02em; }
.nav-logo img{ width:44px; height:44px; object-fit:contain; border-radius:10px; }
.nav-logo span{ color:#0f172a; }
.nav-links { display:flex; align-items:center; gap:.35rem; list-style:none; }
.nav-links > li { position:relative; }
.nav-links > li > a { color:#475569; font-size:.92rem; font-weight:600; padding:.55rem .9rem; border-radius:999px; transition:all .2s; display:block; }
.nav-links > li > a:hover,.nav-links > li > a.active { color:#2563eb; background:#eff6ff; }
.nav-cta { background:linear-gradient(135deg,#2563eb,#38bdf8); color:#fff; border:none; padding:.7rem 1.4rem; border-radius:999px; font-size:.9rem; font-weight:700; cursor:pointer; font-family:'Inter',sans-serif; transition:all .2s; box-shadow:0 12px 24px rgba(37,99,235,.22); }
.nav-cta:hover { transform:translateY(-2px); box-shadow:0 16px 32px rgba(37,99,235,.28); }
.hamburger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:.3rem; }
.hamburger span { display:block; width:24px; height:2px; background:#0f172a; border-radius:2px; transition:all .3s; }
.hamburger.open span:nth-child(1){ transform:rotate(45deg) translate(5px,5px); }
.hamburger.open span:nth-child(2){ opacity:0; }
.hamburger.open span:nth-child(3){ transform:rotate(-45deg) translate(5px,-5px); }
.mobile-menu { display:none; position:fixed; top:108px; left:0; right:0; bottom:0; z-index:999; background:#ffffff; padding:1.5rem 2rem; flex-direction:column; gap:.55rem; overflow-y:auto; border-top:1px solid rgba(37,99,235,.12); }
.mobile-menu.open { display:flex; }
.mobile-menu a { display:block; padding:.9rem 1rem; color:#475569; border-radius:12px; font-size:1rem; font-weight:600; transition:all .15s; }
.mobile-menu a:hover { background:#eff6ff; color:#2563eb; }
.mobile-quote{ color:#2563eb!important; font-weight:800!important; margin-top:.5rem; }
.topbar { position:fixed; top:0; left:0; right:0; z-index:1001; height:40px; display:flex; align-items:center; background:linear-gradient(90deg,#eff6ff,#ffffff 50%,#eff6ff); border-bottom:1px solid rgba(37,99,235,.12); font-size:.82rem; }
.topbar-inner { display:flex; align-items:center; justify-content:flex-end; gap:2rem; margin:0 auto; padding:0 2.5rem; width:100%; max-width:1300px; }
.topbar-item { display:flex; align-items:center; gap:.55rem; color:#38bdf8; white-space:nowrap; transition:all .2s; background:linear-gradient(135deg,rgba(8,47,73,.94),rgba(15,23,42,.92)); border:1px solid rgba(56,189,248,.28); padding:.24rem .95rem .24rem .7rem; border-radius:999px; box-shadow:0 8px 22px rgba(37,99,235,.16), inset 0 0 14px rgba(56,189,248,.12); }
.topbar-item:hover { border-color:rgba(56,189,248,.55); transform:translateY(-1px); }
.topbar-phone { font-weight:800; letter-spacing:.01em; }
.topbar-logo { width:18px; height:18px; object-fit:contain; border-radius:4px; flex-shrink:0; filter:drop-shadow(0 0 6px rgba(56,189,248,.35)); }
.topbar-icon { width:18px; height:18px; color:#38bdf8; flex-shrink:0; filter:drop-shadow(0 0 5px rgba(56,189,248,.55)); }
.topbar-flag-img { width:42px; height:26px; object-fit:cover; border-radius:7px; flex-shrink:0; box-shadow:0 4px 10px rgba(15,23,42,.28); }
.topbar-number { font-size:.94rem; font-weight:900; letter-spacing:.06em; color:#e0f2fe; text-shadow:0 0 10px rgba(56,189,248,.55); }
body { padding-top:40px; }
@media(max-width:900px){ .nav-links,.nav-cta{display:none;} .hamburger{display:flex;} nav.navbar{padding:.75rem 1.25rem;} .topbar-inner{justify-content:center;padding:0 1rem;} }