.announcement-bar{
  font-size: 0.95rem;
  background: #ffffca;
  padding: 0.5rem;}
.site-banner{
  padding:6rem 0;
  background: radial-gradient(1000px 400px at 10% 10%, rgb(131 116 255 / 35%), transparent), radial-gradient(900px 350px at 90% 90%, rgb(99 210 255 / 32%), transparent);
  text-align:center;
}
.site-banner h1{font-weight:700}

/* Use Aleo font from Google Fonts for headings and body */
body {
  font-family: "Aleo", Georgia, "Times New Roman", serif;
  font-weight: 400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6 {
  font-family: "Aleo", Georgia, "Times New Roman", serif;
  font-weight: 700;
}

.card-testimonial{background:#ffffff78;padding:1.5rem;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.05)}

.bg-nav{    background: #ffffff78;
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 12px #0000000a;}
  .feature-card {
    background: #fff;
    position: relative;
    top: -20px;
    padding: 1rem 2rem;
    border-radius: 1rem;
    box-shadow: 0 10px 12px #00000014;
}
.about-section{padding:4rem 0}
.testimonials{padding:4rem 0;background:linear-gradient(90deg,#f3f0ff, #f5fbff)}
.site-logo{height:40px;object-fit:contain}
.navbar-brand img.site-logo{display:inline-block}
.dark-mode{background:#121217;color:#e6e6e6}
.dark-mode .navbar, .dark-mode .announcement-bar{background:#0f1115;color:#e6e6e6}
.dark-mode .card{background:#16171a;color:#e6e6e6}
.svg-blob{width:100%;height:220px;margin-bottom:1.5rem}