/* ==========================================================================
   TGC homepage refinements
   --------------------------------------------------------------------------
   This file is the concatenation, in their original load order, of the six
   sequential tgc-home-refine-v41…v46 layers that used to be linked separately.
   Each of them re-declared the same hero and section selectors with !important
   to win the cascade, so the only way to know the effective value was to read
   all six. Concatenating in order preserves the result exactly while making the
   final value discoverable in one place.
   ========================================================================== */

/* ─── merged from tgc-home-refine-v41.css ─── */
/* TGC homepage refinement v41 — clean industrial hero + mobile header simplification */

/* Desktop navigation refinement */
.nav-inner{justify-content:space-between !important;}
.nav .logo{min-width:220px !important;}
.nav .logo-text{line-height:1.25 !important;}
.nav-links{gap:2px !important;}

/* Hero: less crowded, stronger industrial tone */
.tgc-final-hero{
  min-height:620px !important;
  background:#05131f !important;
}
.tgc-hero-bg{
  background-image:url('../images/hero-bg.jpg') !important;
  filter:saturate(.62) contrast(1.08) brightness(.48) blur(.15px) !important;
  transform:scale(1.035) !important;
}
.tgc-hero-overlay{
  background:
    linear-gradient(90deg,rgba(3,10,18,.98) 0%,rgba(4,15,27,.94) 42%,rgba(5,20,34,.76) 72%,rgba(5,20,34,.55) 100%),
    linear-gradient(180deg,rgba(3,10,18,.14) 0%,rgba(3,10,18,.48) 70%,rgba(3,10,18,.82) 100%),
    radial-gradient(circle at 82% 18%,rgba(20,184,213,.16),transparent 36%) !important;
}
.tgc-hero-wrap{
  align-items:center !important;
  grid-template-columns:minmax(0,1fr) 292px !important;
  gap:44px !important;
  padding:78px 0 68px !important;
}
.tgc-kicker{
  margin-bottom:18px !important;
  padding:8px 14px !important;
  color:#d9f7ff !important;
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.16) !important;
}
.tgc-kicker:before{order:2;width:34px !important;background:#65d8ee !important;}
.tgc-hero-content h1{
  max-width:850px !important;
  margin-bottom:20px !important;
}
.tgc-hero-content h2{display:none !important;}
.tgc-hero-content p,
.tgc-hero-content .tgc-hero-lead{
  max-width:800px !important;
  color:#d7e8f2 !important;
}
.tgc-hero-actions{margin-top:28px !important;gap:12px !important;}
.tgc-btn{min-height:46px !important;padding:0 24px !important;}
.tgc-btn-primary{background:linear-gradient(135deg,#12aeca,#08779c) !important;box-shadow:0 18px 38px rgba(8,119,156,.27) !important;}
.tgc-btn-secondary{background:rgba(255,255,255,.035) !important;border-color:rgba(214,238,247,.32) !important;color:#edfaff !important;}
.tgc-hero-note{
  max-width:790px !important;
  margin-top:16px !important;
  color:#b6cfdd !important;
}
.tgc-hero-card{
  align-self:center !important;
  border-radius:22px !important;
  padding:14px 18px !important;
  background:linear-gradient(180deg,rgba(7,23,39,.78),rgba(7,23,39,.55)) !important;
  border-color:rgba(183,216,229,.18) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.24) !important;
}
.tgc-hero-card div{gap:14px !important;padding:15px 4px !important;}
.tgc-hero-card strong{font-size:31px !important;color:#67ddf5 !important;}
.tgc-hero-card span{font-size:13px !important;color:#eefbff !important;}

/* Supply portfolio */
.tgc-supply-section{padding-top:84px !important;}
.tgc-supply-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.tgc-supply-card{
  position:relative;
  display:grid;
  grid-template-rows:178px 1fr;
  min-height:100%;
  background:#fff;
  color:var(--tgc-ink);
  text-decoration:none;
  border:1px solid rgba(217,227,236,.92);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 16px 42px rgba(8,30,54,.075);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.tgc-supply-card:hover{transform:translateY(-5px);box-shadow:0 24px 64px rgba(8,30,54,.13);border-color:rgba(14,124,159,.25);}
.tgc-supply-card figure{margin:0;overflow:hidden;background:#dce6ed;}
.tgc-supply-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.03);transition:transform .35s ease;}
.tgc-supply-card:hover img{transform:scale(1.035);}
.tgc-supply-card div{padding:22px 22px 24px;}
.tgc-supply-card small{display:inline-flex;margin-bottom:10px;color:#0e7c9f;font-family:Inter,Vazirmatn,sans-serif;font-size:11px;font-weight:900;letter-spacing:.08em;direction:ltr;unicode-bidi:isolate;}
.tgc-supply-card h3{margin:0 0 10px;font-size:20px;line-height:1.48;font-weight:900;color:#102234;}
.tgc-supply-card p{margin:0;color:#607184;font-size:13.9px;line-height:1.95;}

/* Why section: allow 5 cards to breathe */
.tgc-why-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
.tgc-why-grid .tgc-value-card{min-height:255px !important;padding:25px 20px !important;}
.tgc-why-grid .tgc-value-card h3{font-size:17px !important;line-height:1.65 !important;}
.tgc-why-grid .tgc-value-card p{font-size:13.4px !important;line-height:1.95 !important;}

/* Mobile refinement */
@media(max-width:1050px){
  .tgc-hero-wrap{grid-template-columns:1fr !important;gap:28px !important;}
  .tgc-hero-card{display:grid !important;grid-template-columns:repeat(3,1fr) !important;}
  .tgc-hero-card div{display:block !important;text-align:center !important;border-bottom:0 !important;border-left:1px solid rgba(255,255,255,.12) !important;}
  .tgc-hero-card div:last-child{border-left:0 !important;}
  .tgc-supply-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tgc-why-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

@media(max-width:760px){
  body > .nav .nav-inner{
    grid-template-columns:42px minmax(0,1fr) 96px !important;
    min-height:68px !important;
    padding-inline:18px !important;
    gap:10px !important;
    direction:ltr !important;
  }
  body > .nav .logo{
    grid-column:3 !important;
    grid-row:1 !important;
    justify-self:end !important;
    display:block !important;
    width:96px !important;
    min-width:96px !important;
    margin:0 !important;
  }
  body > .nav .logo-text{display:none !important;}
  body > .nav .logo-mark,
  body > .nav .logo-mark-img{
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    height:auto !important;
    max-height:36px !important;
    object-fit:contain !important;
    filter:brightness(0) invert(1) !important;
  }
  body > .nav .nav-hamburger{
    grid-column:1 !important;
    justify-self:start !important;
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
  }
  body > .nav + main .tgc-final-hero{padding-top:68px !important;}

  .tgc-final-hero{min-height:auto !important;}
  .tgc-hero-bg{background-position:58% center !important;filter:saturate(.58) contrast(1.06) brightness(.42) blur(.25px) !important;}
  .tgc-hero-overlay{
    background:
      linear-gradient(180deg,rgba(3,10,18,.90) 0%,rgba(5,17,29,.78) 36%,rgba(3,10,18,.94) 100%),
      radial-gradient(circle at 86% 12%,rgba(20,184,213,.14),transparent 34%) !important;
  }
  .tgc-hero-wrap{
    display:block !important;
    padding:26px 0 30px !important;
  }
  .tgc-kicker{
    margin-bottom:14px !important;
    padding:8px 12px !important;
    max-width:100% !important;
  }
  .tgc-hero-content h1{
    margin-bottom:14px !important;
    text-wrap:balance;
  }
  .tgc-hero-content p,
  .tgc-hero-content .tgc-hero-lead{
    color:#e5f2f8 !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  .tgc-hero-actions{margin-top:18px !important;gap:10px !important;}
  .tgc-btn{width:100% !important;min-height:44px !important;border-radius:17px !important;font-size:14px !important;}
  .tgc-hero-note{margin-top:13px !important;color:#c5dbe7 !important;}
  .tgc-hero-card{
    margin-top:18px !important;
    padding:8px 12px !important;
    border-radius:18px !important;
    grid-template-columns:1fr !important;
  }
  .tgc-hero-card div{
    display:grid !important;
    grid-template-columns:64px 1fr !important;
    align-items:center !important;
    text-align:right !important;
    padding:9px 0 !important;
    border-left:0 !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }
  .tgc-hero-card div:last-child{border-bottom:0 !important;}
  .tgc-hero-card strong{font-size:23px !important;text-align:left !important;}
  .tgc-hero-card span{font-size:12.2px !important;line-height:1.55 !important;}
  .tgc-supply-section{padding-top:58px !important;}
  .tgc-supply-grid{grid-template-columns:1fr !important;gap:15px !important;}
  .tgc-supply-card{grid-template-columns:110px 1fr !important;grid-template-rows:auto !important;border-radius:20px !important;min-height:150px !important;}
  .tgc-supply-card figure{height:100% !important;min-height:150px !important;}
  .tgc-supply-card div{padding:16px 15px 17px !important;}
  .tgc-supply-card small{font-size:9.6px !important;margin-bottom:6px !important;}
  .tgc-supply-card h3{font-size:16px !important;line-height:1.45 !important;margin-bottom:7px !important;}
  .tgc-supply-card p{font-size:12px !important;line-height:1.75 !important;}
  .tgc-why-grid{grid-template-columns:1fr !important;gap:13px !important;}
  .tgc-why-grid .tgc-value-card{min-height:0 !important;padding:21px 19px !important;}
  .tgc-why-grid .tgc-value-card h3{font-size:16px !important;}
  .tgc-why-grid .tgc-value-card p{font-size:13px !important;}
}

@media(max-width:370px){
  body > .nav .nav-inner{grid-template-columns:40px minmax(0,1fr) 86px !important;padding-inline:14px !important;}
  body > .nav .logo,
  body > .nav .logo-mark,
  body > .nav .logo-mark-img{width:86px !important;min-width:86px !important;max-width:86px !important;}
  .tgc-supply-card{grid-template-columns:96px 1fr !important;}
}


/* v41 hard fixes: cache-busted root deploy + cleaner mobile header */
.nav .logo{gap:0 !important;}
.nav .logo-text{display:none !important;}
@media(min-width:761px){
  .nav .logo{min-width:140px !important;width:150px !important;}
  .nav .logo-mark-img{width:150px !important;max-width:150px !important;}
}
@media(max-width:760px){
  .topbar{display:none !important;}
  body > .nav{position:sticky !important;top:0 !important;z-index:1000 !important;}
  body > .nav .nav-inner{
    display:grid !important;
    grid-template-columns:46px 1fr 106px !important;
    align-items:center !important;
    min-height:66px !important;
  }
  body > .nav .logo-text{display:none !important;}
  body > .nav .logo{
    grid-column:3 !important;
    justify-self:end !important;
    min-width:0 !important;
    width:106px !important;
  }
  body > .nav .logo-mark-img{
    width:106px !important;
    max-width:106px !important;
    min-width:106px !important;
    display:block !important;
  }
  body > .nav .nav-hamburger{
    grid-column:1 !important;
    justify-self:start !important;
  }
  .tgc-final-hero{min-height:0 !important;}
  .tgc-hero-wrap{padding-top:24px !important;padding-bottom:28px !important;}
  .tgc-hero-card strong{font-size:22px !important;}
}

/* ─── merged from tgc-home-refine-v42.css ─── */
/* TGC homepage refinement v42 — compact industrial mobile header + lighter hero/supply cards */

:root{
  --tgc-v42-navy:#061421;
  --tgc-v42-navy-2:#081b2c;
  --tgc-v42-cyan:#21bfd7;
  --tgc-v42-border:rgba(186,213,225,.22);
}

/* Mobile header: shorter, darker, less separated from hero */
@media(max-width:760px){
  html,body{overflow-x:hidden !important;}
  .topbar{display:none !important;}
  body > .nav{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
    background:linear-gradient(180deg,rgba(5,16,27,.98),rgba(7,21,34,.94)) !important;
    border-bottom:1px solid rgba(156,190,207,.16) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.20) !important;
    backdrop-filter:saturate(1.1) blur(10px) !important;
    -webkit-backdrop-filter:saturate(1.1) blur(10px) !important;
  }
  body > .nav .nav-inner{
    display:grid !important;
    grid-template-columns:40px 1fr 94px !important;
    align-items:center !important;
    min-height:56px !important;
    padding-inline:18px !important;
    gap:10px !important;
    direction:ltr !important;
  }
  body > .nav .logo{
    grid-column:3 !important;
    justify-self:end !important;
    width:94px !important;
    min-width:94px !important;
    margin:0 !important;
    display:block !important;
  }
  body > .nav .logo-text{display:none !important;}
  body > .nav .logo-mark,
  body > .nav .logo-mark-img{
    width:94px !important;
    min-width:94px !important;
    max-width:94px !important;
    max-height:30px !important;
    height:auto !important;
    object-fit:contain !important;
    filter:brightness(0) invert(1) !important;
  }
  body > .nav .nav-hamburger{
    grid-column:1 !important;
    justify-self:start !important;
    width:38px !important;
    height:38px !important;
    border-radius:11px !important;
    color:#ecf8fc !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(210,232,240,.20) !important;
    box-shadow:none !important;
  }
  body > .nav .nav-hamburger svg,
  body > .nav .nav-hamburger span{transform:scale(.88) !important;}
}

/* Hero: more controlled and less heavy */
.tgc-final-hero{
  min-height:560px !important;
  background:#061421 !important;
}
.tgc-hero-bg{
  filter:saturate(.58) contrast(1.06) brightness(.43) blur(.2px) !important;
}
.tgc-hero-overlay{
  background:
    linear-gradient(90deg,rgba(3,10,18,.97) 0%,rgba(4,15,27,.91) 42%,rgba(5,20,34,.72) 74%,rgba(5,20,34,.52) 100%),
    linear-gradient(180deg,rgba(3,10,18,.12) 0%,rgba(3,10,18,.42) 72%,rgba(3,10,18,.84) 100%),
    radial-gradient(circle at 82% 14%,rgba(33,191,215,.14),transparent 34%) !important;
}
.tgc-hero-wrap{
  padding:62px 0 58px !important;
  gap:34px !important;
}
.tgc-kicker{
  margin-bottom:15px !important;
  padding:7px 13px !important;
  border-radius:999px !important;
}
.tgc-hero-content h1{
  margin-bottom:16px !important;
}
.tgc-hero-content .tgc-hero-lead{
  max-width:760px !important;
}
.tgc-hero-actions{margin-top:23px !important;}
.tgc-hero-note{
  margin-top:13px !important;
  color:#bdd5e1 !important;
}
.tgc-hero-card{
  padding:12px 16px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(6,22,37,.68),rgba(6,22,37,.46)) !important;
  border:1px solid rgba(183,216,229,.16) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.20) !important;
}
.tgc-hero-card div{padding:12px 2px !important;gap:11px !important;}
.tgc-hero-card strong{font-size:27px !important;line-height:1 !important;}
.tgc-hero-card span{font-size:12.6px !important;line-height:1.65 !important;}

@media(max-width:760px){
  body > .nav + main .tgc-final-hero{padding-top:0 !important;}
  .tgc-final-hero{min-height:0 !important;}
  .tgc-hero-bg{
    background-position:56% center !important;
    filter:saturate(.55) contrast(1.04) brightness(.39) blur(.22px) !important;
  }
  .tgc-hero-overlay{
    background:
      linear-gradient(180deg,rgba(3,10,18,.84) 0%,rgba(5,17,29,.74) 38%,rgba(3,10,18,.93) 100%),
      radial-gradient(circle at 84% 10%,rgba(33,191,215,.12),transparent 32%) !important;
  }
  .tgc-hero-wrap{
    display:block !important;
    padding:28px 0 26px !important;
  }
  .tgc-kicker{
    margin-bottom:12px !important;
    padding:7px 11px !important;
  }
  .tgc-kicker:before{width:28px !important;}
  .tgc-hero-content h1{
    margin-bottom:12px !important;
    max-width:100% !important;
  }
  .tgc-hero-content p,
  .tgc-hero-content .tgc-hero-lead{
    color:#e3f0f7 !important;
  }
  .tgc-hero-actions{
    margin-top:16px !important;
    gap:9px !important;
  }
  .tgc-btn{
    min-height:41px !important;
    border-radius:15px !important;
    font-size:13.6px !important;
    font-weight:800 !important;
    padding:0 18px !important;
  }
  .tgc-btn-primary{box-shadow:0 12px 28px rgba(8,119,156,.24) !important;}
  .tgc-hero-note{
    margin-top:11px !important;
    color:#c0d8e4 !important;
  }
  .tgc-hero-card{
    margin-top:15px !important;
    padding:6px 12px !important;
    border-radius:16px !important;
    background:rgba(5,20,34,.56) !important;
  }
  .tgc-hero-card div{
    grid-template-columns:56px 1fr !important;
    padding:7px 0 !important;
    min-height:38px !important;
  }
  .tgc-hero-card strong{font-size:20px !important;text-align:left !important;}
  .tgc-hero-card span{font-size:11.7px !important;line-height:1.48 !important;}
}

/* Supply portfolio: more industrial, less shop-card look */
.tgc-supply-section{
  background:linear-gradient(180deg,#f4f7fa 0%,#eef3f7 100%) !important;
}
.tgc-supply-grid{gap:18px !important;}
.tgc-supply-card{
  border-radius:22px !important;
  border:1px solid rgba(184,201,214,.78) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbfd 100%) !important;
  box-shadow:0 14px 36px rgba(8,30,54,.065) !important;
}
.tgc-supply-card:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:3px;
  background:linear-gradient(90deg,transparent,rgba(33,191,215,.46),transparent);
  opacity:.55;
}
.tgc-supply-card figure{background:#d7e1e8 !important;}
.tgc-supply-card img{filter:saturate(.82) contrast(1.04) brightness(.98) !important;}
.tgc-supply-card div{padding:20px 21px 23px !important;}
.tgc-supply-card small{
  font-size:10px !important;
  letter-spacing:.10em !important;
  color:#117f9a !important;
  margin-bottom:8px !important;
}
.tgc-supply-card h3{
  font-size:19px !important;
  line-height:1.48 !important;
  margin-bottom:8px !important;
  color:#0e2234 !important;
}
.tgc-supply-card p{
  font-size:13.2px !important;
  line-height:1.86 !important;
  color:#5d6c7c !important;
}
.tgc-section-head p{max-width:850px !important;}

@media(max-width:760px){
  .tgc-supply-section{padding-top:50px !important;}
  .tgc-section-head span{letter-spacing:.14em !important;}
  .tgc-supply-grid{gap:13px !important;}
  .tgc-supply-card{
    grid-template-columns:124px 1fr !important;
    min-height:142px !important;
    border-radius:18px !important;
    box-shadow:0 10px 26px rgba(8,30,54,.065) !important;
  }
  .tgc-supply-card figure{min-height:142px !important;height:100% !important;}
  .tgc-supply-card img{object-fit:cover !important;}
  .tgc-supply-card div{
    padding:13px 13px 15px !important;
    align-self:center !important;
  }
  .tgc-supply-card small{font-size:8.8px !important;margin-bottom:5px !important;}
  .tgc-supply-card h3{font-size:15.4px !important;line-height:1.42 !important;margin-bottom:6px !important;}
  .tgc-supply-card p{font-size:11.3px !important;line-height:1.70 !important;color:#647486 !important;}
}

@media(max-width:370px){
  body > .nav .nav-inner{grid-template-columns:38px 1fr 86px !important;padding-inline:14px !important;}
  body > .nav .logo,
  body > .nav .logo-mark,
  body > .nav .logo-mark-img{width:86px !important;min-width:86px !important;max-width:86px !important;}
  .tgc-supply-card{grid-template-columns:106px 1fr !important;}
}

/* ─── merged from tgc-home-refine-v43.css ─── */
/* TGC homepage refinement v43 — final mobile polish: tighter hero, premium header, compact stats */

@media(max-width:760px){
  html,body{overflow-x:hidden !important;}

  /* Header: slimmer and more integrated with hero */
  body > .nav{
    background:linear-gradient(180deg,rgba(3,13,23,.99),rgba(5,17,30,.96)) !important;
    border-bottom:1px solid rgba(148,184,202,.12) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
  }
  body > .nav .nav-inner{
    min-height:52px !important;
    grid-template-columns:36px 1fr 88px !important;
    padding-inline:20px !important;
    gap:8px !important;
  }
  body > .nav .logo,
  body > .nav .logo-mark,
  body > .nav .logo-mark-img{
    width:88px !important;
    min-width:88px !important;
    max-width:88px !important;
  }
  body > .nav .logo-mark,
  body > .nav .logo-mark-img{
    max-height:28px !important;
  }
  body > .nav .nav-hamburger{
    width:36px !important;
    height:36px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.035) !important;
    border-color:rgba(210,232,240,.16) !important;
  }
  body > .nav .nav-hamburger svg{width:21px !important;height:21px !important;}

  /* Hero: reduce dead space and keep content above fold */
  .tgc-final-hero{
    min-height:0 !important;
  }
  .tgc-hero-wrap{
    width:min(100% - 44px, 1180px) !important;
    padding:22px 0 22px !important;
  }
  .tgc-kicker{
    margin-bottom:10px !important;
    padding:6px 10px !important;
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(220,240,247,.16) !important;
  }
  .tgc-kicker:before{width:24px !important;}
  .tgc-hero-content h1{
    margin-bottom:10px !important;
    text-shadow:0 8px 24px rgba(0,0,0,.30) !important;
  }
  .tgc-hero-actions{
    margin-top:14px !important;
    gap:8px !important;
  }
  .tgc-btn{
    /* Was 39px to squeeze the hero above the fold; 44px is the touch-target floor. */
    min-height:44px !important;
    border-radius:14px !important;
    font-size:13px !important;
    letter-spacing:0 !important;
  }
  .tgc-hero-note{
    margin-top:9px !important;
    color:#bed4df !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  /* Stats: compact premium strip instead of tall stacked card */
  .tgc-hero-card{
    margin-top:12px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
    padding:10px 6px !important;
    border-radius:15px !important;
    background:linear-gradient(180deg,rgba(5,20,34,.62),rgba(5,20,34,.46)) !important;
    border-color:rgba(188,217,230,.14) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
  }
  .tgc-hero-card div{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    grid-template-columns:none !important;
    gap:5px !important;
    min-height:56px !important;
    padding:4px 7px !important;
    border-bottom:0 !important;
    border-left:1px solid rgba(255,255,255,.10) !important;
  }
  .tgc-hero-card div:last-child{border-left:0 !important;}
  .tgc-hero-card strong{
    font-size:19px !important;
    line-height:1 !important;
    text-align:center !important;
    color:#69e7ff !important;
  }
  .tgc-hero-card span{
    font-size:10.1px !important;
    line-height:1.45 !important;
    color:#e9f8fc !important;
    font-weight:700 !important;
  }

  /* Portfolio header starts cleaner and closer */
  .tgc-supply-section{padding-top:42px !important;}
  .tgc-section-head span{margin-bottom:8px !important;}

  /* Supply cards: slightly more controlled on mobile */
  .tgc-supply-card{
    grid-template-columns:112px 1fr !important;
    min-height:132px !important;
    border-radius:17px !important;
  }
  .tgc-supply-card figure{
    min-height:132px !important;
  }
  .tgc-supply-card div{
    padding:12px 12px 13px !important;
  }
  .tgc-supply-card h3{
    font-size:15px !important;
    margin-bottom:5px !important;
  }
  .tgc-supply-card p{
    font-size:11.1px !important;
    line-height:1.66 !important;
  }
}

@media(max-width:370px){
  body > .nav .nav-inner{grid-template-columns:34px 1fr 82px !important;padding-inline:16px !important;}
  body > .nav .logo,
  body > .nav .logo-mark,
  body > .nav .logo-mark-img{width:82px !important;min-width:82px !important;max-width:82px !important;}
  .tgc-hero-wrap{width:min(100% - 34px, 1180px) !important;}
  .tgc-hero-card span{font-size:9.5px !important;}
  .tgc-supply-card{grid-template-columns:100px 1fr !important;}
}

/* ─── merged from tgc-home-refine-v44.css ─── */
/* TGC homepage refinement v44 — hero updated with process line photo 2026-06-18 */
.tgc-hero-bg{
  background-image:url('../images/tgc-home-hero-processline-v44.jpg') !important;
  background-size:cover !important;
  background-position:center 46% !important;
  filter:saturate(.82) contrast(1.05) brightness(.56) !important;
  transform:scale(1.02) !important;
}
.tgc-hero-overlay{
  background:
    linear-gradient(90deg, rgba(3,13,24,.93) 0%, rgba(5,18,31,.88) 38%, rgba(6,23,39,.62) 72%, rgba(8,30,48,.40) 100%),
    linear-gradient(180deg, rgba(4,14,24,.26) 0%, rgba(4,14,24,.58) 64%, rgba(4,14,24,.78) 100%),
    radial-gradient(circle at 18% 14%, rgba(25,175,213,.16), transparent 32%) !important;
}
.tgc-hero-content h1{
  max-width:900px !important;
  text-wrap:balance;
}
.tgc-hero-lead{
  max-width:760px !important;
}
@media (max-width:760px){
  .tgc-hero-bg{
    background-position:52% center !important;
    filter:saturate(.80) contrast(1.06) brightness(.48) !important;
  }
  .tgc-hero-overlay{
    background:
      linear-gradient(180deg, rgba(3,12,20,.48) 0%, rgba(4,15,27,.78) 26%, rgba(4,15,27,.88) 100%),
      linear-gradient(90deg, rgba(3,13,24,.90) 0%, rgba(5,18,31,.74) 48%, rgba(7,26,43,.56) 100%),
      radial-gradient(circle at 20% 12%, rgba(25,175,213,.14), transparent 28%) !important;
  }
  .tgc-hero-wrap{
    padding-top:34px !important;
    padding-bottom:24px !important;
  }
  .tgc-kicker{
    background:rgba(12,28,43,.52) !important;
    border-color:rgba(151,215,234,.22) !important;
  }
}

/* ─── merged from tgc-home-refine-v45.css ─── */
/* TGC homepage refinement v45 — lighter hero, better image visibility, shorter mobile hero */
.tgc-hero-bg{
  background-position: 42% 44% !important;
  filter: saturate(.88) contrast(1.04) brightness(.72) !important;
}
.tgc-hero-overlay{
  background:
    linear-gradient(90deg, rgba(3,13,24,.82) 0%, rgba(5,18,31,.74) 36%, rgba(6,23,39,.48) 72%, rgba(8,30,48,.28) 100%),
    linear-gradient(180deg, rgba(4,14,24,.18) 0%, rgba(4,14,24,.44) 60%, rgba(4,14,24,.64) 100%),
    radial-gradient(circle at 18% 14%, rgba(25,175,213,.12), transparent 34%) !important;
}
.tgc-final-hero{min-height:640px !important;}
.tgc-hero-wrap{padding-top:84px !important;padding-bottom:58px !important;}
.tgc-hero-content h1{margin-bottom:10px !important;}
.tgc-hero-content .tgc-hero-lead{max-width:720px !important;}
.tgc-supply-section{padding-top:34px !important;}
.tgc-supply-grid{margin-top:0 !important;}

@media (max-width:760px){
  .tgc-final-hero{min-height:auto !important;}
  .tgc-hero-bg{
    background-position: 40% center !important;
    filter: saturate(.86) contrast(1.04) brightness(.64) !important;
  }
  .tgc-hero-overlay{
    background:
      linear-gradient(180deg, rgba(3,12,20,.34) 0%, rgba(4,15,27,.60) 22%, rgba(4,15,27,.76) 100%),
      linear-gradient(90deg, rgba(3,13,24,.80) 0%, rgba(5,18,31,.62) 48%, rgba(7,26,43,.42) 100%),
      radial-gradient(circle at 20% 12%, rgba(25,175,213,.10), transparent 30%) !important;
  }
  .tgc-hero-wrap{
    padding-top:26px !important;
    padding-bottom:18px !important;
  }
  .tgc-kicker{margin-bottom:8px !important;}
  .tgc-hero-content h1{
    margin-bottom:8px !important;
  }
  .tgc-hero-actions{margin-top:12px !important;}
  .tgc-hero-note{
    margin-top:8px !important;
  }
  .tgc-hero-card{margin-top:10px !important;}
  .tgc-supply-section{padding-top:28px !important;}
  .tgc-supply-card{margin-top:0 !important;}
}

/* ─── merged from tgc-home-refine-v46.css ─── */
/* TGC homepage refinement v46 — final mobile fine-tuning */
.tgc-supply-section{padding-top:30px !important;}
.tgc-section-head h2{margin-bottom:8px !important;}
.tgc-supply-grid{margin-top:0 !important;}

@media (max-width:760px){
  .tgc-final-hero{min-height:auto !important;}
  .tgc-hero-wrap{
    padding-top:22px !important;
    padding-bottom:14px !important;
  }
  .tgc-hero-content h1{
    margin-bottom:8px !important;
  }
  .tgc-hero-actions{margin-top:10px !important;}
  .tgc-hero-note{
    margin-top:7px !important;
  }
  .tgc-hero-card{margin-top:8px !important;}
  .tgc-supply-section{padding-top:24px !important;}
  .tgc-section-head h2{
    margin-bottom:6px !important;
  }
  .tgc-section-head p{
    margin-bottom:0 !important;
  }
  .tgc-supply-grid{gap:12px !important; margin-top:0 !important;}
}

/* ─── homepage scale: single source ─── */
/*
 * One fluid scale for the homepage, replacing the per-breakpoint ladders that
 * used to be repeated in each override layer. !important is unavoidable: the
 * layers above use it and this block has to be the one that wins.
 *
 * Two changes here are deliberate rather than a faithful consolidation:
 *   - the hero lead and note no longer line-clamp. They were cut to three or
 *     four lines on a phone, which hid the copy explaining what is supplied.
 *   - section rhythm is now a single ratio instead of eight different padding
 *     pairs, so the gaps between homepage sections are even at every width.
 */

/* Hero */
.tgc-final-hero .tgc-kicker {
  font-size: clamp(10.5px, 0.95vw, 12px) !important;
  line-height: 1.6 !important;
  letter-spacing: 0.18em !important;
}

.tgc-final-hero .tgc-hero-content h1 {
  font-size: clamp(27px, 5.4vw, 46px) !important;
  line-height: 1.34 !important;
  letter-spacing: -0.02em !important;
}

.tgc-final-hero .tgc-hero-content .tgc-hero-lead {
  display: block !important;
  max-width: 62ch !important;
  font-size: clamp(14.5px, 1.35vw, 17px) !important;
  line-height: 1.95 !important;
  color: #dceaf2 !important;
  -webkit-line-clamp: none !important;
  overflow: visible !important;
}

.tgc-final-hero .tgc-hero-note {
  display: block !important;
  max-width: 70ch !important;
  font-size: clamp(12.5px, 1.05vw, 14px) !important;
  line-height: 1.8 !important;
  color: #cadfea !important;
  -webkit-line-clamp: none !important;
  overflow: visible !important;
}

/* Section rhythm */
.tgc-final-section {
  padding-block: clamp(48px, 6vw, 92px) !important;
}

.tgc-final-cta {
  padding-block: clamp(56px, 6.5vw, 92px) !important;
}

.tgc-section-head {
  margin-bottom: clamp(28px, 3.2vw, 56px) !important;
}

.tgc-section-head span {
  font-size: clamp(10.5px, 0.95vw, 12px) !important;
  line-height: 1.6 !important;
}

.tgc-section-head h2 {
  font-size: clamp(26px, 2.9vw, 36px) !important;
  line-height: 1.34 !important;
}

.tgc-section-head p {
  font-size: clamp(14.2px, 1.2vw, 16px) !important;
  line-height: 1.95 !important;
}

/* --------------------------------------------------------------------------
   Stage A visual corrections (approved with refinements)
   Scoped polish — no new stylesheet layer.
   -------------------------------------------------------------------------- */

/* 1) Homepage hero: reduce competition; note removed in HTML */
.tgc-final-hero .tgc-hero-note {
  display: none !important;
}

.tgc-final-hero .tgc-hero-content .tgc-hero-lead {
  max-width: 56ch !important;
  margin-bottom: 0 !important;
}

.tgc-final-hero .tgc-hero-actions {
  margin-top: 22px !important;
}

.tgc-hero-card--compact {
  padding: 12px 14px !important;
  gap: 0 !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18) !important;
  align-self: end !important;
}

.tgc-hero-card--compact div {
  padding: 11px 6px !important;
  gap: 10px !important;
}

.tgc-hero-card--compact strong {
  font-size: 26px !important;
  line-height: 1 !important;
}

.tgc-hero-card--compact span {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

@media (min-width: 981px) {
  .tgc-hero-card--compact {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 980px) and (min-width: 761px) {
  .tgc-hero-card--compact {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .tgc-hero-card--compact div {
    display: block !important;
    text-align: center !important;
    border-bottom: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  .tgc-hero-card--compact div:last-child {
    border-left: 0 !important;
  }
}

@media (max-width: 760px) {
  .tgc-hero-card--compact {
    grid-template-columns: 1fr !important;
  }

  .tgc-hero-card--compact div {
    display: flex !important;
    text-align: right !important;
    border-left: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  .tgc-hero-card--compact div:last-child {
    border-bottom: 0 !important;
  }
}

/* 3) Why TGC: equal heights + shorter copy space */
.tgc-why-grid {
  align-items: stretch !important;
}

.tgc-why-grid .tgc-value-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 22px 18px !important;
}

.tgc-why-grid .tgc-value-card h3 {
  min-height: 3.2em !important;
  margin-bottom: 10px !important;
}

.tgc-why-grid .tgc-value-card p {
  flex: 1 1 auto !important;
  font-size: 13.2px !important;
  line-height: 1.85 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  line-clamp: 4 !important;
  overflow: hidden !important;
}

/* 4) Industry cards: AA-friendlier contrast, keep subtle premium look */
.tgc-industry-grid a {
  background: #fff !important;
  border: 1px solid #b7c6d4 !important;
  box-shadow: 0 8px 22px rgba(8, 30, 54, 0.055) !important;
}

.tgc-industry-grid a:before {
  background: #d7eef5 !important;
  border: 1px solid #6fa8bb !important;
}

.tgc-industry-grid a:after {
  background: rgba(14, 124, 159, 0.05) !important;
}

.tgc-industry-grid a:hover {
  border-color: #8fb0c2 !important;
  box-shadow: 0 10px 26px rgba(8, 30, 54, 0.08) !important;
}

.tgc-industry-grid b {
  color: #0f172a !important;
}

.tgc-industry-grid span {
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
}