body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

nav {
  background: rgba(248, 243, 236, 0.93);
  border-bottom: 1px solid rgba(242, 133, 95, 0.14);
}

.nav-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #F2855F !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 26px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: -0.3px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: lowercase !important;
  font-optical-sizing: auto;
}

.nav-logo-icon {
  width: 50px !important;
  height: 50px !important;
  object-fit: contain !important;
  border-radius: 4px !important;
  display: block !important;
  flex: 0 0 auto !important;
}

.nav-link {
  color: #5A4636 !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 8px 13px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
}

.nav-link:hover,
.nav-link.active {
  color: #F2855F !important;
  background: rgba(242, 133, 95, 0.08) !important;
}

.nav-cta {
  background: #F2855F !important;
  color: #fff !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.nav-cta:hover {
  background: #C9612E !important;
  color: #fff !important;
}

.nav-appstore {
  background: #2A1F14 !important;
  color: #fff !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.page-banner,
.help-banner,
.trial-banner,
.hero-card,
.hero-content {
  background: linear-gradient(
    120deg,
    rgba(242, 133, 95, 0.24) 0%,
    rgba(244, 240, 236, 0.92) 45%,
    rgba(201, 97, 46, 0.18) 100%
  ) !important;
  border: 1px solid rgba(201, 97, 46, 0.24) !important;
  border-radius: 16px !important;
  line-height: 1.6 !important;
}

.page-banner h1,
.page-banner h2,
.help-banner h1,
.trial-banner h2,
.hero-card h1,
.hero-content h1 {
  color: #3c3028 !important;
  font-family: 'Lora', Georgia, serif !important;
  font-size: 26px;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin-bottom: 10px !important;
}

.page-kicker,
.kicker,
.help-kicker,
.trial-kicker,
.page-banner .kicker,
.page-banner .page-kicker,
.help-banner .help-kicker,
.trial-banner .trial-kicker {
  color: #B05A40 !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 1.1px !important;
  line-height: 1.6 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
}

.page-banner p,
.help-banner p,
.hero-sub,
.hero-card .hero-sub {
  color: #5A4636 !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 15px;
  line-height: 1.6 !important;
}

@media (max-width: 768px) {
  .nav-logo {
    font-size: 18px !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    font-weight: 400 !important;
  }

  .nav-logo-icon {
    width: 28px !important;
    height: 28px !important;
  }
}