/* ==========================================================================
   FlagsExpo redesign V1 (Figma) — Tell a Friend page
   Reuses the .v2-cu-* form/field classes from Design/css/fx-contactus.css
   ========================================================================== */

.v2-tf-hero, .v2-tf-hero * {
  box-sizing: border-box;
  font-family: var(--v2-font);
}

.v2-tf-hero {
  background: var(--v2-navy);
  padding: 64px 80px;
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px;
}
.v2-tf-hero-title { margin: 0; font-family: var(--v2-font-display); font-weight: 300; font-size: 56px; line-height: 0.96; color: #fff; }
.v2-tf-hero-copy { margin: 0; font-size: 16px; line-height: 1.6; color: rgba(255,255,255,0.7); max-width: 640px; }

@media (max-width: 1279px) {
  .v2-tf-hero { padding: 48px 40px; }
  .v2-tf-hero-title { font-size: 44px; }
}

@media (max-width: 1023px) {
  .v2-tf-hero { padding: 32px 20px; }
}

@media (max-width: 640px) {
  .v2-tf-hero-title { font-size: 34px; }
}