/* Home page specific styles (kept minimal, leveraging base.css) */
.section { padding-block: var(--space-20); }
.section--alt { background: var(--gray-50); }

/* Hero */
.hero__inner { display: grid; gap: var(--space-12); align-items: center; }
@media (min-width: 960px) { .hero__inner { grid-template-columns: 1.2fr 1fr; } }
.hero__eyebrow { color: var(--gray-700); font-weight: 600; letter-spacing: 0.01em; margin-bottom: var(--space-2); }
.hero__actions { display: flex; gap: var(--space-4); margin-top: var(--space-6); flex-wrap: wrap; }
.hero__search { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); margin-top: var(--space-6); }
.hero__media img { width: 100%; height: auto; object-fit: cover; }

/* Quick categories */
.card--link { display: block; color: inherit; height: 100%; }
.card--link:hover { text-decoration: none; }
.card--link:focus-visible { outline: none; box-shadow: var(--shadow-md), var(--focus-shadow); }

/* Inspiring section */
.inspo__grid { display: grid; gap: var(--space-12); align-items: center; }
@media (min-width: 960px) { .inspo__grid { grid-template-columns: 1fr 1.1fr; } }
.feature-list { display: grid; gap: var(--space-2); margin-top: var(--space-4); }
.feature-list i { color: var(--color-primary-600); margin-right: 8px; }
.inspo__actions { margin-top: var(--space-6); }

/* Features grid */
.features-grid .card h3 i { color: var(--color-primary-600); margin-right: 8px; }

/* Palette */
.palette { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); margin-top: var(--space-6); }
.swatch { display: block; height: 64px; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200); }
.swatch--bg { background: var(--color-bg); }
.swatch--surface { background: var(--color-surface); }
.swatch--primary { background: var(--color-primary-600); }
.swatch--text { background: var(--color-text); }

/* Stay Connected */
.connect { display: grid; gap: var(--space-12); align-items: start; }
@media (min-width: 960px) { .connect { grid-template-columns: 1.1fr 1fr; } }
.connect__form-row { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); }
.cta-row { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-6); }

/* Blog highlight */
.blog-highlight { display: grid; gap: var(--space-12); align-items: center; }
@media (min-width: 960px) { .blog-highlight { grid-template-columns: 1fr 1.1fr; } }
.blog-links { display: grid; gap: var(--space-2); margin: var(--space-4) 0; }
.blog-links a { text-decoration: underline; text-underline-offset: 3px; }

/* Trust bar */
.trust-bar { background: var(--gray-100); border-top: 1px solid var(--gray-200); border-bottom: 1px solid var(--gray-200); }
.trust-bar__inner { display: grid; gap: var(--space-6); padding-block: var(--space-6); }
@media (min-width: 768px) { .trust-bar__inner { grid-template-columns: repeat(3, 1fr); } }
.trust-item { display: flex; align-items: center; gap: 10px; justify-content: center; font-weight: 600; color: var(--gray-800); }
.trust-item i { color: var(--color-primary-600); }

/* Reveal on scroll */
.reveal { opacity: 0; transform: translateY(12px); transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; }
}