/* TradesFolks 18.4.150
   Three distinct premium sections:
   A. How TradesFolks Works = connected process journey
   B. Marketplace Insights = editorial intelligence layout
   C. Blogs + Live News = visual newsroom
   All selectors are section-scoped.
*/

/* ==========================================================
   SHARED TARGET GUTTER ONLY
   ========================================================== */
.tf-homepage .tf-process-enterprise,
.tf-homepage .tf-insights-enterprise,
.tf-homepage .tf-content-enterprise{
  width:calc(100% - 56px)!important;
  max-width:none!important;
  margin:18px auto!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.tf-homepage .tf-process-enterprise>.shell,
.tf-homepage .tf-insights-enterprise>.shell,
.tf-homepage .tf-content-enterprise>.shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 24px!important;
}

/* ==========================================================
   A) HOW TRADESFOLKS WORKS — CONNECTED PROCESS JOURNEY
   ========================================================== */
.tf-homepage .tf-process-enterprise{
  padding:24px 0 26px!important;
  border:1px solid #dde7f2!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,189,47,.12),transparent 26%),
    linear-gradient(135deg,#f7fbff 0%,#edf4fb 100%)!important;
  box-shadow:0 16px 38px rgba(16,43,87,.05)!important;
}

.tf-homepage .tf-process-enterprise .tf-lower-section-head{
  margin-bottom:18px!important;
}

/* horizontal enterprise journey with connector */
.tf-homepage .tf-process-enterprise .tf-process-enterprise-grid{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.tf-homepage .tf-process-enterprise .tf-process-enterprise-grid::before{
  content:""!important;
  position:absolute!important;
  top:54px!important;
  left:10%!important;
  right:10%!important;
  height:2px!important;
  background:linear-gradient(90deg,#1b78dc,#8061cd,#ea8d1c,#19a06d)!important;
  opacity:.22!important;
}

.tf-homepage .tf-process-enterprise .tf-process-enterprise-grid>article{
  --step:#176fd0;
  --soft:#e9f3ff;
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  min-height:216px!important;
  padding:17px 17px 15px!important;
  border:1px solid #dce6f1!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 10px 24px rgba(16,43,87,.045)!important;
}
.tf-homepage .tf-process-enterprise .tf-process-enterprise-grid>article.is-compare{--step:#7656c5;--soft:#f0ecff}
.tf-homepage .tf-process-enterprise .tf-process-enterprise-grid>article.is-connect{--step:#d47b13;--soft:#fff3dd}
.tf-homepage .tf-process-enterprise .tf-process-enterprise-grid>article.is-grow{--step:#138c68;--soft:#e6f7f0}

.tf-homepage .tf-process-enterprise .tf-process-enterprise-visual{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:74px!important;
  margin-bottom:14px!important;
}
.tf-homepage .tf-process-enterprise .tf-process-enterprise-visual>b{
  display:grid!important;
  width:43px!important;height:43px!important;
  place-items:center!important;
  border-radius:13px!important;
  background:var(--step)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--step) 22%,transparent)!important;
}
.tf-homepage .tf-process-enterprise .tf-process-enterprise-visual>svg{
  width:48px!important;height:48px!important;
  padding:10px!important;
  border-radius:15px!important;
  background:var(--soft)!important;
  stroke:var(--step)!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.tf-homepage .tf-process-enterprise article>span{
  color:var(--step)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.tf-homepage .tf-process-enterprise article>h3{
  margin:8px 0 7px!important;
  color:#102b57!important;
  font-size:16px!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
  font-weight:820!important;
}
.tf-homepage .tf-process-enterprise article>p{
  margin:0!important;
  color:#677b93!important;
  font-size:8.5px!important;
  line-height:1.4!important;
}

/* ==========================================================
   B) MARKETPLACE INSIGHTS — EDITORIAL / INTELLIGENCE BOARD
   ========================================================== */
.tf-homepage .tf-insights-enterprise{
  padding:24px 0 26px!important;
  border:1px solid #e5e2ef!important;
  background:
    radial-gradient(circle at 90% 4%,rgba(120,87,196,.09),transparent 25%),
    linear-gradient(135deg,#fbfaff 0%,#f4f5fb 100%)!important;
  box-shadow:0 16px 38px rgba(39,28,76,.045)!important;
}

.tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid{
  display:grid!important;
  grid-template-columns:1.35fr .825fr .825fr!important;
  gap:12px!important;
}
.tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid>article{
  --insight:#176fd0;
  --soft:#e9f3ff;
  display:flex!important;
  min-width:0!important;
  min-height:246px!important;
  flex-direction:column!important;
  padding:20px!important;
  border:1px solid #dfe6ef!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 25px rgba(16,43,87,.045)!important;
}
.tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid>article.is-primary{
  --insight:#7254bd;--soft:#f0ecff;
  background:
    radial-gradient(circle at 90% 8%,rgba(255,255,255,.20),transparent 24%),
    linear-gradient(145deg,#65479f 0%,#8466c6 100%)!important;
  border:0!important;
}
.tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid>article.is-rfq{
  --insight:#c77a14;--soft:#fff3d9;
}
.tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid>article.is-global{
  --insight:#0f8d69;--soft:#e5f6ef;
}
.tf-homepage .tf-insights-enterprise .tf-insights-enterprise-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.tf-homepage .tf-insights-enterprise .tf-insights-enterprise-top>span{
  color:var(--insight)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.tf-homepage .tf-insights-enterprise .tf-insights-enterprise-top>i{
  display:grid!important;
  width:48px!important;height:48px!important;
  place-items:center!important;
  border-radius:14px!important;
  background:var(--soft)!important;
  color:var(--insight)!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.tf-homepage .tf-insights-enterprise article>h3{
  max-width:27ch!important;
  margin:26px 0 8px!important;
  color:#102b57!important;
  font-size:18px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  font-weight:820!important;
}
.tf-homepage .tf-insights-enterprise article>p{
  margin:0!important;
  color:#687c94!important;
  font-size:8.5px!important;
  line-height:1.45!important;
}
.tf-homepage .tf-insights-enterprise article>b{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-top:auto!important;
  padding-top:12px!important;
  border-top:1px solid #e6ecf3!important;
  color:var(--insight)!important;
  font-size:7.5px!important;
  font-weight:850!important;
}
.tf-homepage .tf-insights-enterprise article>b em{
  display:grid!important;
  width:23px!important;height:23px!important;
  place-items:center!important;
  border-radius:50%!important;
  background:var(--soft)!important;
  font-style:normal!important;
}
.tf-homepage .tf-insights-enterprise article.is-primary .tf-insights-enterprise-top>span,
.tf-homepage .tf-insights-enterprise article.is-primary>h3,
.tf-homepage .tf-insights-enterprise article.is-primary>b{
  color:#fff!important;
}
.tf-homepage .tf-insights-enterprise article.is-primary>p{
  color:rgba(255,255,255,.80)!important;
}
.tf-homepage .tf-insights-enterprise article.is-primary>b{
  border-color:rgba(255,255,255,.18)!important;
}
.tf-homepage .tf-insights-enterprise article.is-primary .tf-insights-enterprise-top>i,
.tf-homepage .tf-insights-enterprise article.is-primary>b em{
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
}

/* ==========================================================
   C) BLOGS + LIVE MARKETPLACE NEWS — VISUAL NEWSROOM
   ========================================================== */
.tf-homepage .tf-content-enterprise{
  padding:24px 0 26px!important;
  border:1px solid #e2e8f1!important;
  background:
    radial-gradient(circle at 5% 0%,rgba(20,107,218,.08),transparent 24%),
    linear-gradient(180deg,#fbfdff 0%,#f4f8fc 100%)!important;
  box-shadow:0 16px 40px rgba(16,43,87,.05)!important;
}

.tf-homepage .tf-content-enterprise .tf-content-enterprise-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(315px,.75fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-card{
  display:flex!important;
  min-width:0!important;
  min-height:310px!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid #dce5ef!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(16,43,87,.045)!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-media{
  position:relative!important;
  display:block!important;
  height:158px!important;
  min-height:158px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#123a72,#0a2550)!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .22s ease!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-card:hover .tf-content-blog-media img{
  transform:scale(1.035)!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-media>span{
  position:absolute!important;
  left:14px!important;
  bottom:12px!important;
  display:grid!important;
  width:38px!important;height:38px!important;
  place-items:center!important;
  border-radius:11px!important;
  background:rgba(7,31,70,.82)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  backdrop-filter:blur(5px)!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-media:not(.is-missing):has(img)>span{
  opacity:.92!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-card>div{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:13px 13px 12px!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-card small{
  color:#0b67d8!important;
  font-size:6.5px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-card h3{
  margin:9px 0 6px!important;
  font-size:14px!important;
  line-height:1.12!important;
  letter-spacing:-.015em!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-card h3 a{
  color:#102b57!important;
  text-decoration:none!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-card p{
  display:-webkit-box!important;
  margin:0!important;
  color:#6b7e94!important;
  font-size:7.5px!important;
  line-height:1.4!important;
  overflow:hidden!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.tf-homepage .tf-content-enterprise .tf-content-blog-card>div>a{
  margin-top:auto!important;
  padding-top:9px!important;
  border-top:1px solid #e7edf3!important;
  color:#0b67d8!important;
  font-size:7px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

/* Live-news board is intentionally different */
.tf-homepage .tf-content-enterprise .tf-live-news-enterprise{
  min-width:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,193,47,.13),transparent 28%),
    linear-gradient(145deg,#071d43 0%,#0b2c5c 100%)!important;
  box-shadow:0 16px 32px rgba(6,25,57,.14)!important;
}
.tf-homepage .tf-content-enterprise .tf-live-news-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:48px!important;
  padding:0 14px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.tf-homepage .tf-content-enterprise .tf-live-news-head span{
  color:#fff!important;
  font-size:7px!important;
  font-weight:900!important;
}
.tf-homepage .tf-content-enterprise .tf-live-news-head i{
  display:inline-block!important;
  width:7px!important;height:7px!important;
  margin-right:6px!important;
  border-radius:50%!important;
  background:#ff4f67!important;
  box-shadow:0 0 0 4px rgba(255,79,103,.12)!important;
}
.tf-homepage .tf-content-enterprise .tf-live-news-head small{
  color:#9fb2cb!important;
  font-size:6px!important;
}
.tf-homepage .tf-content-enterprise .tf-live-news-list>a{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:10px!important;
  padding:14px!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  color:#fff!important;
  text-decoration:none!important;
}
.tf-homepage .tf-content-enterprise .tf-live-news-list>a:last-child{
  border-bottom:0!important;
}
.tf-homepage .tf-content-enterprise .tf-live-news-list time{
  color:#8fb1d9!important;
  font-size:6px!important;
}
.tf-homepage .tf-content-enterprise .tf-live-news-list b{
  display:inline-flex!important;
  min-height:21px!important;
  align-items:center!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#ff4f67!important;
  color:#fff!important;
  font-size:5px!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
.tf-homepage .tf-content-enterprise .tf-live-news-list h3{
  margin:8px 0 5px!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.tf-homepage .tf-content-enterprise .tf-live-news-list p{
  margin:0!important;
  color:#b6c5d7!important;
  font-size:6.5px!important;
  line-height:1.4!important;
}
.tf-homepage .tf-content-enterprise .tf-live-news-list div>span{
  display:block!important;
  margin-top:9px!important;
  color:#74b6ff!important;
  font-size:6px!important;
}

/* ==========================================================
   TABLET / ZOOM
   ========================================================== */
@media(min-width:821px) and (max-width:1179px){
  .tf-homepage .tf-process-enterprise,
  .tf-homepage .tf-insights-enterprise,
  .tf-homepage .tf-content-enterprise{
    width:calc(100% - 32px)!important;
  }
  .tf-homepage .tf-process-enterprise>.shell,
  .tf-homepage .tf-insights-enterprise>.shell,
  .tf-homepage .tf-content-enterprise>.shell{
    padding:0 16px!important;
  }

  .tf-homepage .tf-process-enterprise .tf-process-enterprise-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .tf-homepage .tf-process-enterprise .tf-process-enterprise-grid::before{
    display:none!important;
  }

  .tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid>article.is-primary{
    grid-column:1/-1!important;
    min-height:205px!important;
  }

  .tf-homepage .tf-content-enterprise .tf-content-enterprise-layout{
    grid-template-columns:1fr!important;
  }
  .tf-homepage .tf-content-enterprise .tf-live-news-enterprise{
    min-height:220px!important;
  }
}

/* ==========================================================
   MOBILE — SMALLER, APP-LIKE, RESPONSIVE
   ========================================================== */
@media(max-width:820px){
  .tf-homepage .tf-process-enterprise,
  .tf-homepage .tf-insights-enterprise,
  .tf-homepage .tf-content-enterprise{
    width:calc(100% - 16px)!important;
    margin:12px auto!important;
    padding:15px 0 16px!important;
    border-radius:18px!important;
  }
  .tf-homepage .tf-process-enterprise>.shell,
  .tf-homepage .tf-insights-enterprise>.shell,
  .tf-homepage .tf-content-enterprise>.shell{
    padding:0 10px!important;
  }

  /* Process = horizontal small step cards */
  .tf-homepage .tf-process-enterprise .tf-process-enterprise-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:3px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .tf-homepage .tf-process-enterprise .tf-process-enterprise-grid::-webkit-scrollbar{display:none!important}
  .tf-homepage .tf-process-enterprise .tf-process-enterprise-grid::before{display:none!important}
  .tf-homepage .tf-process-enterprise .tf-process-enterprise-grid>article{
    flex:0 0 min(72vw,270px)!important;
    min-width:min(72vw,270px)!important;
    min-height:148px!important;
    padding:11px!important;
    border-radius:13px!important;
    scroll-snap-align:start!important;
  }
  .tf-homepage .tf-process-enterprise .tf-process-enterprise-visual{
    min-height:48px!important;
    margin-bottom:9px!important;
  }
  .tf-homepage .tf-process-enterprise .tf-process-enterprise-visual>b{
    width:31px!important;height:31px!important;border-radius:9px!important;font-size:7px!important;
  }
  .tf-homepage .tf-process-enterprise .tf-process-enterprise-visual>svg{
    width:35px!important;height:35px!important;padding:7px!important;border-radius:10px!important;
  }
  .tf-homepage .tf-process-enterprise article>span{font-size:5.5px!important}
  .tf-homepage .tf-process-enterprise article>h3{margin:6px 0 4px!important;font-size:12px!important}
  .tf-homepage .tf-process-enterprise article>p{
    display:-webkit-box!important;font-size:6.5px!important;line-height:1.35!important;
    overflow:hidden!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  }

  /* Insights = one feature + two mini tiles */
  .tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid>article{
    min-height:145px!important;
    padding:11px!important;
    border-radius:13px!important;
  }
  .tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid>article.is-primary{
    grid-column:1/-1!important;
    min-height:160px!important;
  }
  .tf-homepage .tf-insights-enterprise .tf-insights-enterprise-top>span{font-size:5px!important}
  .tf-homepage .tf-insights-enterprise .tf-insights-enterprise-top>i{
    width:34px!important;height:34px!important;border-radius:10px!important;font-size:7px!important;
  }
  .tf-homepage .tf-insights-enterprise article>h3{margin:14px 0 5px!important;font-size:11px!important}
  .tf-homepage .tf-insights-enterprise article>p{
    display:-webkit-box!important;font-size:6px!important;line-height:1.35!important;
    overflow:hidden!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  }
  .tf-homepage .tf-insights-enterprise article>b{padding-top:7px!important;font-size:5.5px!important}
  .tf-homepage .tf-insights-enterprise article>b em{width:18px!important;height:18px!important}

  /* Content hub = horizontal blog cards + compact news below */
  .tf-homepage .tf-content-enterprise .tf-content-enterprise-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .tf-homepage .tf-content-enterprise .tf-content-blog-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding-bottom:3px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .tf-homepage .tf-content-enterprise .tf-content-blog-grid::-webkit-scrollbar{display:none!important}
  .tf-homepage .tf-content-enterprise .tf-content-blog-card{
    flex:0 0 min(76vw,285px)!important;
    min-width:min(76vw,285px)!important;
    min-height:230px!important;
    border-radius:14px!important;
    scroll-snap-align:start!important;
  }
  .tf-homepage .tf-content-enterprise .tf-content-blog-media{
    height:112px!important;
    min-height:112px!important;
  }
  .tf-homepage .tf-content-enterprise .tf-content-blog-media>span{
    left:9px!important;bottom:8px!important;width:28px!important;height:28px!important;
    border-radius:8px!important;font-size:8px!important;
  }
  .tf-homepage .tf-content-enterprise .tf-content-blog-card>div{padding:9px!important}
  .tf-homepage .tf-content-enterprise .tf-content-blog-card small{font-size:5.5px!important}
  .tf-homepage .tf-content-enterprise .tf-content-blog-card h3{margin:6px 0 4px!important;font-size:10.5px!important}
  .tf-homepage .tf-content-enterprise .tf-content-blog-card p{font-size:6px!important}
  .tf-homepage .tf-content-enterprise .tf-content-blog-card>div>a{padding-top:6px!important;font-size:5.8px!important}

  .tf-homepage .tf-content-enterprise .tf-live-news-enterprise{border-radius:14px!important}
  .tf-homepage .tf-content-enterprise .tf-live-news-head{min-height:38px!important;padding:0 10px!important}
  .tf-homepage .tf-content-enterprise .tf-live-news-list>a{
    grid-template-columns:35px minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px!important;
  }
  .tf-homepage .tf-content-enterprise .tf-live-news-list h3{margin:6px 0 3px!important;font-size:9px!important}
  .tf-homepage .tf-content-enterprise .tf-live-news-list p{
    display:-webkit-box!important;font-size:5.8px!important;overflow:hidden!important;
    -webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  }
}

@media(max-width:430px){
  .tf-homepage .tf-process-enterprise,
  .tf-homepage .tf-insights-enterprise,
  .tf-homepage .tf-content-enterprise{
    width:calc(100% - 12px)!important;
  }
  .tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid{
    grid-template-columns:1fr!important;
  }
  .tf-homepage .tf-insights-enterprise .tf-insights-enterprise-grid>article.is-primary{
    grid-column:auto!important;
  }
}