html { scroll-behavior: smooth; scroll-padding-top: 4rem; }
body { transition: background-color 0.2s ease, color 0.2s ease; }
.gradient-text { background: linear-gradient(135deg, #4f46e5, #7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.feature-placeholder { transition: transform 0.3s ease; }
.feature-placeholder img { width: 100%; height: 100%; object-fit: cover; }
.mockup-screen { aspect-ratio: 16/10; }
.video-overlay { transition: opacity 0.3s ease; }
.video-overlay:hover { opacity: 0.9; }
.aspect-video { aspect-ratio: 16 / 9; }