/* V52: unify the two lower information columns with the hero palette */
.techtrim-home {
  --tt-hero-black: #020912;
  --tt-hero-navy: #06182b;
  --tt-hero-blue: #0a2f57;
  --tt-hero-blue-2: #0d426f;
  --tt-hero-electric: #079cff;
  --tt-hero-cyan: #25c8ff;
}

/* Both left columns are deliberately the same surface */
.techtrim-home .tt-visit-card.tt-visit-contacts,
.techtrim-home .tt-visit-card.tt-info-stack {
  background:
    radial-gradient(120% 120% at 50% 0%, rgba(30,143,255,.17) 0%, rgba(30,143,255,0) 58%),
    linear-gradient(145deg, rgba(8,39,70,.98) 0%, rgba(5,25,46,.99) 48%, rgba(2,14,27,1) 100%) !important;
  border: 1px solid rgba(38,157,235,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(132,207,255,.10),
    0 14px 34px rgba(0,10,24,.22) !important;
  color: #fff !important;
}

.techtrim-home .tt-visit-card.tt-visit-contacts h3,
.techtrim-home .tt-visit-card.tt-info-stack h3 {
  color: #fff !important;
  text-shadow: 0 0 16px rgba(20,139,255,.16);
}

/* Every actionable row in both columns uses the exact same gradient, border and hover */
.techtrim-home .tt-contact-buttons > a,
.techtrim-home .tt-info-button {
  background:
    linear-gradient(135deg, rgba(13,66,111,.96) 0%, rgba(8,45,80,.98) 52%, rgba(5,31,57,.99) 100%) !important;
  border: 1px solid rgba(47,167,241,.42) !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(120,207,255,.09),
    inset 0 -1px 0 rgba(0,0,0,.16) !important;
}

.techtrim-home .tt-contact-buttons > a:hover,
.techtrim-home .tt-info-button:hover {
  background:
    linear-gradient(135deg, rgba(18,84,140,.98) 0%, rgba(10,57,101,.99) 52%, rgba(6,38,69,1) 100%) !important;
  border-color: rgba(66,187,255,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(158,224,255,.13),
    0 0 0 1px rgba(0,139,255,.12),
    0 8px 20px rgba(0,58,113,.18) !important;
}

.techtrim-home .tt-contact-buttons > a,
.techtrim-home .tt-info-button,
.techtrim-home .tt-info-button b,
.techtrim-home .tt-info-button small {
  color: #fff !important;
}
.techtrim-home .tt-info-button small { opacity: .78; }
.techtrim-home .tt-info-icon { color: #70caff !important; }

/* Keep icons crisp; no independent colored tiles that fight the palette */
.techtrim-home .tt-contact-buttons img,
.techtrim-home .tt-contact-buttons svg {
  filter: none !important;
}

/* Align column geometry so neither looks visually heavier */
.techtrim-home .tt-visit-card.tt-visit-contacts,
.techtrim-home .tt-visit-card.tt-info-stack {
  min-height: 100% !important;
}
.techtrim-home .tt-contact-buttons,
.techtrim-home .tt-info-stack {
  gap: 10px !important;
}