/* Corporate-requests page — a PORT of the design
   (.local/simoptions.com/Corporate-Requests.dc.html): the wholesale intro
   beside the eKomi card, then a two-column lead form. Declarations are the
   design's, verbatim; the brand hexes resolve through the theme tokens.

   The FIELDS stay the shared `.ff` standard that the contact form and the
   checkout use — see the note in contact.css. */

.corporate { background: #fff; }

.corporate__intro {
  max-width: 1040px;
  margin: 0 auto;
  padding: 64px 24px 40px;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 56px;
  align-items: center;
}

.corporate__body h2 {
  font-size: var(--text-h2);
  font-weight: 500;
  color: var(--ink-800);
  margin: 0 0 18px;
  line-height: 1.2;
}

.corporate__body p {
  font-size: var(--text-md);
  color: var(--ink-800);
  line-height: 1.6;
  margin: 0 0 16px;
}

.corporate__body p:last-child { margin-bottom: 0; }

.corporate > .container {
  max-width: 1040px;
  padding: 24px 24px 96px;
}

/* The design's lead form is two columns; "eSIM of interest" and the message
   span the full row (both already carry `wide`). */
.corporate-form .site-form__grid {
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
  row-gap: 22px;
}

@media (max-width: 1024px) {
  .corporate__intro { grid-template-columns: 1fr; gap: 36px; }
}

@media (max-width: 640px) {
  .corporate__intro { padding: 40px 20px 28px; }
  .corporate__body h2 { font-size: var(--text-h3); }
  .corporate > .container { padding: 16px 20px 60px; }
  .corporate-form .site-form__grid { grid-template-columns: 1fr; }
}