body {
  background:
    radial-gradient(circle at top center, rgba(25, 255, 55, 0.16), transparent 28%),
    linear-gradient(180deg, #040504 0%, #090d09 100%);
}

.site-header {
  background: rgba(3, 4, 3, 0.9);
}

.hero {
  padding-top: 18px;
}

.hero-grid {
  grid-template-columns: 1fr;
}

.hero-copy {
  padding: 24px;
  gap: 20px;
}

.hero-copy h1 {
  font-size: clamp(2.7rem, 11vw, 4.2rem);
}

.hero-slider {
  min-height: 420px;
}

.slide-overlay {
  align-items: flex-start;
  padding-top: 28px;
}

.slide-content h2 {
  font-size: clamp(1.9rem, 10vw, 3rem);
}

.section,
.section-tight {
  padding: 58px 0;
}

.section-head h2,
.page-hero h1,
.thanks-card h1 {
  font-size: clamp(2.2rem, 10vw, 3.4rem);
}

.page-hero-card,
.card,
.pricing-card,
.review-card,
.contact-card,
.faq-item,
.thanks-card,
.policy-card,
.gallery-panel,
.cookie-card {
  border-radius: 22px;
  padding: 22px;
}

.grid-2,
.grid-3,
.grid-4,
.pricing-grid,
.gallery-grid,
.contact-grid,
.review-grid,
.mosaic,
.footer-grid {
  grid-template-columns: 1fr;
}

.image-card {
  min-height: 280px;
}

.mini-stats {
  gap: 10px;
}

.mini-stats span {
  width: 100%;
}