:root {
  --brand-primary: #8b5e34;
  --brand-primary-dark: #6b4226;
  --brand-secondary: #3f5942;
  --brand-bg: #faf7f2;
  --brand-text: #2b231c;
}
html { scroll-behavior: smooth; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: var(--brand-bg); color: var(--brand-text);
}
section[id], #signup { scroll-margin-top: 80px; }
a { color: var(--brand-primary); }
a:hover { color: var(--brand-primary-dark); }
.navbar { background-color: var(--brand-primary) !important; }
.navbar .nav-link { color: rgba(255,255,255,0.92); }
.navbar .nav-link:hover { color: #fff; }
.hero-section {
  background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
  color: #fff;
}
.btn-primary {
  background-color: var(--brand-primary); border-color: var(--brand-primary);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--brand-primary-dark); border-color: var(--brand-primary-dark);
}
.btn-outline-light:hover { color: var(--brand-primary-dark); }
.btn-outline-secondary {
  color: var(--brand-secondary); border-color: var(--brand-secondary);
}
.btn-outline-secondary:hover {
  background-color: var(--brand-secondary); border-color: var(--brand-secondary); color: #fff;
}
.feature-card { transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.feature-card:hover { transform: translateY(-4px); box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,0.1) !important; }
.feature-icon {
  width: 3.25rem; height: 3.25rem; border-radius: 50%;
  background: rgba(139,94,52,0.12); color: var(--brand-primary);
  display: inline-flex; align-items: center; justify-content: center; font-size: 1.5rem;
}
#signup-message { min-height: 1.2em; }
#signup-message.success { color: #2e7d32; }
#signup-message.error { color: #c62828; }
footer a { text-decoration: none; }
.carousel-caption p { font-size: 0.95rem; }
.carousel-indicators [data-bs-target] { background-color: var(--brand-primary); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: var(--brand-primary);
}
.nav-pills .nav-link { color: var(--brand-text); }
.nav-pills .nav-link:hover { color: var(--brand-primary-dark); }
.screenshot-clickable { cursor: pointer; }

/* Extracted from inline style attributes */
.hero-lead { max-width: 640px; }
.screenshots-section { background: rgba(63,89,66,0.06); }
.screenshot-carousel { max-width: 900px; }
.pricing-card { max-width: 720px; }
.signup-card { max-width: 560px; }
.pricing-icon { color: var(--brand-secondary); }
.legal-content { max-width: 760px; }