/*
Theme Name: HomeTechPulse
Text Domain: hometechpulse
Description: Modern, editorial smart home technology publication with deep teal, blue and mint accents; crisp product-guide layout optimized for trust, SEO and readability.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

.hero:before { animation: heroGlowA 13s ease-in-out infinite alternate; }
.hero:after { animation: heroGlowB 17s ease-in-out infinite alternate; }
.hero-panel { animation: heroPanelFloat 7s ease-in-out infinite; }
.pulse-dot { animation: pulseDot 2.4s ease-in-out infinite; }
@keyframes heroGlowA { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(-48px,55px,0) scale(1.13); } }
@keyframes heroGlowB { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(52px,-32px,0) scale(.9); } }
@keyframes heroPanelFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
@keyframes pulseDot { 0%,100% { transform:scale(1); opacity:1; } 50% { transform:scale(1.2); opacity:.72; } }
@media (prefers-reduced-motion: reduce) { .hero:before,.hero:after,.hero-panel,.pulse-dot { animation:none; } }