.contact-hero {
  padding-top: var(--space-20);
}

.contact-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: center;
}

.contact-hero__content {
  max-width: 640px;
}

.contact-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.contact-hero__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.contact-hero__meta-text {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  margin-top: var(--space-2);
}

.contact-hero__media {
  min-height: 320px;
}

.contact-section-heading {
  margin-bottom: var(--space-8);
}

.contact-section-subtitle {
  color: var(--color-text-muted);
  font-size: var(--font-size-md);
}

.contact-details__grid {
  margin-top: var(--space-4);
}

.contact-card__highlight {
  margin-top: var(--space-4);
  margin-bottom: var(--space-2);
  font-weight: 600;
}

.contact-card__highlight a {
  color: var(--color-primary);
}

.contact-card__meta {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

.contact-form__wrapper {
  max-width: 900px;
}

.contact-form {
  margin-top: var(--space-8);
  background: radial-gradient(circle at 0 0, rgba(122, 92, 255, 0.18), transparent 60%), var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--space-8);
  box-shadow: var(--shadow-soft);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-form__grid {
  gap: var(--space-6);
}

.contact-form__grid--meta {
  margin-top: var(--space-6);
}

.contact-form__group {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.contact-form__fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.contact-form__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-full);
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(28, 35, 44, 0.85);
  font-size: var(--font-size-xs);
  cursor: pointer;
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.chip input {
  accent-color: var(--color-primary);
}

.chip:hover {
  border-color: rgba(255, 255, 255, 0.4);
  background: rgba(28, 35, 44, 1);
  box-shadow: var(--shadow-soft);
}

.contact-form__radios {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.radio-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 0.45rem 0.9rem;
  border-radius: var(--radius-full);
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(10, 14, 20, 0.8);
  font-size: var(--font-size-xs);
  cursor: pointer;
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.radio-pill input {
  accent-color: var(--color-primary);
}

.radio-pill:hover {
  border-color: rgba(255, 255, 255, 0.4);
  background: rgba(15, 20, 28, 1);
  box-shadow: var(--shadow-soft);
}

.contact-form__footer {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.checkbox-consent {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

.checkbox-consent input {
  margin-top: 3px;
  accent-color: var(--color-primary);
}

.contact-form__note {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

.contact-direct__grid {
  gap: var(--space-8);
}

.contact-direct__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.contact-direct__cta {
  margin-top: var(--space-4);
}

.contact-steps {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.contact-steps strong {
  display: block;
  margin-bottom: var(--space-1);
  color: var(--color-text-primary);
}

.contact-vip__grid,
.contact-pricing__grid,
.contact-social__grid,
.contact-security__grid {
  gap: var(--space-8);
}

.contact-business__list,
.contact-pricing__bullets,
.contact-summary__list,
.contact-team__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.contact-business__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.contact-summary__cta {
  margin-top: var(--space-4);
}

.contact-social__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.contact-security__link {
  margin-top: var(--space-4);
}

.contact-social__wrapper,
.contact-pricing__wrapper,
.contact-vip__wrapper,
.contact-security__wrapper {
  max-width: 1100px;
}

@media (max-width: 960px) {
  .contact-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .contact-hero__media {
    order: -1;
  }
}

@media (max-width: 768px) {
  .contact-hero {
    padding-top: var(--space-16);
  }

  .contact-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .contact-hero__meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .contact-form {
    padding: var(--space-6);
  }
}

@media (max-width: 480px) {
  .contact-form {
    padding: var(--space-4);
  }

  .checkbox-consent {
    font-size: var(--font-size-2xs);
  }
}