.hero { padding: var(--spacing-16) 0; background-color: var(--color-neutral-100); }
.hero-content { gap: var(--spacing-8); align-items: center; }
.hero-text { flex: 1; }
.hero-image { flex: 1; }
.why-smart, .compatibility { padding: var(--spacing-12) 0; text-align: center; }
.recommended, .reviews, .comparison { padding: var(--spacing-12) 0; }
.products { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--spacing-6); }
.installation, .app-control, .energy-saving, .related { padding: var(--spacing-12) 0; gap: var(--spacing-8); align-items: center; }
.install-text, .app-text, .energy-text, .related-text { flex: 1; }
.install-image, .app-image, .energy-image, .related-image { flex: 1; }
.cta { padding: var(--spacing-16) 0; background-color: var(--color-primary); color: var(--color-background); text-align: center; }
@media (max-width: 768px) { .hero-content, .installation, .app-control, .energy-saving, .related { flex-direction: column; } }