/* GTM quickstart — page-specific overrides.
   Loaded AFTER command-center-quickstart.css so these win.
   The GTM headline is longer than the Command Center one, so the shared
   13ch cap + two-column hero scrunches it. Give this page a full-width
   banner headline instead, then keep the lede + orientation side by side. */

.quickstart-hero {
  grid-template-columns: 1fr;
  align-items: start;
  gap: var(--space-5);
}

.quickstart-hero h1 {
  max-width: 24ch;
  font-size: clamp(38px, 5vw, 60px);
}

/* Put the lede and the orientation card side by side below the banner. */
.hero-body {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: clamp(32px, 6vw, 72px);
  align-items: start;
}

.quickstart-hero p {
  max-width: 640px;
}

@media (max-width: 720px) {
  .hero-body { grid-template-columns: 1fr; gap: var(--space-5); }
  .quickstart-hero h1 { max-width: 18ch; }
}