/* -------------------------------------
   WHY IT WORKS (features)
   ------------------------------------- */

.home-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 20px;
}

/* стеклянные карточки поверх фона */
.home-feature-card {
  padding: 18px 20px 16px;
  border-radius: 20px;
  border: 1px solid rgba(148,163,184,0.55);
  background:
    radial-gradient(circle at 0 0, rgba(56,189,248,0.20), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(249,115,22,0.22), transparent 55%),
    rgba(15,23,42,0.85);
  box-shadow: 0 14px 38px rgba(15,23,42,0.85);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.home-feature-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 52px rgba(15,23,42,0.95);
  border-color: rgba(248,250,252,0.7);
  background:
    radial-gradient(circle at 0 0, rgba(56,189,248,0.28), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(249,115,22,0.30), transparent 60%),
    rgba(15,23,42,0.92);
}

.home-feature-title {
  margin: 0 0 6px;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #f9fafb;
}

.home-feature-text {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: rgba(226,232,240,0.9);
}

.home-section-title {
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #f8fafc; /* яркий беловатый */
  text-shadow:
    0 0 6px rgba(0, 0, 0, 0.6),
    0 0 12px rgba(0, 0, 0, 0.45);
}

/* подзаголовок тоже слегка усилим */
.home-section-subtitle {
  color: rgba(255,255,255,0.85);
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

/* фон секции — сделать чутка светлее */
.home-section {
  padding-block: 60px 50px;
  background:
    radial-gradient(circle at 0 0, rgba(56,189,248,0.15), transparent 55%),
    radial-gradient(circle at 100% 0, rgba(249,115,22,0.15), transparent 55%);
}