/* ===== techmet-lead-flow.css ===== */
/* Scoped TechMet lead-workflow section. Does not affect hero images or global navigation. */
.tm-lead-flow { padding-top: clamp(3rem,6vw,5rem); padding-bottom: clamp(3rem,6vw,5rem); }
.tm-lead-heading { max-width: 790px; margin-bottom: 1.6rem; }
.tm-lead-heading h2 { font-size: clamp(1.9rem,3.8vw,3.1rem); line-height:1.12; letter-spacing:-.035em; margin:.7rem 0 1rem; }
.tm-lead-heading > p:last-child { max-width: 690px; line-height:1.7; opacity:.85; }
.tm-lead-accent { color:#bdcbdc; }
.tm-lead-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.tm-lead-step { border:1px solid rgba(176,197,221,.21); border-radius:18px; padding:clamp(1.1rem,2.4vw,1.65rem); background:linear-gradient(150deg,rgba(47,63,83,.42),rgba(13,21,33,.26)); }
.tm-lead-number { color:#b0c3dc; font-size:.79rem; font-weight:700; letter-spacing:.12em; }
.tm-lead-step h3 { margin:.8rem 0 .55rem; font-size:1.24rem; }
.tm-lead-step p { margin:0; line-height:1.65; opacity:.84; }
.tm-lead-footer { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; margin-top:1.35rem; }
.tm-lead-footer p { margin:0; line-height:1.55; }
@media(max-width:740px){ .tm-lead-steps { grid-template-columns:1fr; } .tm-lead-heading h2 { font-size:clamp(1.8rem,8vw,2.45rem); } .tm-lead-footer .button { width:100%; text-align:center; } }


/* TECHMET LEAD FLOW CONTRAST V2 */

/* Shader-inspired graphite and silver-blue cards */
.tm-lead-flow .tm-lead-step {
  background:
    radial-gradient(
      ellipse at 12% 8%,
      rgba(132, 167, 211, 0.30),
      transparent 58%
    ),
    radial-gradient(
      ellipse at 95% 95%,
      rgba(61, 100, 151, 0.24),
      transparent 58%
    ),
    linear-gradient(
      145deg,
      #253a55 0%,
      #18283d 52%,
      #0e1725 100%
    );

  border: 1px solid rgba(175, 199, 229, 0.36);
  box-shadow:
    0 10px 32px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(225, 237, 250, 0.08);

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.tm-lead-flow .tm-lead-step h3 {
  color: #f5f8fc;
}

.tm-lead-flow .tm-lead-step p {
  color: #d2deec;
  opacity: 1;
}

.tm-lead-flow .tm-lead-number {
  color: #b7d1f1;
}

/* Clearly visible ServicePro CTA */
.tm-lead-flow .tm-lead-footer a.button {
  background: #d9e0e9 !important;
  background-image: linear-gradient(
    135deg,
    #f0f3f8,
    #bdccdf
  ) !important;

  color: #172336 !important;
  border: 1px solid #dce7f4 !important;

  box-shadow: 0 6px 22px rgba(0,0,0,0.18);
  opacity: 1 !important;
  visibility: visible;
  text-shadow: none !important;
}

.tm-lead-flow .tm-lead-footer a.button span {
  color: #172336 !important;
}

.tm-lead-flow .tm-lead-footer a.button:hover {
  background: #ffffff !important;
  color: #101b2b !important;
  border-color: #ffffff !important;
}

.tm-lead-flow .tm-lead-footer a.button:focus-visible {
  outline: 3px solid #92bfff;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .tm-lead-flow .tm-lead-step {
    transition: none;
  }
}


/* ===== techmet-dashboard-contrast.css ===== */

/* TECHMET HOMEPAGE DASHBOARD CONTRAST */
/* Scoped to public homepage only */

#workspace .dashboard {
  background:
    radial-gradient(ellipse at 10% 0%,
      rgba(132,174,219,.20),transparent 60%),
    linear-gradient(145deg,
      #304d6d 0%,#1c3048 58%,#101b2b 100%);
  border:1px solid #7696b9;
  color:#f5f8ff;
}

#workspace .dashboard .dash-title h3 {
  color:#fff;
  font-weight:700;
}

#workspace .dashboard .eyebrow,
#workspace .dashboard .sample-source {
  color:#dce9fa;
  font-size:12px;
  font-weight:700;
  letter-spacing:.035em;
  opacity:1;
}

#workspace .dashboard .lead-row {
  background:rgba(36,59,85,.90);
  border:1px solid rgba(143,174,208,.55);
  border-radius:12px;
  color:#f5f8ff;
}

#workspace .dashboard .lead-row strong,
#workspace .dashboard .lead-row h4,
#workspace .dashboard .lead-row b {
  color:#fff;
}

#workspace .dashboard .lead-row small,
#workspace .dashboard .sample-note,
#workspace .dashboard .dash-bottom,
#workspace .dashboard .dash-stats span {
  color:#dce8f6;
  font-size:13px;
  opacity:1;
}

#workspace .dashboard .dash-stats strong {
  color:#fff;
}

#workspace .dashboard .status {
  color:#f5f8ff;
  font-size:12px;
  font-weight:700;
  opacity:1;
}

#workspace .dashboard button,
#workspace .dashboard a {
  opacity:1;
}

#workspace .dashboard button:focus-visible,
#workspace .dashboard a:focus-visible {
  outline:3px solid #a8d3ff;
  outline-offset:3px;
}


/* TECHMET DASHBOARD LIGHT CONTRAST V2 */

/* Keep the silver dashboard, improve readability */

#workspace .dashboard .dash-title h3 {
  color: #14263c !important;
  font-weight: 800;
  text-shadow: none !important;
}

#workspace .dashboard .dash-stats div {
  background: linear-gradient(
    145deg, #e0eaf5, #ccdaea
  ) !important;
  border: 1px solid #93acc8 !important;
}

#workspace .dashboard .dash-stats span {
  color: #294762 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

#workspace .dashboard .dash-stats strong {
  color: #132941 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Bottom instructions and helper text */

#workspace .dashboard .dash-bottom,
#workspace .dashboard .dash-bottom *,
#workspace .dashboard .sample-note {
  color: #193652 !important;
  font-size: 14px !important;
  font-weight: 600;
  opacity: 1 !important;
  text-shadow: none !important;
}

#workspace .dashboard .dash-bottom {
  line-height: 1.6;
}

/* Visible headings on the light background */

#workspace .dashboard .dash-title .eyebrow {
  color: #294762 !important;
}


/* ===== techmet-cta-refinement.css ===== */

/* TECHMET CTA REFINEMENT - HOMEPAGE ONLY */

a.tm-cta-refined {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 49px;
  max-width: 100%;
  padding: 13px 21px !important;
  border-radius: 13px !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none !important;
  text-align: center;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  transition:
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

a.tm-cta-refined svg {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  display: block;
  color: inherit !important;
}

a.tm-cta-refined span {
  color: inherit !important;
  font: inherit;
  white-space: normal;
}

/* Book a Demo - metallic silver */

a.tm-cta-demo {
  background: linear-gradient(
    135deg, #e9eff7, #bfcfe2
  ) !important;
  color: #152b43 !important;
  border: 1px solid #dce7f4 !important;
  box-shadow: 0 7px 22px rgba(0,0,0,.18);
}

a.tm-cta-demo:hover {
  background: #f5f8fc !important;
  color: #10243b !important;
  border-color: #ffffff !important;
}

/* Talk About My Business - graphite blue */

a.tm-cta-talk {
  background: linear-gradient(
    135deg, #304a68, #182a40
  ) !important;
  color: #f2f6fc !important;
  border: 1px solid #819ebd !important;
  box-shadow: 0 7px 22px rgba(0,0,0,.16);
}

a.tm-cta-talk:hover {
  background: #395676 !important;
  color: #ffffff !important;
  border-color: #b5cbe3 !important;
}

a.tm-cta-refined:focus-visible {
  outline: 3px solid #a5ceff !important;
  outline-offset: 4px;
}

@media (max-width: 480px) {
  a.tm-cta-refined {
    padding: 13px 17px !important;
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  a.tm-cta-refined {
    transition: none;
  }
}


/* ===== techmet-product-polish-v1.css ===== */
/* TECHMET PRODUCT POLISH V1 — HOMEPAGE SCOPE ONLY */
/* Restrained silver/graphite treatment for the PUBLIC interactive sample.
   This stylesheet does not load on /dashboard or /ringback. */

#workspace .dashboard {
  background: linear-gradient(155deg, #edf2f8 0%, #d8e4f0 100%) !important;
  border: 1px solid #a2b7cd !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 38px rgba(6, 20, 37, .19) !important;
  color: #152d46 !important;
}
#workspace .dashboard .dash-header,
#workspace .dashboard .dash-title,
#workspace .dashboard .dash-title h3,
#workspace .dashboard .dash-title .eyebrow,
#workspace .dashboard .dash-stats strong {
  color: #142b43 !important;
  text-shadow: none !important;
}
#workspace .dashboard .dash-title .eyebrow {
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: .07em;
  opacity: 1 !important;
}
#workspace .dashboard .dash-title h3 {
  font-weight: 760 !important;
  line-height: 1.28;
}
#workspace .dashboard .dash-stats { gap: 12px; }
#workspace .dashboard .dash-stats > div {
  background: #e8eff7 !important;
  border: 1px solid #b2c5d9 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
#workspace .dashboard .dash-stats span {
  color: #36536e !important;
  font-size: 14px !important;
  font-weight: 680 !important;
  opacity: 1 !important;
}
#workspace .dashboard .dash-stats strong {
  font-size: clamp(26px, 3vw, 34px) !important;
  font-weight: 760 !important;
}
#workspace .dashboard .lead-row {
  background: #f4f7fb !important;
  border: 1px solid #b8c9db !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #182f47 !important;
}
#workspace .dashboard .lead-row h4,
#workspace .dashboard .lead-row strong,
#workspace .dashboard .lead-row b,
#workspace .dashboard .lead-row .sample-source {
  color: #142b43 !important;
  text-shadow: none !important;
}
#workspace .dashboard .sample-source {
  color: #385872 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
#workspace .dashboard .lead-row small,
#workspace .dashboard .sample-note,
#workspace .dashboard .dash-bottom,
#workspace .dashboard .dash-bottom *,
#workspace .dashboard .dash-stats span {
  color: #304b65 !important;
  font-size: 13px !important;
  opacity: 1 !important;
}
#workspace .dashboard .dash-bottom {
  font-size: 14px !important;
  font-weight: 670 !important;
  line-height: 1.55;
}
#workspace .dashboard select,
#workspace .dashboard textarea,
#workspace .dashboard input {
  color: #17314b !important;
  background: #fff !important;
  border-color: #829db8 !important;
}
#workspace .dashboard button:focus-visible,
#workspace .dashboard a:focus-visible,
#workspace .dashboard select:focus-visible,
#workspace .dashboard textarea:focus-visible {
  outline: 3px solid #33689b !important;
  outline-offset: 3px;
}
/* Leave the existing button designs in place, only ensure text visibility. */
a.tm-cta-refined { opacity: 1 !important; }
a.tm-cta-refined svg { flex-shrink: 0; }
@media (max-width: 600px) {
  #workspace .dashboard { padding: 18px !important; }
  #workspace .dashboard .dash-title h3 { font-size: 19px !important; }
  #workspace .dashboard .dash-stats span,
  #workspace .dashboard .dash-bottom { font-size: 14px !important; }
}