/*  ------------------  Base  ------------------ */
body{
  font-family:'Chivo',sans-serif;
  background:#fff;
  color:#222;
  margin:0;
}
h1,.navbar-brand{font-family:'Space Grotesk',sans-serif}

/*  ------------------  Navbar  ---------------- */
.navbar{
  background:#ffffffcc;
  backdrop-filter:blur(8px);
  box-shadow:0 2px 12px rgba(0,0,0,0.06);
}
.nav-link{
  font-weight:500;
  color:#333;
  transition:color .15s;
}
.nav-link:hover{color:#6a11cb}

/*  ------------------  Hero  ------------------ */
.hero{
  padding:5rem 1rem;
  min-height:60vh;                         /* 🆕 centres on tall screens  */
  display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(135deg,#6a11cb 0%,#e8a427 100%);
  color:#fff;
  text-align:center;
}
.hero h1{font-weight:700;font-size:2.5rem}
.hero p{font-size:1.15rem;max-width:650px;margin:1rem auto;color:#eaeaea}

/* responsive headline */
@media (min-width:768px){.hero h1{font-size:3.5rem}}

/*  ------------------  Buttons  --------------- */
.btn-primary{
  background:#ffdd57;
  color:#000;
  border:none;
  border-radius:999px;
  padding:.75rem 2rem;
  font-size:1rem;
  transition:transform .15s;
}
.btn-primary:hover{transform:translateY(-2px);}

/*  ------------------  Features --------------- */
.features{padding:4rem 1rem;background:#f8f9fc}
.feature-item{
  padding:2rem 1rem;
  border-radius:1rem;
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
  transition:transform .2s;
}
.feature-item:hover{transform:scale(1.03)}
.feature-item h5{color:#6a11cb}

/*  ------------------  Footer ----------------- */
.footer{
  text-align:center;
  padding:2rem 1rem;
  background:#f0f2f5;
  font-size:.9rem;
  color:#555;
}

/*  ------------------  Logo ----------------- */

.logo-icon {
  /* match the font size of your .lead text */
  height: 1em;
  width: auto;
  /* align it vertically with the text baseline */
  vertical-align: -0.1em;
  /* optionally a little right-margin so “lipoint” doesn’t butt up */
  margin-right: 0.05em;
}

.navbar-logo {
  /* adjust to taste—this is about 1.5× your text height */
  height: 2rem;
  width: auto;
}