/* TradesFolks Seller Sprint 085
   Public Seller Center homepage: edge-to-edge, compact enterprise/futuristic UI.
   Loaded last intentionally to override the older homepage/mobile layers. */

.tfh-body{
  --v85-navy:#06172e;
  --v85-panel:#0b2443;
  --v85-panel-2:#0d2b50;
  --v85-line:#294c70;
  --v85-yellow:#f7bd3a;
  --v85-soft:#f5f8fc;
  --v85-text:#081b35;
  width:100%;
  max-width:none;
  margin:0;
  overflow-x:hidden;
  background:#fff;
}
.tfh-main{width:100%;max-width:none;margin:0}
.tfh-header{width:100%;border-bottom:1px solid #e7edf4;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.tfh-header-inner{width:100%;max-width:none;height:68px;padding:0 clamp(18px,3.6vw,64px);gap:20px}
.tfh-brand img{width:48px!important;height:36px!important}
.tfh-brand strong{font-size:12px!important}
.tfh-brand small{font-size:6.5px!important;letter-spacing:.12em}
.tfh-nav{gap:clamp(18px,2.2vw,34px)}
.tfh-nav a{font-size:10px!important;font-weight:800}
.tfh-actions{gap:8px}
.tfh-btn{min-height:38px!important;padding:0 16px!important;border-radius:9px!important;font-size:10px!important}

.tfh-hero{
  position:relative;
  isolation:isolate;
  width:100%;
  min-height:610px;
  padding:clamp(38px,4.2vw,66px) clamp(18px,4vw,70px);
  grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);
  gap:clamp(34px,4.5vw,72px);
  background:
    radial-gradient(circle at 77% 34%,rgba(35,96,155,.23),transparent 30%),
    radial-gradient(circle at 35% 80%,rgba(247,189,58,.07),transparent 31%),
    linear-gradient(135deg,#06152b 0%,#071b35 53%,#06162d 100%);
  overflow:hidden;
}
.tfh-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to right,transparent,black 42%,black);
}
.tfh-hero-copy{max-width:700px}
.tfh-eyebrow{font-size:9px!important;letter-spacing:.17em!important}
.tfh-hero h1{
  max-width:730px;
  margin:15px 0 16px;
  font-size:clamp(48px,4.75vw,76px);
  line-height:.96;
  letter-spacing:-.057em;
}
.tfh-hero-copy>p{max-width:650px;font-size:14px;line-height:1.62}
.tfh-hero-actions{margin-top:24px;gap:9px}
.tfh-primary-cta,.tfh-secondary-cta{min-height:44px;padding:0 17px;border-radius:9px;font-size:11px}
.tfh-proof-row{margin-top:18px;gap:16px;font-size:9px}

.tfh-command-preview{
  position:relative;
  width:100%;
  max-width:760px;
  justify-self:end;
  padding:15px;
  border-radius:18px;
  border:1px solid rgba(67,113,157,.67);
  background:linear-gradient(145deg,rgba(11,36,67,.96),rgba(7,29,56,.96));
  box-shadow:0 26px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
}
.tfh-command-preview:after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 0 1px rgba(247,189,58,.025),0 0 42px rgba(35,96,155,.09)
}
.tfh-preview-top{min-height:42px;padding:0 3px 11px}
.tfh-preview-top strong{font-size:11px}
.tfh-preview-top>b,.tfh-card-head>b{font-size:6.8px}
.tfh-preview-kpis{gap:7px;margin-top:11px}
.tfh-preview-kpis article{min-height:92px;padding:12px;border-radius:10px;background:rgba(13,43,80,.88)}
.tfh-preview-kpis span{font-size:8px}
.tfh-preview-kpis strong{margin-top:9px;font-size:16px}
.tfh-preview-kpis small{font-size:7px}
.tfh-preview-grid{gap:7px;margin-top:7px}
.tfh-preview-chart,.tfh-actions-card{min-height:176px;padding:13px;border-radius:10px;background:rgba(13,43,80,.88)}
.tfh-card-head>span{font-size:8.5px}
.bars{height:96px;gap:6px;padding:14px 4px 4px}
.tfh-chart-labels{margin-top:8px;font-size:7px}
.tfh-actions-card ul{margin-top:8px}
.tfh-actions-card li{min-height:40px}
.tfh-actions-card li strong{font-size:8px}
.tfh-actions-card li small{font-size:6.5px}

.tfh-models,.tfh-operating-layer,.tfh-marketplace-network,.tfh-process{
  width:100%;max-width:none;
  padding:clamp(48px,5vw,78px) clamp(18px,4vw,70px);
}
.tfh-section-heading{max-width:900px}
.tfh-section-heading h2{font-size:clamp(34px,3.5vw,54px);margin:9px 0 10px}
.tfh-section-heading p{font-size:13px}
.tfh-section-heading>span,.tfh-network-copy>span,.tfh-final-cta>div>span{font-size:9px!important}

.tfh-model-grid{gap:10px;margin-top:28px}
.tfh-model-card{min-height:365px;padding:22px;border-radius:15px}
.tfh-model-card>span{font-size:7.5px}
.tfh-model-card>strong{margin-top:27px;font-size:clamp(58px,5.8vw,88px)}
.tfh-model-card h3{margin:22px 0 8px;font-size:16px}
.tfh-model-card p{font-size:10.5px}
.tfh-model-card>b{padding-top:26px;font-size:9px}

.tfh-capability-grid{gap:8px;margin-top:26px}
.tfh-capability-grid article{min-height:132px;padding:18px;grid-template-columns:42px 1fr;gap:12px;border-radius:12px}
.tfh-capability-grid h3{font-size:15px}
.tfh-capability-grid p{font-size:10px}

.tfh-marketplace-network{grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,76px)}
.tfh-network-copy{top:88px}
.tfh-network-copy h2{font-size:clamp(34px,3.25vw,50px)}
.tfh-network-copy p{font-size:12px}
.tfh-network-block{padding:19px;border-radius:13px}
.tfh-tag-grid span{min-height:58px;font-size:9px}
.tfh-country-row span{min-height:50px;font-size:9px}
.tfh-country-row i{width:31px;height:31px}

.tfh-process-row{margin-top:27px;border-radius:13px}
.tfh-process-row article{min-height:165px;padding:18px}
.tfh-process-row h3{margin:45px 0 6px;font-size:16px}
.tfh-process-row p{font-size:9px}

.tfh-final-cta{
  width:calc(100% - clamp(36px,8vw,140px));
  max-width:none;
  margin:14px clamp(18px,4vw,70px) 50px;
  padding:clamp(28px,3vw,44px);
  border-radius:16px;
}
.tfh-final-cta h2{font-size:clamp(30px,3vw,46px)}
.tfh-footer{width:100%;padding:38px clamp(18px,4vw,70px) 20px}
.tfh-footer-grid{gap:clamp(20px,3vw,50px);padding-bottom:30px}
.tfh-footer-bottom{min-height:48px}

@media(max-width:1180px){
  .tfh-header-inner{padding-left:22px;padding-right:22px}
  .tfh-hero{grid-template-columns:1fr 1fr;gap:28px;min-height:570px;padding:42px 24px}
  .tfh-hero h1{font-size:clamp(44px,5.8vw,64px)}
  .tfh-command-preview{max-width:none}
  .tfh-preview-kpis{grid-template-columns:1fr 1fr}
  .tfh-marketplace-network{grid-template-columns:1fr}
}

@media(max-width:900px){
  .tfh-hero{grid-template-columns:1fr;min-height:0;padding:38px 22px;gap:30px}
  .tfh-hero-copy{max-width:760px}
  .tfh-command-preview{justify-self:stretch;max-width:860px}
  .tfh-model-grid{grid-template-columns:1fr}
  .tfh-model-card{min-height:300px}
  .tfh-capability-grid{grid-template-columns:1fr}
  .tfh-process-row{grid-template-columns:1fr 1fr}
}

@media(max-width:767px){
  html,body{width:100%!important;overflow-x:hidden!important}
  .tfh-body{padding-bottom:72px!important;background:#fff!important}
  .tfh-header-inner{height:58px!important;padding:0 12px!important}
  .tfh-brand{gap:7px!important}
  .tfh-brand img{width:38px!important;height:29px!important}
  .tfh-brand strong{font-size:11px!important}
  .tfh-brand small{font-size:5.7px!important}
  .tfh-menu{width:38px!important;height:38px!important;border-radius:10px!important}
  .tfh-mobile-menu{top:62px!important;left:8px!important;right:8px!important;border-radius:14px!important}

  .tfh-hero{
    padding:25px 12px 18px!important;
    gap:18px!important;
    background:
      radial-gradient(circle at 78% 37%,rgba(35,96,155,.25),transparent 38%),
      linear-gradient(145deg,#06152b,#071b35)!important;
  }
  .tfh-eyebrow{font-size:7.7px!important;letter-spacing:.13em!important}
  .tfh-hero h1{
    margin:11px 0 12px!important;
    font-size:clamp(35px,10.5vw,43px)!important;
    line-height:.98!important;
    letter-spacing:-.05em!important;
  }
  .tfh-hero h1 em{margin-top:1px!important}
  .tfh-hero-copy>p{font-size:12.5px!important;line-height:1.52!important}
  .tfh-hero-actions{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:17px!important}
  .tfh-primary-cta,.tfh-secondary-cta{min-height:44px!important;padding:0 9px!important;border-radius:10px!important;font-size:9.5px!important}
  .tfh-proof-row{
    display:flex!important;overflow-x:auto!important;gap:7px!important;margin-top:14px!important;
    padding-bottom:2px!important;scrollbar-width:none!important
  }
  .tfh-proof-row::-webkit-scrollbar{display:none}
  .tfh-proof-row span{
    flex:0 0 auto!important;padding:7px 9px!important;border:1px solid rgba(255,255,255,.09)!important;
    border-radius:999px!important;background:rgba(255,255,255,.035)!important;font-size:7.5px!important
  }

  .tfh-command-preview{padding:9px!important;border-radius:14px!important}
  .tfh-preview-top{min-height:34px!important;padding-bottom:8px!important}
  .tfh-preview-top strong{font-size:9px!important}
  .tfh-preview-kpis{grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:7px!important}
  .tfh-preview-kpis article{min-height:73px!important;padding:9px!important;border-radius:8px!important}
  .tfh-preview-kpis article strong{margin-top:6px!important;font-size:14px!important}
  .tfh-preview-kpis article span,.tfh-preview-kpis article small{font-size:6.5px!important}
  .tfh-preview-grid{grid-template-columns:1fr!important;gap:6px!important}
  .tfh-preview-chart,.tfh-actions-card{min-height:145px!important;padding:10px!important}
  .bars{height:76px!important;padding-top:9px!important}
  .tfh-actions-card li{min-height:35px!important}

  .tfh-models,.tfh-operating-layer,.tfh-marketplace-network,.tfh-process{
    padding:36px 12px!important;
  }
  .tfh-section-heading h2,.tfh-network-copy h2{
    font-size:28px!important;line-height:1.04!important;margin:8px 0 9px!important
  }
  .tfh-section-heading p,.tfh-network-copy p{font-size:10.5px!important;line-height:1.55!important}
  .tfh-model-grid{gap:8px!important;margin-top:20px!important}
  .tfh-model-card{min-height:245px!important;padding:17px!important;border-radius:13px!important}
  .tfh-model-card>strong{font-size:58px!important;margin-top:20px!important}
  .tfh-model-card h3{font-size:15px!important;margin:17px 0 7px!important}
  .tfh-model-card p{font-size:9.5px!important}
  .tfh-model-card>b{padding-top:18px!important;font-size:8.5px!important}

  .tfh-capability-grid{gap:7px!important;margin-top:20px!important}
  .tfh-capability-grid article{padding:14px!important;grid-template-columns:31px 1fr!important;gap:9px!important;border-radius:11px!important}
  .tfh-capability-grid h3{font-size:13px!important}
  .tfh-capability-grid p{font-size:9px!important}

  .tfh-marketplace-network{gap:21px!important}
  .tfh-network-block{padding:13px!important;border-radius:11px!important}
  .tfh-tag-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .tfh-tag-grid span{min-height:45px!important;padding:9px!important;font-size:8px!important}
  .tfh-country-row{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .tfh-country-row span{min-height:43px!important;padding:7px!important;font-size:8px!important}
  .tfh-country-row i{width:27px!important;height:27px!important;border-radius:7px!important;font-size:7px!important}

  .tfh-process-row{grid-template-columns:1fr 1fr!important;margin-top:20px!important;border-radius:11px!important}
  .tfh-process-row article{min-height:122px!important;padding:14px!important}
  .tfh-process-row article:last-child{grid-column:1/-1}
  .tfh-process-row h3{margin-top:25px!important;font-size:14px!important}
  .tfh-process-row p{font-size:8.5px!important}

  .tfh-final-cta{
    width:calc(100% - 16px)!important;margin:8px 8px 18px!important;padding:24px 14px!important;
    border-radius:14px!important;gap:16px!important
  }
  .tfh-final-cta h2{font-size:27px!important}
  .tfh-final-actions{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .tfh-final-actions a{min-height:44px!important;font-size:9px!important}
  .tfh-footer{padding:27px 12px 20px!important}
  .tfh-footer-grid{gap:18px!important;padding-bottom:24px!important}
  .tfh-footer-bottom{font-size:7.5px!important}
  .tfh-mobile-dock{height:58px!important;left:6px!important;right:6px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;border-radius:16px!important}
  .tfh-mobile-dock a{font-size:6.5px!important}
  .tfh-mobile-dock .sell i{width:34px!important;height:34px!important}
}

@media(max-width:390px){
  .tfh-hero{padding-left:10px!important;padding-right:10px!important}
  .tfh-hero h1{font-size:34px!important}
  .tfh-hero-actions{grid-template-columns:1fr!important}
  .tfh-preview-kpis{grid-template-columns:1fr 1fr!important}
  .tfh-tag-grid,.tfh-country-row{grid-template-columns:1fr!important}
  .tfh-process-row{grid-template-columns:1fr!important}
  .tfh-process-row article:last-child{grid-column:auto}
}

@media(min-width:1600px){
  .tfh-header-inner{padding-left:72px;padding-right:72px}
  .tfh-hero{padding-left:72px;padding-right:72px;grid-template-columns:minmax(0,.92fr) minmax(650px,1.08fr)}
  .tfh-command-preview{max-width:820px}
}