body { font-family: system-ui, sans-serif; margin: 0; color: var(--color-text); line-height: 1.5; }
header { padding: 6rem 2rem 4rem; text-align: center; background: var(--color-bg-accent); }
.eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; color: #6b6b6b; }
h1 { font-size: 2.5rem; max-width: 40rem; margin: 1rem auto; }
.lead { max-width: 34rem; margin: 0 auto 2rem; color: var(--color-text-muted); }
.cta { display: inline-block; padding: .8rem 1.6rem; background: var(--color-cta-bg); color: var(--color-cta-text); border-radius: .4rem; text-decoration: none; }
section { max-width: 60rem; margin: 0 auto; padding: 4rem 2rem; }
.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2rem; }
.feature h3 { margin-bottom: .5rem; }
.pricing { text-align: center; background: var(--color-bg-accent); }
.faq-item { border-bottom: 1px solid #ddd; padding: 1.2rem 0; }
footer { text-align: center; padding: 3rem 2rem; color: #888; font-size: .9rem; }