/* ===== Hero Section ===== */
.hero {
  padding: 48px 24px;
  background: linear-gradient(135deg, #0b1b2b 0%, #132c46 60%, #1a3b5f 100%);
  color: #fff;
  border-radius: 12px;
  margin: 24px 0;
}

.hero__container {
  max-width: 1080px;
  margin: 0 auto;
}

.hero__title {
  font-size: 32px;
  line-height: 1.25;
  margin: 0 0 16px;
  font-weight: 800;
}

.hero__subtitle {
  font-size: 18px;
  margin: 0 0 12px;
}

.hero__bullets {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  display: grid;
  gap: 8px;
}

/* ===== Buttons ===== */
.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
}

/* Основная кнопка — ярко-оранжевая */
.btn--primary {
  background: #ff8c00;
  color: #fff;
}
.btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
  background: #e67300; /* чуть темнее при наведении */
}

/* Вторая кнопка — глубокий фиолетовый */
.btn--secondary {
  background: #800080;
  color: #fff;
}
.btn--secondary:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
  background: #4b0082; /* индиго при наведении */
}

/* ===== Contacts ===== */
.hero__contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}

.contact__item {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted rgba(255,255,255,.6);
}
.contact__item:hover {
  border-bottom-color: transparent;
}

.contact__divider {
  opacity: .6;
}

/* ===== Responsive ===== */
@media (max-width: 640px) {
  .hero { padding: 32px 16px; }
  .hero__title { font-size: 24px; }
  .hero__subtitle { font-size: 16px; }
  .btn { width: 100%; }
}