:root {
  --accent: #16a34a;
  --accent-hover: #15803d;
  --accent-light: #dcfce7;
  --accent-subtle: #f0fdf4;
}
[data-theme="dark"] {
  --accent: #4ade80;
  --accent-hover: #22c55e;
  --accent-light: #166534;
  --accent-subtle: #14532d;
}
.btn--primary { background: var(--accent); }
.btn--primary:hover { background: var(--accent-hover); }
.header .nav a:hover, .header .nav a.active { border-color: var(--accent); }
.cta { background: linear-gradient(135deg, #0f2a1a 0%, #052e16 50%, #14532d 100%); padding: 80px 24px; text-align: center; margin-top: 24px; }
.cta__inner { max-width: 600px; margin: 0 auto; padding: 48px 32px; }
.cta__title { font-family: Lexend; font-size: 36px; font-weight: 600; color: white; margin: 0 0 16px; line-height: 1.2; }
.cta__lead { font-size: 18px; color: rgba(255,255,255,0.7); margin: 0 0 32px; line-height: 1.6; }
.cta__ctas { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.btn--white { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 9999px; background: white; padding: 14px 32px; font-size: 16px; font-weight: 600; color: #0f172a; text-decoration: none; transition: all 0.2s; box-shadow: 0 4px 14px rgba(0,0,0,0.15); }
.btn--white:hover { background: #f1f5f9; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.2); }

/* Mobile responsive */
@media(max-width:600px) {
  .cms-content div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; }
  .cms-content div[style*="grid-template-columns: 1fr 1fr"] { grid-template-columns:1fr !important; }
  .cms-content div[style*="repeat(3,1fr)"] { grid-template-columns:1fr !important; }
  .cms-content div[style*="repeat(4,1fr)"] { grid-template-columns:repeat(2,1fr) !important; }
  .cms-content .feature-grid { grid-template-columns:1fr !important; }
  .cms-content .feature-grid .feature { grid-column:span 1 !important; }
  .cms-content div[style*="gap:64px"] { gap:24px !important; }
  .reveal-wrap { min-height:auto !important; }
  .reveal-left, .reveal-right { min-height:auto !important; }
  .hero__title { font-size:28px !important; }
  .cta__title { font-size:24px !important; }
}
@media(min-width:601px) and (max-width:1060px) {
  .cms-content div[style*="grid-template-columns:1fr 1fr"][style*="gap:64px"] { gap:32px !important; }
  .cms-content .feature-grid { display:grid !important; grid-template-columns:1fr 1fr !important; }
  .cms-content .feature-grid .feature { grid-column:span 1 !important; }
  .cms-content div[style*="repeat(3,1fr)"] { grid-template-columns:repeat(3,1fr) !important; }
  .hero__title { font-size:32px !important; }
}