/* ============================================================
   pricing-redesign.css
   Supplements companies-redesign.css (loaded together on the Pricing page).
   Pricing's own layout is just a centered hero + the shared final-CTA form
   + the shared trust marquee — but with the section colors inverted
   (form section white, form card soft blue; logos section soft blue,
   marquee fade needs to match). These two modifiers are the only things
   this page needs beyond the shared primitives.
   Still scoped entirely within .t2a-cmp.
   ============================================================ */

/* ---------- Form card on a white section: card itself is soft blue,
   inputs go white for contrast (inverse of the Companies/Contact/AboutUs
   card, which is white on a soft section) ---------- */
.t2a-cmp .t2a-cmp-form-card--soft { background: var(--cmp-bg-soft); }
.t2a-cmp .t2a-cmp-form-card--soft .t2a-cmp-form-input { background: #fff; }

/* ---------- Trust section on Pricing: white background (default marquee
   fade already matches), tighter gap above, larger gap below before the
   footer ---------- */
.t2a-cmp .t2a-cmp-trust { background: #fff; padding: 32px 0 80px; }

/* ---------- Form section (#formular): no title above the lead text
   anymore, so the section's default top padding (96px / 70px on mobile,
   sized to balance a title) leaves too much empty space above it — pull
   it in, and make the lead text itself bold to carry the same visual
   weight the removed title used to provide ---------- */
.t2a-cmp #formular { padding-top: 32px; }
.t2a-cmp #formular .t2a-cmp-finalcta__text { font-weight: 700; }
@media (max-width: 1199.98px) {
  .t2a-cmp #formular { padding-top: 24px; }
}

/* ---------- Contact photo at the bottom of the hero: transparent cutout (no
   card background/shadow) so it floats directly on the hero's soft gradient.
   It's the hero's last element, so its own bottom edge must land flush with
   the hero box's bottom edge — override the shared hero-center's trailing
   padding-bottom (sized for text-only heroes on other pages) down to 0 here. ---------- */
body.pricing .t2a-cmp-hero--center { padding-bottom: 0; }

.t2a-cmp .t2a-pricing-contact-photo {
  max-width: 280px;
  margin: 32px auto 0;
}
.t2a-cmp .t2a-pricing-contact-photo img { width: 100%; height: auto; display: block; }