/* ---- CSS Variables needed for nav ---- */
:root {
  --primary:      #1a56c4;
  --primary-dark: #1240a0;
  --primary-light:#e8f0fc;
  --text-dark:    #0d1b2a;
  --text-mid:     #4a5568;
  --text-light:   #718096;
  --border:       #e2e8f0;
  --white:        #ffffff;
  --surface:      #f8fafd;
  --radius-sm:    8px;
  --radius-md:    14px;
  --radius-lg:    22px;
  --nav-height:   68px;
}

/* =============================================
   DISCLAIMER BAR
============================================= */
.disclaimer-bar {
  background: var(--text-dark);
  color: rgba(255,255,255,0.82);
  font-size: 12px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  text-align: center;
  padding: 8px 16px;
  letter-spacing: 0.02em;
  font-weight: 500;
}


/* NAVBAR */
.main-nav{
  background:#fff;
  border-bottom:1px solid #e2e8f0;
  height:68px;
  display:flex;
  align-items:center;
  z-index:1000;
}

/* Logo */
.brand-img{
  height:48px;
  width:auto;
}

/* Button */
.btn-nav-cta{
  background:#1a56c4;
  color:#fff;
  font-size:14px;
  font-weight:600;
  padding:8px 18px;
  border-radius:10px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
}

.btn-nav-cta:hover{
  background:#1240a0;
  color:#fff;
}

/* Mobile */
@media(max-width:576px){
  .brand-img{
    height:40px;
  }
  .btn-nav-cta{
    font-size:13px;
    padding:7px 14px;
  }
}