/**
 * Sprint 335 — Public Homepage Readability & Premium Standard
 * One consistent type/spacing system for seller.tradesfolks.com public surface.
 * Overrides legacy 6–10px scales with enterprise-readable sizes.
 * Does not change markup or routes.
 */

/* ========== Website type standard ========== */
.tfh-body{
  font-family:Inter,Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
  color:#0f1f35!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.tfh-main{
  font-size:15px!important;
  line-height:1.55!important;
}

/* Section labels (eyebrows) — was ~9px */
.tfh-section-heading>span,
.tfh-network-copy>span,
.tfh-final-cta>div>span,
.tfh-eyebrow,
.tfh-network-title>span,
.tfh225-category-head span,
.tfh224-markets-head span{
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  line-height:1.3!important;
}

/* Section titles */
.tfh-section-heading h2,
.tfh-network-copy h2,
.tfh-final-cta h2{
  font-size:clamp(28px,3.2vw,44px)!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
  font-weight:800!important;
  color:#0b1628!important;
  margin:10px 0 12px!important;
}
.tfh-section-heading p,
.tfh-network-copy p{
  font-size:16px!important;
  line-height:1.6!important;
  color:#5b6b80!important;
  max-width:640px!important;
}
.tfh-section-heading{
  margin-bottom:8px!important;
}
.tfh-models,
.tfh-operating-layer,
.tfh-marketplace-network,
.tfh-process{
  padding-top:clamp(48px,6vw,80px)!important;
  padding-bottom:clamp(48px,6vw,80px)!important;
}

/* ========== Hero ========== */
.tfh-hero-copy>p{
  font-size:clamp(15px,1.4vw,17px)!important;
  line-height:1.65!important;
  color:#d5deea!important;
}
.tfh-primary-cta,
.tfh-secondary-cta{
  min-height:48px!important;
  padding:0 20px!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:750!important;
}
.tfh-proof-row{
  font-size:13px!important;
  gap:16px!important;
  margin-top:20px!important;
}
.tfh-proof-row span{
  font-weight:650!important;
  color:#c5d0de!important;
}
.tfh-proof-row i{
  font-size:12px!important;
}

/* Command preview — readable micro UI */
.tfh-preview-top strong{
  font-size:13px!important;
  font-weight:750!important;
}
.tfh-preview-top>b,
.tfh-card-head>b{
  font-size:10px!important;
  letter-spacing:.1em!important;
  font-weight:800!important;
}
.tfh-preview-kpis span{
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
}
.tfh-preview-kpis strong{
  font-size:17px!important;
  font-weight:800!important;
  margin-top:6px!important;
}
.tfh-preview-kpis small{
  font-size:11px!important;
  line-height:1.35!important;
  margin-top:4px!important;
}
.tfh-card-head>span{
  font-size:12px!important;
  font-weight:700!important;
}
.tfh-chart-labels{
  font-size:11px!important;
  font-weight:650!important;
}
.tfh-actions-card li strong{
  font-size:13px!important;
  font-weight:750!important;
}
.tfh-actions-card li small{
  font-size:12px!important;
  line-height:1.35!important;
  margin-top:2px!important;
}
.tfh-actions-card li b{
  font-size:14px!important;
}

/* ========== B2B / B2C / D2C cards ========== */
.tfh-model-grid{
  gap:16px!important;
  margin-top:32px!important;
}
.tfh-model-card{
  min-height:340px!important;
  padding:28px 26px!important;
  border-radius:18px!important;
  border:1px solid #e4ebf4!important;
  box-shadow:0 4px 20px rgba(15,31,53,.04)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.tfh-model-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 14px 36px rgba(15,31,53,.08)!important;
  border-color:#d0dceb!important;
}
.tfh-model-card>span{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  line-height:1.3!important;
}
.tfh-model-card>strong{
  margin-top:20px!important;
  font-size:clamp(48px,5vw,72px)!important;
  letter-spacing:-.04em!important;
  line-height:1!important;
}
.tfh-model-card h3{
  margin:18px 0 10px!important;
  font-size:18px!important;
  font-weight:750!important;
  letter-spacing:-.015em!important;
}
.tfh-model-card p{
  font-size:14.5px!important;
  line-height:1.55!important;
  color:inherit!important;
  opacity:.82!important;
}
.tfh-model-card>b{
  padding-top:22px!important;
  font-size:13.5px!important;
  font-weight:750!important;
}
.tfh-model-card.dark{
  border-color:transparent!important;
  box-shadow:0 12px 40px rgba(7,26,53,.25)!important;
}
.tfh-model-card.dark p{opacity:.78!important}

/* ========== Capability grid (01–06) ========== */
.tfh-capability-grid{
  gap:14px!important;
  margin-top:28px!important;
}
.tfh-capability-grid article{
  min-height:148px!important;
  padding:22px 22px!important;
  gap:16px!important;
  border-radius:16px!important;
  border:1px solid #e6edf5!important;
  background:#fff!important;
  box-shadow:0 2px 12px rgba(15,31,53,.03)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.tfh-capability-grid article:hover{
  transform:translateY(-2px)!important;
  border-color:#d5e0ec!important;
  box-shadow:0 10px 28px rgba(15,31,53,.06)!important;
}
.tfh-capability-grid article>b{
  font-size:14px!important;
  font-weight:800!important;
  color:#c9a227!important;
  letter-spacing:.04em!important;
}
.tfh-capability-grid h3{
  font-size:17px!important;
  font-weight:750!important;
  letter-spacing:-.015em!important;
  color:#0f1f35!important;
  margin:0 0 6px!important;
  line-height:1.3!important;
}
.tfh-capability-grid p{
  font-size:14px!important;
  line-height:1.55!important;
  color:#5b6b80!important;
  margin:0!important;
}

/* ========== Journey / process steps ========== */
.tfh-process-row,
.tfh-process-grid{
  gap:0!important;
}
.tfh-process-row article,
.tfh-process-grid article,
.tfh-process article{
  padding:24px 20px!important;
}
.tfh-process-row>b,
.tfh-process article>b,
.tfh-process-grid article>b,
.tfh-process-row span:first-child{
  font-size:13px!important;
  font-weight:800!important;
  color:#f5bd3f!important;
  letter-spacing:.04em!important;
}
.tfh-process-row h3,
.tfh-process article h3,
.tfh-process-grid h3{
  margin:16px 0 8px!important;
  font-size:18px!important;
  font-weight:750!important;
  letter-spacing:-.015em!important;
  color:#fff!important;
}
.tfh-process-row p,
.tfh-process article p,
.tfh-process-grid p{
  font-size:14px!important;
  line-height:1.5!important;
  color:#b8c6d8!important;
  margin:0!important;
}

/* ========== Final CTA banner ========== */
.tfh-final-cta{
  border-radius:20px!important;
  padding:clamp(28px,4vw,40px) clamp(24px,4vw,48px)!important;
}
.tfh-final-cta h2{
  font-size:clamp(26px,3vw,38px)!important;
  margin:8px 0 10px!important;
}
.tfh-final-cta p{
  font-size:15px!important;
  line-height:1.55!important;
  color:#b8c6d8!important;
}
.tfh-final-cta a,
.tfh-final-cta .tfh-primary-cta,
.tfh-final-cta .tfh-secondary-cta,
.tfh-final-cta .ps-btn{
  min-height:48px!important;
  padding:0 20px!important;
  font-size:14px!important;
  font-weight:750!important;
  border-radius:12px!important;
}

/* ========== Marketplace network / industries ========== */
.tfh-network-copy h2{
  font-size:clamp(28px,3vw,42px)!important;
}
.tfh-tag-grid span,
.tfh-stat-pill,
.tfh-network-stats article,
.tfh-network-stats>div{
  min-height:auto!important;
  font-size:14px!important;
}
.tfh-network-stats strong,
.tfh-network-stats b{
  font-size:28px!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
}
.tfh-network-stats span,
.tfh-network-stats small{
  font-size:13px!important;
  line-height:1.4!important;
  color:#5b6b80!important;
}
.tfh-feature-list article,
.tfh-network-features article,
.tfh-network-copy article{
  padding:14px 16px!important;
  border-radius:14px!important;
}
.tfh-feature-list strong,
.tfh-network-features strong{
  font-size:15px!important;
  font-weight:750!important;
}
.tfh-feature-list small,
.tfh-network-features small,
.tfh-feature-list p{
  font-size:13.5px!important;
  line-height:1.45!important;
  color:#5b6b80!important;
}

/* Category cards */
.tfh225-category-card,
.tfh-category-card{
  padding:16px 16px!important;
  border-radius:14px!important;
  border:1px solid #e6edf5!important;
  background:#fff!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}
.tfh225-category-card:hover,
.tfh-category-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 22px rgba(15,31,53,.06)!important;
  border-color:#d5e0ec!important;
}
.tfh225-category-card strong,
.tfh-category-card strong,
.tfh225-category-card h3{
  font-size:14.5px!important;
  font-weight:750!important;
  color:#0f1f35!important;
}
.tfh225-category-card small,
.tfh225-category-card span:not(.tfh225-category-icon),
.tfh-category-card small{
  font-size:12.5px!important;
  line-height:1.4!important;
  color:#5b6b80!important;
}

/* Country / supplier market cards */
.tfh224-market-card,
.tfh-country-row span,
.tfh-country-card{
  min-height:64px!important;
  padding:14px 16px!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:700!important;
}
.tfh224-market-card small,
.tfh-country-row small{
  font-size:12px!important;
  font-weight:600!important;
  color:#5b6b80!important;
}

/* Network CTAs */
.tfh-marketplace-network .tfh-primary-cta,
.tfh-marketplace-network .tfh-secondary-cta,
.tfh-network-actions a{
  min-height:46px!important;
  font-size:14px!important;
  padding:0 18px!important;
  border-radius:12px!important;
}

/* ========== FOOTER — major readability fix ========== */
footer.ep-footer.enterprise.psf223,
footer.psf223,
.ep-footer.psf223{
  font-size:14px!important;
}
footer.ep-footer.enterprise.psf223 .psf223-brand strong,
.psf223-brand strong{
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
footer.ep-footer.enterprise.psf223 .psf223-brand small,
.psf223-brand small{
  font-size:10px!important;
  letter-spacing:.1em!important;
  font-weight:750!important;
}
footer.ep-footer.enterprise.psf223 .psf223-brand-block>p,
.psf223-brand-block>p{
  font-size:14px!important;
  line-height:1.55!important;
  color:#5b6b80!important;
  margin-top:12px!important;
}
footer.ep-footer.enterprise.psf223 .psf223-modes span,
.psf223-modes span{
  font-size:12px!important;
  font-weight:700!important;
  min-height:32px!important;
  padding:0 12px!important;
}
footer.ep-footer.enterprise.psf223 .psf228-quick>span{
  font-size:11px!important;
  letter-spacing:.1em!important;
  font-weight:800!important;
}
footer.ep-footer.enterprise.psf223 .psf228-quick>strong{
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:800!important;
  margin-top:8px!important;
}
footer.ep-footer.enterprise.psf223 .psf228-quick-links span{
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:.06em!important;
}
footer.ep-footer.enterprise.psf223 .psf228-quick-links b{
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:750!important;
}
footer.ep-footer.enterprise.psf223 .psf223-heading,
.psf223-heading,
.ep-footer-heading{
  font-size:14px!important;
  font-weight:800!important;
  color:#0f1f35!important;
  margin-bottom:12px!important;
}
footer.ep-footer.enterprise.psf223 .psf223-links a,
.psf223-links a,
.ep-footer-links a{
  font-size:13.5px!important;
  line-height:1.45!important;
  font-weight:550!important;
  color:#4a5d73!important;
  padding:4px 0!important;
}
footer.ep-footer.enterprise.psf223 .psf223-links a:hover,
.psf223-links a:hover{
  color:#0f1f35!important;
}
footer.ep-footer.enterprise.psf223 .psf223-trust strong{
  font-size:13.5px!important;
  font-weight:750!important;
}
footer.ep-footer.enterprise.psf223 .psf223-trust small{
  font-size:12.5px!important;
  line-height:1.4!important;
  color:#5b6b80!important;
}
footer.ep-footer.enterprise.psf223 .psf228-legal>span,
footer.ep-footer.enterprise.psf223 .psf228-legal a{
  font-size:12.5px!important;
  color:#6b7c90!important;
}

/* ========== Mobile ========== */
@media (max-width:900px){
  .tfh-capability-grid{grid-template-columns:1fr!important}
  .tfh-model-grid{grid-template-columns:1fr!important}
  .tfh-model-card{min-height:280px!important}
  .tfh-section-heading h2,
  .tfh-network-copy h2{font-size:clamp(24px,6vw,32px)!important}
  .tfh-section-heading p,
  .tfh-network-copy p{font-size:15px!important}
}
@media (max-width:600px){
  .tfh-capability-grid article{
    min-height:auto!important;
    padding:18px 16px!important;
  }
  .tfh-capability-grid h3{font-size:16px!important}
  .tfh-capability-grid p{font-size:13.5px!important}
  .tfh-model-card{padding:22px 18px!important}
  .tfh-model-card h3{font-size:17px!important}
  .tfh-model-card p{font-size:14px!important}
  .tfh-process-row h3,
  .tfh-process article h3{font-size:16px!important}
  .tfh-process-row p,
  .tfh-process article p{font-size:13.5px!important}
  .tfh-final-cta{padding:24px 18px!important}
  footer.ep-footer.enterprise.psf223 .psf223-links a{
    font-size:14px!important;
    padding:8px 0!important;
  }
  footer.ep-footer.enterprise.psf223 .psf223-heading{
    font-size:15px!important;
    min-height:44px!important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .tfh-model-card,
  .tfh-capability-grid article,
  .tfh225-category-card{transition:none!important}
}