/* TradesFolks Marketplace Capabilities v1 — theme-aligned premium action section */
.tf-homepage .tf-marketplace-capabilities{
  margin:0!important;padding:42px 0!important;border:0!important;
  background:linear-gradient(180deg,#f8fafc 0%,#f4f7fb 100%)!important;
  box-shadow:none!important;
}
.tf-homepage .tf-marketplace-capabilities>.shell{max-width:1480px!important}
.tf-homepage .tf-capabilities-head{
  display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
  gap:56px!important;align-items:end!important;margin-bottom:20px!important;
}
.tf-homepage .tf-capabilities-kicker{
  display:flex!important;align-items:center!important;gap:9px!important;
  color:#1464c8!important;font-size:11px!important;font-weight:850!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
}
.tf-homepage .tf-capabilities-kicker:before{
  content:""!important;width:27px!important;height:3px!important;border-radius:4px!important;
  background:#f7b916!important;
}
.tf-homepage .tf-capabilities-head h2{
  max-width:760px!important;margin:7px 0 0!important;color:#082653!important;
  font-size:clamp(30px,2.65vw,43px)!important;line-height:1.04!important;
  letter-spacing:-.035em!important;font-weight:820!important;
}
.tf-homepage .tf-capabilities-head>p{
  margin:0!important;color:#6e8095!important;font-size:13px!important;line-height:1.55!important;
}
.tf-homepage .tf-marketplace-capabilities .tf-capabilities-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.tf-homepage .tf-marketplace-capabilities .tf-capability-card{
  --accent:#1464c8;--soft:#eaf3ff;
  position:relative!important;display:flex!important;min-width:0!important;min-height:260px!important;
  flex-direction:column!important;padding:20px!important;border:1px solid #dce5ee!important;
  border-radius:20px!important;background:#fff!important;color:inherit!important;text-decoration:none!important;
  box-shadow:0 10px 28px rgba(8,38,83,.055)!important;overflow:hidden!important;
}
.tf-homepage .tf-marketplace-capabilities .tf-capability-card:before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;
  height:3px!important;background:var(--accent)!important;opacity:.92!important;
}
.tf-homepage .tf-marketplace-capabilities .tf-capability-card.is-rfq{--accent:#d48a12;--soft:#fff4d8}
.tf-homepage .tf-marketplace-capabilities .tf-capability-card.is-markets{--accent:#12866b;--soft:#e8f7f2}
.tf-homepage .tf-capability-top{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
}
.tf-homepage .tf-capability-top>span{
  color:var(--accent)!important;font-size:10px!important;line-height:1!important;font-weight:900!important;
  letter-spacing:.055em!important;text-transform:uppercase!important;
}
.tf-homepage .tf-capability-top>i{
  display:grid!important;width:44px!important;height:44px!important;flex:0 0 44px!important;
  place-items:center!important;border-radius:14px!important;background:var(--soft)!important;color:var(--accent)!important;
}
.tf-homepage .tf-capability-top svg{
  width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.tf-homepage .tf-capability-copy{margin-top:30px!important}
.tf-homepage .tf-capability-copy h3{
  max-width:24ch!important;margin:0 0 8px!important;color:#082653!important;
  font-size:20px!important;line-height:1.13!important;letter-spacing:-.025em!important;font-weight:820!important;
}
.tf-homepage .tf-capability-copy p{
  max-width:50ch!important;margin:0!important;color:#6d7f93!important;font-size:12px!important;line-height:1.55!important;
}
.tf-homepage .tf-capability-action{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  margin-top:auto!important;padding-top:16px!important;border-top:1px solid #e8edf3!important;
  color:var(--accent)!important;font-size:11px!important;font-weight:850!important;
}
.tf-homepage .tf-capability-action b{
  display:grid!important;width:28px!important;height:28px!important;place-items:center!important;
  border-radius:50%!important;background:var(--soft)!important;font-size:13px!important;
}
.tf-homepage .tf-capability-card:focus-visible{outline:3px solid rgba(20,100,200,.22)!important;outline-offset:3px!important}

@media(hover:hover) and (pointer:fine){
 .tf-homepage .tf-capability-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
 .tf-homepage .tf-capability-card:hover{transform:translateY(-3px)!important;border-color:#cbd8e5!important;box-shadow:0 16px 34px rgba(8,38,83,.09)!important}
 .tf-homepage .tf-capability-card:hover .tf-capability-action b{transform:translateX(2px)!important}
}
@media(max-width:980px){
 .tf-homepage .tf-marketplace-capabilities{padding:34px 0!important}
 .tf-homepage .tf-capabilities-head{grid-template-columns:1fr!important;gap:10px!important}
 .tf-homepage .tf-capabilities-head>p{max-width:70ch!important}
 .tf-homepage .tf-marketplace-capabilities .tf-capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .tf-homepage .tf-marketplace-capabilities .tf-capability-card:last-child{grid-column:1/-1!important;min-height:220px!important}
}
@media(max-width:640px){
 .tf-homepage .tf-marketplace-capabilities{padding:26px 0!important}
 .tf-homepage .tf-capabilities-head{margin-bottom:14px!important}
 .tf-homepage .tf-capabilities-head h2{font-size:clamp(27px,8vw,34px)!important}
 .tf-homepage .tf-capabilities-head>p{font-size:12.5px!important}
 .tf-homepage .tf-marketplace-capabilities .tf-capabilities-grid{grid-template-columns:1fr!important;gap:9px!important}
 .tf-homepage .tf-marketplace-capabilities .tf-capability-card,
 .tf-homepage .tf-marketplace-capabilities .tf-capability-card:last-child{
   grid-column:auto!important;min-height:0!important;padding:16px!important;border-radius:16px!important;
 }
 .tf-homepage .tf-capability-top>i{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important}
 .tf-homepage .tf-capability-copy{margin-top:18px!important}
 .tf-homepage .tf-capability-copy h3{font-size:18px!important}
 .tf-homepage .tf-capability-copy p{font-size:12px!important}
 .tf-homepage .tf-capability-action{margin-top:18px!important;padding-top:12px!important}
}
@media(prefers-reduced-motion:reduce){
 .tf-homepage .tf-capability-card,.tf-homepage .tf-capability-action b{transition:none!important}
}