/* ==========================================================================
   BytesFusion — AI Sales CRM (page-specific styles)
   Loaded after style.css. Uses the same design tokens.
   ========================================================================== */

/* page hero: keep chrome centred, product mocks left-aligned */
.page-hero .tag-row{ justify-content:center; }
.page-hero .mock{ text-align:left; }

.hero-visual{
  position:relative; z-index:2;
  max-width:960px; margin:58px auto 0;
  text-align:left;
}
.hero-visual .float-card small{ display:block; max-width:165px; }

/* big outcome numbers on the results band */
.outcome-num{
  display:block; margin:0 0 16px;
  font-family:var(--font-display); font-weight:600;
  font-size:clamp(2.4rem,4.6vw,3.3rem); letter-spacing:-.04em; line-height:1;
  background:linear-gradient(120deg,#fff,var(--brand-2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* score column inside the prospect table */
.t-score{ min-width:132px; }
.t-score .meter{ width:96px; }
.t-num{ font-family:var(--font-display); font-weight:600; color:var(--text); }

/* sequence rates column */
.seq-side{ color:var(--muted); font-size:.74rem; white-space:nowrap; }

@media (max-width:560px){
  .hero-visual{ margin-top:42px; }
  .t-score{ min-width:96px; }
  .t-score .meter{ width:64px; }
}