/* Home page styles (PiratePLGame.com) */
.hero {
  background: radial-gradient(1200px 600px at 20% -10%, rgba(212, 175, 55, 0.08), transparent 60%),
              linear-gradient(180deg, rgba(16, 40, 68, 0.4), rgba(11, 30, 51, 0));
}
.hero__inner { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--space-32); align-items: center; }
.hero__content { max-width: 60ch; }
.hero__subtitle { color: var(--color-text-muted); font-size: var(--font-size-300); }
.hero__cta { display: inline-flex; gap: var(--space-16); margin-top: var(--space-16); flex-wrap: wrap; }
.hero__figure img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }

/* Split layout */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-32); align-items: center; }
.split__media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

/* Components grid */
.components-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24); margin-top: var(--space-16); }
.components-grid .card h3 { margin-bottom: 8px; }

/* FAQ grid */
.faq-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24); margin-top: var(--space-16); }

/* Insights */
.insights-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-24); margin-top: var(--space-16); }

/* Updates list */
.updates { display: grid; gap: var(--space-16); margin-top: var(--space-16); }
.updates__row { display: grid; grid-template-columns: 130px 1fr; gap: var(--space-16); align-items: start; }
.updates time { color: var(--color-primary); font-weight: 600; }

/* Join section */
.join { display: grid; grid-template-columns: 1fr; }
.join__form { margin-top: var(--space-16); }
.join__controls { display: grid; grid-template-columns: 1fr auto; gap: var(--space-12); }
.join__feedback { margin-top: 8px; color: var(--color-text-muted); }

/* Responsive */
@media (max-width: 1024px) {
  .hero__inner { grid-template-columns: 1fr; }
  .split { grid-template-columns: 1fr; }
  .components-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .insights-list { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .components-grid, .faq-grid { grid-template-columns: 1fr; }
  .updates__row { grid-template-columns: 1fr; }
  .hero__cta { width: 100%; }
}

/* Reduced motion friendly reveal (optional) */
.reveal { opacity: 0; transform: translateY(10px); transition: opacity var(--duration-250) var(--ease), transform var(--duration-250) var(--ease); }
.reveal.in-view { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal.in-view { opacity: 1; transform: none; }
}