/* ==========================================================================
   VFORGE — TARGETED FIXES  (styles_fixes.css)
   Linked AFTER styles_contact.css and BEFORE styles_mobile.css, so the mobile
   layer still wins any equal-specificity tie (the site's cascade convention).

   1. solutions.html station cards — the Email / WhatsApp pair sat directly after
      the body copy, so each card's buttons landed at a different height and the
      row looked ragged. The card is now a flex column and the enquiry row is
      pinned to the bottom, as an equal-width two-up line.

   2. Dark "naming cards" — `.card-icon` was inheriting the LIGHT-background
      colour (--verdan-green #1F4D3A) while sitting on a DARK green card
      (#163A2B). Measured contrast 1.30:1, i.e. effectively invisible (user
      report). Icon is now cream (--signal #F4EFE4) on a copper-tinted tile:
      ~10.9:1 against the card.
   ========================================================================== */

/* ---------------------------------------------------- 1. station card CTA row */
.flow-card { display: flex; flex-direction: column; }
.flow-card .vc-enquire-wrap { margin-top: auto; padding-top: 1rem; }
.flow-card .vc-enquire {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
  align-items: stretch;
}
.flow-card .vc-enquire-btn { width: 100%; justify-content: center; }

@media (max-width: 600px) {
  /* phones keep full-width stacked buttons */
  .flow-card .vc-enquire { grid-template-columns: 1fr; }
}

/* ---------------------------------------------------- 2. dark card icon contrast */
.naming-card .card-icon {
  color: var(--signal);
  border-color: rgba(201, 123, 74, 0.55);
  background: linear-gradient(135deg, rgba(201, 123, 74, 0.22), rgba(201, 123, 74, 0.07));
}
.naming-card .card-icon svg { stroke: var(--signal); }

/* ==========================================================================
   Hero "Security & trust, by design" card — stop it crossing the animated mark
   The card lives inside .brand-stage and was offset with top:-130px, which only keeps
   it clear of the icon while the card is <=130px tall. Measured card heights are 183px
   (1920x1080) up to 353px (1024x800), so its border crossed the mark at every desktop
   size. Anchoring the BOTTOM to the stage's top edge makes an overlap impossible at any
   stage size or viewport; the card is compacted so it still fits the band between the
   industry strip above and the stage below.
   ========================================================================== */
.hero-trust {
  top: auto;
  bottom: calc(100% + 8px);
  padding: 15px 20px;
  gap: 14px;
}
.hero-trust .trust-shield {
  width: 34px;
  height: 34px;
}
.hero-trust .trust-title {
  font-size: 0.72rem;
  line-height: 1.3;
}
.hero-trust .trust-line {
  font-size: 0.86rem;
  line-height: 1.45;
}
.hero-trust .trust-stream {
  margin-top: 0.35rem;
}