.contact-page h2 { margin-bottom: var(--space-3); }

.contact-hero__inner { display: flex; }
.contact-hero__text { max-width: 60%; }
.contact-hero__lead { max-width: 60ch; }

.contact-values__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-3);
}
.contact-card { display: flex; flex-direction: column; gap: var(--space-2); }

.contact-process__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: var(--space-3);
}
.contact-step { display: flex; flex-direction: column; gap: var(--space-2); }

.contact-types__inner { max-width: 70%; }

.contact-options__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--space-3);
}

.contact-form__inner { display: flex; flex-direction: column; gap: var(--space-3); }
.contact-form__intro { max-width: 60ch; }
.contact-form { max-width: 70%; display: flex; flex-direction: column; gap: var(--space-3); }
.contact-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--space-2);
}
.contact-consent { font-size: var(--text-small); }
.contact-privacy { max-width: 60%; }

.contact-tips__inner { max-width: 70%; }

.contact-cta { background: var(--color-cta-primary-bg); color: #fff; }
.contact-cta__inner {
  max-width: 60ch;
  margin-inline: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

@media (max-width: 1024px) {
  .contact-hero__text { max-width: 100%; }
  .contact-values__grid { grid-template-columns: repeat(2,1fr); }
  .contact-process__grid { grid-template-columns: repeat(2,1fr); }
  .contact-form { max-width: 100%; }
}

@media (max-width: 768px) {
  .contact-values__grid,
  .contact-process__grid,
  .contact-options__grid,
  .contact-form__grid { grid-template-columns: 1fr; }
  .contact-types__inner,
  .contact-privacy,
  .contact-tips__inner { max-width: 100%; }
}

.contact-hero__text{max-width:68%}
.contact-step{padding:var(--space-2);border-top:2px solid var(--color-border-strong)}
.contact-form{max-width:78%;padding:clamp(1.5rem,4vw,4rem);background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}
@media(max-width:1024px){.contact-hero__text,.contact-form{max-width:100%}}