.hero { text-align: center; padding: var(--spacing-16) 0; background-color: var(--color-neutral-100); }
.hero img { max-width: 100%; margin:0 auto var(--spacing-6); }
.hero h1 { margin-bottom: var(--spacing-4); color: var(--color-neutral-900); }
.hero p { font-size: var(--font-size-lg); margin-bottom: var(--spacing-6); }
.products-grid { padding: var(--spacing-16) 0; }
.product-card h3 { margin-bottom: var(--spacing-3); }
.product-card p { margin-bottom: 0; }
.benefits, .integration { padding: var(--spacing-12) 0; }
.benefits h2, .integration h2 { text-align: center; margin-bottom: var(--spacing-6); }
.benefits img, .integration img { width: 100%; max-width: 600px; margin: 0 auto var(--spacing-6); display: block; }
.reviews, .setup, .promotions, .cta { padding: var(--spacing-12) 0; background-color: var(--color-neutral-100); }
.reviews h2, .setup h2, .promotions h2, .cta h2 { text-align: center; margin-bottom: var(--spacing-4); }
.reviews p, .setup p, .promotions p, .cta p { text-align: center; margin-bottom: var(--spacing-6); }
.cta .btn { display: block; margin: 0 auto; width: fit-content; }