/* =========================================================
   GLOBAL-TEX HOME
========================================================= */
.home-look{
  --hl-navy:#0b2348;
  --hl-navy-2:#0b376d;
  --hl-blue:#1769c2;
  --hl-blue-2:#0a67b5;
  --hl-ink:#12253a;
  --hl-text:#303b47;
  --hl-muted:#65717d;
  --hl-line:#d9dfe5;
  --hl-pale:#f5f7f9;
  --hl-white:#fff;
  font-family:Arial,"Helvetica Neue",sans-serif;
  color:var(--hl-text);
  background:#fff;
}
.home-look *{box-sizing:border-box}
.hl-container{width:min(1280px,calc(100% - 68px));margin:0 auto}
.home-look h1,.home-look h2,.home-look h3,.home-look p,.home-look ul{margin:0}
.home-look a{text-decoration:none}
/* Intro */
.hl-intro{background:#f7f8fa;border-top:1px solid #edf0f2;border-bottom:1px solid #e2e6e9;padding: 80px 0;}
.hl-intro-grid{display:grid;grid-template-columns:1.02fr 1.28fr;gap:20px;align-items:stretch}
.hl-intro-copy{padding:0 2px}
.hl-eyebrow{display:block;color:var(--hl-blue);font-size:13px;line-height:1.2;font-weight:700;letter-spacing:.9px;margin-bottom:6px}
.hl-h2{font-size:23px;line-height:1.15;font-weight:700;letter-spacing:-.35px;color:var(--hl-navy);}
.hl-h2 strong{color:var(--hl-blue);font-weight:700}
.hl-intro-copy p{font-size:14px;line-height:1.55;color:var(--hl-text);margin-top:8px;max-width:585px}
.hl-value-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);}
.hl-value-card{min-height:130px;padding:30px 5px;text-align:center;border:1px solid #dfe4e8;background:#fff; display:flex;flex-direction:column;align-items:center}
.hl-value-card:first-child{border-left:0}
.hl-value-card i{font-size:40px;color:var(--hl-navy);height:50px;margin-bottom:7px}
.hl-value-card b{font-size:15px;line-height:1.25;color:#17263a;font-weight:700}
.hl-value-card span{font-size:13px;line-height:1.45;color:#58636e;margin-top:7px;max-width:125px}
/* Section titles */
.hl-section-title{text-align:center;margin-bottom:8px}
.hl-section-title p,.hl-process-head p{font-size:14px;line-height:1.55;color:var(--hl-text);margin-top:4px}
/* Fabric collection */
.hl-collection{padding:50px 0;background:#fff}
.hl-fabric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top: 20px;}
.hl-fabric-card{border:1px solid #dfe3e6;background:#fff;border-radius:2px;overflow:hidden;box-shadow:0 1px 3px rgba(10,30,50,.035);transition:transform .22s ease,box-shadow .22s ease}
.hl-fabric-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(10,30,50,.08)}
.hl-fabric-image{height:100px;background-size:cover;background-position:center center;position:relative}
.hl-knit{background-image:url('../images/knit-fabrics.jpg')}
.hl-woven{background-image:url('../images/woven-fabrics.jpg')}
.hl-denim{background-image:url('../images/denim-fabrics.jpg')}
.hl-fabric-icon{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--hl-navy);font-size:17px;box-shadow:0 1px 5px rgba(0,0,0,.07);z-index:2}
.hl-fabric-icon img{width:40px;height:40px; border-radius:50%;}
.hl-fabric-body{text-align:center;padding:40px 10px 30px;min-height:126px}
.hl-fabric-body h3{font-size:20px;line-height:1.2;color:#17283b;font-weight:700}
.hl-fabric-body p{font-size:13px;line-height:1.55;color:#414d59;margin:15px auto;}
.hl-fabric-body p i{font-style:normal;color:#b1b7bd;margin:0 1px}
.hl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 20px;background:var(--hl-navy);color:#fff!important;font-size:14px;line-height:1;letter-spacing:1px;border-radius:2px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.hl-btn:hover{background:var(--hl-blue-2);transform:translateY(-1px);box-shadow:0 4px 10px rgba(7,89,166,.2)}
/* Process */
.hl-process{padding:50px 0;background:#fff}
.hl-process-head{margin-bottom:20px}
.hl-steps{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;align-items:start;gap:0}
.hl-step{text-align:center;min-width:0}
.hl-step-icon{position:relative;width:48px;height:48px;border-radius:50%;margin:0 auto 4px;background:var(--hl-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;border:2px solid #e9eef3;box-shadow:0 0 0 1px #d7e0e9}
.hl-step-icon small{position:absolute;right:0;bottom:-1px;width:17px;height:17px;border-radius:50%;background:#fff;color:var(--hl-navy);font-size:7px;line-height:17px;font-weight:700;border:1px solid #cfd9e2}
.hl-step b{display:block;font-size:8.7px;line-height:1.2;color:#17283a;font-weight:700}
.hl-step p{font-size:7.7px;line-height:1.4;color:#5d6872;margin-top:3px}
.hl-arrow{text-align:center;color:#687680;font-size:17px;line-height:48px;letter-spacing:-5px}
/* Proof */
.hl-proof{padding:4px 0 11px;background:#fff}
.hl-proof-grid{display:grid;grid-template-columns:1.02fr 1.95fr 1fr;gap:10px;align-items:stretch}
.hl-why-box,.hl-route-box{border-radius:2px;color:#fff;background:var(--hl-navy)}
.hl-why-box{padding:10px 12px}
.hl-why-box h3,.hl-route-box h3{font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.15px}
.hl-why-box ul{list-style:none;padding:6px 0 0}
.hl-why-box li{position:relative;padding-left:10px;font-size:8px;line-height:1.48;color:#f1f5f8;margin:2px 0}
.hl-why-box li::before{content:'✓';position:absolute;left:0;top:0;color:#fff;font-weight:700}
.hl-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce2e6;background:#fff}
.hl-stats>div{text-align:center;padding:9px 5px;border-left:1px solid #e1e5e8;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hl-stats>div:first-child{border-left:0}
.hl-stats i{font-size:19px;color:var(--hl-navy);margin-bottom:4px}
.hl-stats strong{font-size:17px;line-height:1.05;color:var(--hl-navy);font-weight:700}
.hl-stats span{font-size:7.5px;line-height:1.3;color:#55616c;margin-top:4px}
.hl-route-box{padding:10px 11px;background:linear-gradient(135deg,#092c58,#0c3e78)}
.hl-route-box p{font-size:8px;line-height:1.45;color:#e9f0f6;margin-top:5px;max-width:200px}
.hl-route-map{height:43px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}
.hl-route-map span{width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:17px}
.hl-route-map b{width:82px;height:2px;background:linear-gradient(90deg,#d52c2c,#fff 50%,#188b45);position:relative}
.hl-route-map b::after{content:'›';position:absolute;right:-1px;top:-10px;color:#fff;font-size:18px}
/* Partners */
.hl-partners{padding:0 0 8px;background:#fff}
.hl-partner-title{margin-bottom:5px}
.hl-partner-title h2{font-size:15px}
.hl-partner-row{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #e0e4e7;background:#fff}
.hl-logo{height:42px;display:flex;align-items:center;justify-content:center;border-left:1px solid #e5e8ea;font-weight:700;color:#58616a;font-size:17px;gap:3px;white-space:nowrap}
.hl-logo:first-child{border-left:0}
.hl-logo small{font-size:6.5px;font-weight:600}
.hl-logo.yishion{font-size:14px;color:#5a6066}
.hl-logo.yishion small{font-size:12px}
.hl-logo.huafang{font-size:10px;color:#6c7379}.hl-logo.huafang span{color:#2c7ab0}.hl-logo.huafang small{font-size:17px}
.hl-logo.sunrise{font-size:10px;color:#515c63}.hl-logo.sunrise span{font-size:17px;color:#5f9e76}
.hl-logo.hodo{font-size:14px;color:#d13232}.hl-logo.hodo small{color:#777;font-size:17px}
.hl-logo.weiqiao{font-size:10px;color:#7b7d7e}.hl-logo.weiqiao span{color:#bd2632;font-size:17px}
.hl-logo.more{font-size:8px;font-weight:500;color:#6b747c}
@media(max-width:1000px){
  .hl-container{width:min(94%,1280px)}
  .hl-intro-grid{grid-template-columns:1fr}.hl-value-grid{grid-template-columns:repeat(4,1fr)}
  .hl-proof-grid{grid-template-columns:1fr 2fr}.hl-route-box{grid-column:1/-1}
}
@media(max-width:760px){
  .hl-intro{padding:14px 0}.hl-value-grid{grid-template-columns:repeat(2,1fr)}.hl-value-card:nth-child(3){border-left:0;border-top:1px solid #e1e5e8}.hl-value-card:nth-child(4){border-top:1px solid #e1e5e8}
  .hl-fabric-grid{grid-template-columns:1fr}.hl-fabric-body{min-height:0;padding-bottom:13px}
  .hl-steps{display:flex;overflow-x:auto;gap:9px;padding-bottom:4px}.hl-step{flex:0 0 105px}.hl-arrow{display:none}
  .hl-proof-grid{grid-template-columns:1fr}.hl-route-box{grid-column:auto}.hl-stats{grid-template-columns:repeat(2,1fr)}.hl-stats>div:nth-child(3){border-left:0;border-top:1px solid #e1e5e8}.hl-stats>div:nth-child(4){border-top:1px solid #e1e5e8}
  .hl-partner-row{grid-template-columns:repeat(2,1fr)}.hl-logo:nth-child(3){border-left:0;border-top:1px solid #e5e8ea}.hl-logo:nth-child(4),.hl-logo:nth-child(5),.hl-logo:nth-child(6){border-top:1px solid #e5e8ea}
}
@media(max-width:420px){
  .hl-h2{font-size:20px}.hl-fabric-image{height:105px}.hl-value-card{min-height:116px}.hl-why-box{padding:11px}.hl-logo{font-size:9px}
}
.gt-steps{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  position:relative;
  padding:0 7px 4px;
}
.gt-step{
  min-width:0;
  text-align:center;
  position:relative;
}
.gt-step-top{
  height:68px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.gt-icon{
  width:60px;
  height:60px;
  border-radius:50%;
  background:var(--hl-navy);
  display:grid;
  place-items:center;
  position:relative;
  z-index:2;
  border:2px solid #e9eef3;
  box-shadow:0 6px 15px rgba(8,47,103,.18);
  transform:translateY(0);
  transition:transform .35s var(--gt-ease),box-shadow .35s ease;
}
.gt-icon svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.gt-icon i{position:relative;width:48px;height:48px;border-radius:50%;margin:0 auto 4px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;}
.gt-icon b{
  position:absolute;
  bottom:2px;
  left:0;
  right:0;
  font-size:11px;
  line-height:1;
  color:#fff;
  font-weight:700;
}
.gt-step:hover .gt-icon{
  transform:translateY(-5px) scale(1.05);
  box-shadow:0 12px 24px rgba(8,47,103,.28);
}
.gt-arrow{
  position:absolute;
  left:calc(50% + 24px);
  right:-1px;
  top:33px;
  height:2px;
  background:#aeb7c4;
  z-index:1;
}
.gt-arrow::before,
.gt-arrow::after{
  content:"";
  position:absolute;
  top:-2px;
  width:5px;
  height:5px;
  border-top:2px solid #697585;
  border-right:2px solid #697585;
  transform:rotate(45deg);
}
.gt-arrow::before{right:8px}
.gt-arrow::after{right:1px}
.gt-arrow::selection{background:none}
.gt-step:nth-child(odd) .gt-arrow{animation:routePulse 2.6s infinite ease-in-out}
.gt-step:nth-child(even) .gt-arrow{animation:routePulse 2.6s .35s infinite ease-in-out}
@keyframes routePulse{
  0%,100%{opacity:.55;transform:translateX(0)}
  50%{opacity:1;transform:translateX(4px)}
}
.gt-step h3{
  margin:0;
  font-size:14px;
  line-height:1.15;
  font-weight:800;
  color:#0c1420;
}
.gt-step p{
  margin:4px auto 0;
  max-width:145px;
  min-height:25px;
  font-size:13px;
  line-height:1.28;
  color:#172334;
}
@media (max-width:900px){
  .gt-steps{grid-template-columns:repeat(3,1fr);row-gap:10px}
  .gt-arrow{display:none}
  .gt-bottom{grid-template-columns:1fr 1.7fr 1fr}
}
@media (max-width:680px){
  .gt-steps{grid-template-columns:repeat(2,1fr);padding-inline:0}
  .gt-step p{font-size:8.5px}
  .gt-bottom{grid-template-columns:1fr}
  .gt-stats{min-height:112px}
  .gt-info-card{min-height:125px}
  .gt-route{min-height:145px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}
/* =========================================================
   GLOBAL-TEX — QUALITY / WHY CHOOSE / STATISTICS / ROUTE
   FINAL CSS
   ========================================================= */
/* ---------------------------------------------------------
   SECTION
   --------------------------------------------------------- */
.gt-proof-section {
    width: 100%;
    padding: 14px 0;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}
.gt-proof-container {
    width: min(1280px, calc(100% - 68px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr 2fr 1fr;
    gap: 10px;
    align-items: stretch;
}
/* ---------------------------------------------------------
   WHY CHOOSE GLOBAL-TEX
   --------------------------------------------------------- */
.gt-why {
    position: relative;
    min-height: 150px;
    padding: 17px 20px;
    display: flex;
    align-items: center;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(59, 130, 246, .20),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #061a35 0%,
            #082b55 55%,
            #06182f 100%
        );
    border-radius: 6px;
    box-shadow:
        0 8px 24px rgba(3, 24, 52, .13),
        inset 0 1px 0 rgba(255,255,255,.08);
    overflow: hidden;
    animation: gtWhyReveal .8s ease both;
}
/* Decorative glow */
.gt-why::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: -75px;
    top: -75px;
    border-radius: 50%;
    background: rgba(59, 130, 246, .12);
    filter: blur(3px);
    animation: gtWhyGlow 5s ease-in-out infinite;
}
.gt-why::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    left: -30px;
    bottom: -30px;
    border-radius: 50%;
    background: rgba(255,255,255,.04);
}
/* Content */
.gt-why > div {
    width: 100%;
    position: relative;
    z-index: 2;
}
.gt-why h3 {
    margin: 0 0 11px;
    padding-bottom: 8px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 1px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255,255,255,.18);
}
/* List */
.gt-why ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.gt-why li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    line-height: 1.35;
    color: rgba(255,255,255,.86);
    transition:
        transform .25s ease,
        color .25s ease;
}
.gt-why li:hover {
    transform: translateX(5px);
    color: #ffffff;
}
.gt-why li i {
    flex: 0 0 auto;
    margin-top: 2px;
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #ffffff;
    background: rgba(255,255,255,.13);
    border-radius: 50%;
    transition:
        background .25s ease,
        transform .25s ease;
}
.gt-why li:hover i {
    background: #2563eb;
    transform: scale(1.15) rotate(8deg);
}
/* ---------------------------------------------------------
   STATISTICS AREA
   --------------------------------------------------------- */
.gt-stats {
    min-height: 150px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
    box-shadow:
        0 5px 18px rgba(15, 23, 42, .05);
    animation: gtStatsReveal .9s ease both;
}
/* Individual statistic */
.gt-stat {
    position: relative;
    min-width: 0;
    padding: 17px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right: 1px solid #e5e7eb;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fafc 100%
        );
    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}
/* Remove last border */
.gt-stat:last-child {
    border-right: 0;
}
/* Top line */
.gt-stat::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 2px;
    transform: translateX(-50%);
    background: #2563eb;
    transition: width .35s ease;
}
.gt-stat:hover::before {
    width: 65%;
}
/* Hover */
.gt-stat:hover {
    z-index: 2;
    transform: translateY(-4px);
    background: #ffffff;
    box-shadow:
        0 10px 25px rgba(15, 23, 42, .09);
}
/* Icons */
.gt-stat > i {
    margin-bottom: 7px;
    font-size: 19px;
    color: #2563eb;
    transition:
        transform .35s ease,
        color .35s ease,
        filter .35s ease;
}
.gt-stat:hover > i {
    transform:
        translateY(-3px)
        scale(1.12)
        rotate(-4deg);
    color: #1d4ed8;
    filter:
        drop-shadow(0 5px 8px rgba(37,99,235,.20));
}
/* Number wrapper */
.gt-stat > div {
    margin: 0;
    font-size: 23px;
    line-height: 1;
    font-weight: 900;
    color: #0b1f3a;
    letter-spacing: -.5px;
}
/* Counter */
.gt-stat .counter {
    display: inline-block;
    min-width: 20px;
    font-variant-numeric: tabular-nums;
    transition:
        transform .25s ease,
        color .25s ease;
}
.gt-stat:hover .counter {
    color: #2563eb;
    transform: scale(1.06);
}
/* Label */
.gt-stat > span:last-child {
    display: block;
    margin-top: 7px;
    font-size: 14px;
    line-height: 1.25;
    color:var(--hl-text);
}
/* ---------------------------------------------------------
   CHINA → BANGLADESH ROUTE
   --------------------------------------------------------- */
.gt-route {
    position: relative;
    min-height: 150px;
    padding: 16px 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 12% 50%,
            rgba(37,99,235,.22),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 50%,
            rgba(239,68,68,.14),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #061a35 0%,
            #082b55 48%,
            #06182f 100%
        );
    border-radius: 6px;
    overflow: hidden;
    box-shadow:
        0 8px 24px rgba(3,24,52,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
    animation: gtRouteReveal .9s ease both;
}
/* Background glow */
.gt-route::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    left: -100px;
    top: -75px;
    border-radius: 50%;
    background: rgba(37,99,235,.10);
    filter: blur(3px);
    animation: gtRouteGlowLeft 5s ease-in-out infinite;
}
.gt-route::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    right: -90px;
    bottom: -80px;
    border-radius: 50%;
    background: rgba(239,68,68,.08);
    filter: blur(3px);
    animation: gtRouteGlowRight 5s ease-in-out infinite;
}
/* Route text */
.gt-route > div:first-child {
    position: relative;
    z-index: 5;
    text-align: center;
    margin-bottom: 25px;
}
.gt-route h4 {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: .9px;
    color: #ffffff;
}
.gt-route h4::before {
    content: "✈";
    display: inline-block;
    margin-right: 6px;
    font-size: 11px;
    animation: gtTitlePlane 2s ease-in-out infinite;
}
.gt-route p {
    margin: 0 auto;
    max-width: 270px;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(255,255,255,.67);
}
/* ---------------------------------------------------------
   ROUTE CONTENT
   --------------------------------------------------------- */
.gt-route > div:last-child {
    position: relative;
    z-index: 5;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 5px;
}
/* ---------------------------------------------------------
   CHINA / BANGLADESH BADGES
   --------------------------------------------------------- */
.gt-route > div:last-child > div:first-child,
.gt-route > div:last-child > div:last-child {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
/* Badge circles */
.gt-route > div:last-child > div:first-child > div,
.gt-route > div:last-child > div:last-child > div {
    position: relative;
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.9);
    box-shadow:
        0 0 0 4px rgba(255,255,255,.04),
        0 0 18px rgba(255,255,255,.12);
    transition: transform .3s ease;
}
/* China */
.gt-route > div:last-child > div:first-child > div {
    background:
        radial-gradient(
            circle at 35% 30%,
            #ef4444,
            #b91c1c 75%
        );
    color: #ffd700;
    font-size: 12px;
    animation: gtChinaPulse 2.8s ease-in-out infinite;
}
/* Bangladesh */
.gt-route > div:last-child > div:last-child > div {
    background:
        radial-gradient(
            circle at 40% 35%,
            #22c55e,
            #047857 75%
        );
    animation: gtBangladeshPulse 2.8s ease-in-out infinite;
}
/* Bangladesh red circle */
.gt-route > div:last-child > div:last-child > div > div {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #dc2626;
    box-shadow:
        0 0 7px rgba(220,38,38,.5);
}
/* Country labels */
.gt-route > div:last-child > div:first-child > span,
.gt-route > div:last-child > div:last-child > span {
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,.82);
	margin-top: 10px;
}
/* ---------------------------------------------------------
   FLIGHT PATH
   --------------------------------------------------------- */
.gt-route > div:last-child > div:nth-child(2) {
    position: relative;
    flex: 1;
    min-width: 60px;
    height: 38px;
    display: flex;
    align-items: center;
}
/* Dashed line */
.gt-route > div:last-child > div:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    transform: translateY(-50%);
    background: repeating-linear-gradient(
        to right,
        rgba(255,255,255,.65) 0,
        rgba(255,255,255,.65) 7px,
        transparent 7px,
        transparent 14px
    );
    animation: gtRouteDash 1.4s linear infinite;
}
/* Line glow */
.gt-route > div:last-child > div:nth-child(2)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 9px;
    transform: translateY(-50%);
    background: rgba(59,130,246,.12);
    filter: blur(7px);
    pointer-events: none;
}
/* ---------------------------------------------------------
   AIRPLANE
   --------------------------------------------------------- */
.gt-route > div:last-child > div:nth-child(2) > div {
    position: absolute;
    left: -17px;
    top: 50%;
    z-index: 10;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow:
        0 0 15px rgba(96,165,250,.35);
    animation:
        gtAirplaneFly 4.5s
        cubic-bezier(.45,.05,.55,.95)
        infinite;
}
/* Airplane icon */
.gt-route > div:last-child > div:nth-child(2) > div i {
    position: relative;
    z-index: 3;
    font-size: 13px;
    color: #ffffff;
    filter:
        drop-shadow(0 0 5px rgba(255,255,255,.55));
}
/* Airplane trail */
.gt-route > div:last-child > div:nth-child(2) > div::before {
    content: "";
    position: absolute;
    right: 25px;
    width: 40px;
    height: 2px;
    background:
        linear-gradient(
            to left,
            rgba(255,255,255,.55),
            transparent
        );

    opacity: .8;
}
/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */
.gt-route:hover {
    box-shadow:
        0 12px 32px rgba(3,24,52,.22),
        inset 0 1px 0 rgba(255,255,255,.10);
}
.gt-route:hover
> div:last-child
> div:first-child
> div,
.gt-route:hover
> div:last-child
> div:last-child
> div {
    transform: scale(1.07);
}
/* ---------------------------------------------------------
   KEYFRAME ANIMATIONS
   --------------------------------------------------------- */
@keyframes gtWhyReveal {
    from {
        opacity: 0;
        transform: translateX(-35px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes gtStatsReveal {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes gtRouteReveal {
    from {
        opacity: 0;
        transform: translateX(35px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes gtWhyGlow {
    0%, 100% {
        transform: scale(1);
        opacity: .45;
    }
    50% {
        transform: scale(1.3);
        opacity: .85;
    }
}
@keyframes gtRouteGlowLeft {
    0%, 100% {
        transform: scale(1);
        opacity: .45;
    }
    50% {
        transform: scale(1.3);
        opacity: .85;
    }
}
@keyframes gtRouteGlowRight {
    0%, 100% {
        transform: scale(1);
        opacity: .35;
    }
    50% {
        transform: scale(1.3);
        opacity: .75;
    }
}
@keyframes gtTitlePlane {
    0%, 100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(5px, -2px);
    }
}
@keyframes gtChinaPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow:
            0 0 0 4px rgba(239,68,68,.07),
            0 0 18px rgba(239,68,68,.25);
    }
    50% {
        transform: scale(1.07);
        box-shadow:
            0 0 0 8px rgba(239,68,68,.04),
            0 0 27px rgba(239,68,68,.38);
    }
}
@keyframes gtBangladeshPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow:
            0 0 0 4px rgba(34,197,94,.06),
            0 0 18px rgba(34,197,94,.22);
    }
    50% {
        transform: scale(1.07);
        box-shadow:
            0 0 0 8px rgba(34,197,94,.03),
            0 0 27px rgba(34,197,94,.35);
    }
}
@keyframes gtRouteDash {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 28px 0;
    }
}
@keyframes gtAirplaneFly {
    0% {
        left: -17px;
        opacity: 0;
        transform:
            translateY(-50%)
            scale(.75);
    }
    8% {
        opacity: 1;
    }
    43% {
        transform:
            translateY(calc(-50% - 5px))
            scale(1);
    }
    50% {
        transform:
            translateY(calc(-50% + 4px))
            scale(1.04);
    }
    57% {
        transform:
            translateY(calc(-50% - 3px))
            scale(1);
    }
    92% {
        opacity: 1;
    }
    100% {
        left: calc(100% - 14px);
        opacity: 0;
        transform:
            translateY(-50%)
            scale(.78);
    }
}
/* ---------------------------------------------------------
   RESPONSIVE — TABLET
   --------------------------------------------------------- */
@media (max-width: 1050px) {
    .gt-proof-container {
        width: min(94%, 900px);
        grid-template-columns: 1fr 1.6fr;
        gap: 10px;
    }
    .gt-why {
        min-height: 145px;
    }
    .gt-stats {
        min-height: 145px;
    }
    .gt-route {
        grid-column: 1 / -1;
        min-height: 125px;
    }
}
/* ---------------------------------------------------------
   RESPONSIVE — MOBILE
   --------------------------------------------------------- */
@media (max-width: 760px) {
    .gt-proof-section {
        padding: 10px 0;
    }
    .gt-proof-container {
        width: calc(100% - 24px);
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .gt-why {
        min-height: auto;
        padding: 16px;
    }
    .gt-stats {
        min-height: 130px;
        grid-template-columns: repeat(2, 1fr);
    }
    .gt-stat {
        min-height: 105px;
        border-bottom: 1px solid #e5e7eb;
    }
    .gt-stat:nth-child(2) {
        border-right: 0;
    }
    .gt-stat:nth-child(3) {
        border-bottom: 0;
    }
    .gt-stat:nth-child(4) {
        border-right: 0;
        border-bottom: 0;
    }
    .gt-route {
        min-height: 120px;
        padding: 15px 14px;
    }
}
/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */
@media (max-width: 420px) {
    .gt-proof-container {
        width: calc(100% - 16px);
    }
    .gt-why {
        padding: 14px;
    }
    .gt-why h3 {
        font-size: 10px;
    }
    .gt-why li {
        font-size: 9px;
    }
    .gt-stat {
        padding: 13px 6px;
    }
    .gt-stat > i {
        font-size: 17px;
    }
    .gt-stat > div {
        font-size: 20px;
    }
    .gt-stat > span:last-child {
        font-size: 7px;
    }
    .gt-route h4 {
        font-size: 14px;
    }
    .gt-route p {
        font-size: 12px;
    }
    .gt-route > div:last-child > div:first-child > div,
    .gt-route > div:last-child > div:last-child > div {
        width: 36px;
        height: 36px;
    }
    .gt-route > div:last-child > div:nth-child(2) {
        min-width: 45px;
    }
    .gt-route > div:last-child > div:nth-child(2) > div {
        width: 28px;
        height: 28px;
    }
}
/* ---------------------------------------------------------
   ACCESSIBILITY
   --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .gt-proof-section *,
    .gt-proof-section *::before,
    .gt-proof-section *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/* Trusted Partners Slider — consolidated rules */
.gt-partners-heading{
  margin-bottom:20px;
  text-align:center;
}

.gt-partners-window{
  width:100%;
  overflow:hidden;
  position:relative;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.gt-partners-window.is-dragging{
  cursor:grabbing;
}

.gt-partners-window::-webkit-scrollbar{
  display:none;
}

.gt-partners-track{
  display:flex;
  align-items:stretch;
  gap:18px;
  width:max-content;
  will-change:transform;
}

.gt-partner{
  flex:0 0 clamp(180px,20vw,220px);
}

.gt-partner-logo,
.gt-more-logo{
  width:100%;
  min-height:110px;
  height:auto;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
}

.gt-partner-logo img{
  max-width:82%;
  max-height:65px;
  object-fit:contain;
  pointer-events:none;
}

@media (max-width:760px){
  .gt-partners-track{gap:12px}
  .gt-partner{flex:0 0 min(72vw,210px)}
  .gt-partner-logo,
  .gt-more-logo{min-height:100px;padding:12px}
  .gt-partner-logo img{max-width:85%;max-height:58px}
}

@media (max-width:420px){
  .gt-partner{flex-basis:min(76vw,190px)}
  .gt-partner-logo,
  .gt-more-logo{min-height:92px;padding:10px}
  .gt-partner-logo img{max-width:88%;max-height:52px}
}


/* =========================================================
   GLOBAL-TEX — READABILITY & RESPONSIVE OVERRIDES ONLY
   Existing CSS above remains unchanged.
   ========================================================= */

/* ---------------------------------------------------------
   1. TEXT READABILITY
   --------------------------------------------------------- */
.home-look{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.home-look p,
.home-look li,
.home-look span,
.home-look small{
  overflow-wrap:break-word;
  word-break:normal;
}

.home-look p{
  line-height:1.6;
}

.home-look h1,
.home-look h2,
.home-look h3,
.home-look h4,
.home-look strong,
.home-look b{
  text-wrap:balance;
}

.hl-intro-copy p,
.hl-fabric-body p{
  max-width:65ch;
}

.hl-step p,
.gt-step p{
  line-height:1.45;
  letter-spacing:.05px;
}

.gt-why li{
  line-height:1.5;
}

.gt-stat > span:last-child{
  line-height:1.4;
  letter-spacing:.05px;
}

.gt-route p{
  line-height:1.5;
}

/* ---------------------------------------------------------
   2. TABLET — PROCESS SECTION 3 COLUMNS
   --------------------------------------------------------- */
@media (min-width:761px) and (max-width:900px){
  .gt-steps{
    grid-template-columns:repeat(3,1fr);
    column-gap:18px;
    row-gap:24px;
    padding-inline:4px;
  }

  .gt-step{
    min-width:0;
    padding-inline:4px;
  }

  .gt-step-top{
    height:68px;
  }

  .gt-step h3{
    font-size:15px;
    line-height:1.25;
  }

  .gt-step p{
    max-width:190px;
    font-size:12px;
    line-height:1.5;
    margin-top:6px;
  }

  .gt-icon{
    width:58px;
    height:58px;
  }

  .gt-arrow{
    display:none;
  }
}

/* ---------------------------------------------------------
   3. TABLET READABILITY
   --------------------------------------------------------- */
@media (min-width:761px) and (max-width:1050px){
  .hl-container,
  .gt-proof-container{
    width:min(94%,900px);
  }

  .hl-intro-copy p,
  .hl-section-title p,
  .hl-process-head p{
    font-size:15px;
    line-height:1.65;
  }

  .hl-value-card b{
    font-size:15px;
  }

  .hl-value-card span{
    font-size:13px;
    line-height:1.5;
  }

  .gt-why li{
    font-size:14px;
  }

  .gt-stat > span:last-child{
    font-size:13px;
  }

  .gt-route p{
    font-size:14px;
  }
}

/* ---------------------------------------------------------
   4. MOBILE — CLEAN 2 COLUMN PROCESS
   --------------------------------------------------------- */
@media (max-width:760px){
  .hl-container{
    width:calc(100% - 24px);
  }

  .hl-intro-copy p,
  .hl-section-title p,
  .hl-process-head p,
  .hl-fabric-body p{
    font-size:14px;
    line-height:1.65;
  }

  .hl-value-card b{
    font-size:14px;
    line-height:1.35;
  }

  .hl-value-card span{
    font-size:12px;
    line-height:1.5;
  }

  .gt-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:12px;
    row-gap:22px;
    padding-inline:0;
  }

  .gt-step{
    padding-inline:3px;
  }

  .gt-step h3{
    font-size:14px;
    line-height:1.3;
  }

  .gt-step p{
    max-width:210px;
    font-size:12px;
    line-height:1.5;
    margin-top:5px;
  }

  .gt-icon{
    width:56px;
    height:56px;
  }

  .gt-icon svg{
    width:28px;
    height:28px;
  }

  .gt-why li{
    font-size:14px;
    line-height:1.5;
  }

  .gt-stat > div{
    font-size:22px;
  }

  .gt-stat > span:last-child{
    font-size:12px;
    line-height:1.4;
  }

  .gt-route h4{
    font-size:15px;
  }

  .gt-route p{
    font-size:13px;
    line-height:1.5;
  }

  .gt-route > div:last-child > div:first-child > span,
  .gt-route > div:last-child > div:last-child > span{
    font-size:11px;
  }
}

/* ---------------------------------------------------------
   5. SMALL MOBILE — 420px AND BELOW
   --------------------------------------------------------- */
@media (max-width:420px){
  .hl-container,
  .gt-proof-container{
    width:calc(100% - 20px);
  }

  .hl-intro-copy p,
  .hl-section-title p,
  .hl-process-head p,
  .hl-fabric-body p{
    font-size:13px;
    line-height:1.6;
  }

  .hl-h2{
    font-size:20px;
    line-height:1.25;
  }

  .hl-value-card{
    padding:22px 8px;
  }

  .hl-value-card b{
    font-size:13px;
  }

  .hl-value-card span{
    font-size:11.5px;
    line-height:1.5;
  }

  .gt-steps{
    column-gap:8px;
    row-gap:20px;
  }

  .gt-step h3{
    font-size:13px;
    line-height:1.3;
  }

  .gt-step p{
    font-size:11.5px;
    line-height:1.5;
  }

  .gt-icon{
    width:52px;
    height:52px;
  }

  .gt-icon svg{
    width:25px;
    height:25px;
  }

  .gt-why h3{
    font-size:13px;
  }

  .gt-why li{
    font-size:12px;
    line-height:1.5;
  }

  .gt-stat{
    min-height:105px;
    padding:13px 7px;
  }

  .gt-stat > i{
    font-size:18px;
  }

  .gt-stat > div{
    font-size:20px;
  }

  .gt-stat > span:last-child{
    font-size:10.5px;
    line-height:1.4;
  }

  .gt-route h4{
    font-size:14px;
    line-height:1.3;
  }

  .gt-route p{
    font-size:12px;
    line-height:1.5;
  }

  .gt-route > div:last-child{
    gap:6px;
  }

  .gt-route > div:last-child > div:nth-child(2){
    min-width:40px;
  }

  .gt-route > div:last-child > div:first-child > span,
  .gt-route > div:last-child > div:last-child > span{
    font-size:10px;
    letter-spacing:.6px;
  }
}

/* ---------------------------------------------------------
   6. EXTRA SMALL MOBILE — 360px AND BELOW
   --------------------------------------------------------- */
@media (max-width:360px){
  .hl-container,
  .gt-proof-container{
    width:calc(100% - 16px);
  }

  .hl-intro-copy p,
  .hl-section-title p,
  .hl-process-head p,
  .hl-fabric-body p{
    font-size:12.5px;
    line-height:1.6;
  }

  .hl-value-grid{
    gap:7px;
  }

  .hl-value-card{
    min-height:110px;
    padding:19px 6px;
  }

  .hl-value-card b{
    font-size:12px;
  }

  .hl-value-card span{
    font-size:10.5px;
  }

  .gt-steps{
    column-gap:6px;
    row-gap:18px;
  }

  .gt-step h3{
    font-size:12px;
  }

  .gt-step p{
    font-size:10.5px;
    line-height:1.45;
  }

  .gt-icon{
    width:48px;
    height:48px;
  }

  .gt-icon svg{
    width:23px;
    height:23px;
  }

  .gt-why{
    padding:13px;
  }

  .gt-why h3{
    font-size:12px;
  }

  .gt-why li{
    font-size:11px;
  }

  .gt-stat{
    min-height:100px;
    padding:11px 5px;
  }

  .gt-stat > i{
    font-size:17px;
  }

  .gt-stat > div{
    font-size:19px;
  }

  .gt-stat > span:last-child{
    font-size:10px;
  }

  .gt-route{
    padding:14px 11px;
  }

  .gt-route h4{
    font-size:13px;
  }

  .gt-route p{
    font-size:11px;
  }

  .gt-route > div:last-child > div:first-child > div,
  .gt-route > div:last-child > div:last-child > div{
    width:34px;
    height:34px;
  }

  .gt-route > div:last-child > div:nth-child(2){
    min-width:35px;
  }

  .gt-route > div:last-child > div:nth-child(2) > div{
    width:26px;
    height:26px;
  }
}

/* ---------------------------------------------------------
   7. PARTNER SLIDER — READABLE AND RESPONSIVE
   --------------------------------------------------------- */
.gt-partners-heading{
  margin-bottom:20px;
}

.gt-partners-window{
  overflow:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.gt-partners-window::-webkit-scrollbar{
  display:none;
}

.gt-partners-track{
  gap:18px;
}

.gt-partner{
  flex:0 0 clamp(180px,20vw,220px);
}

.gt-partner-logo,
.gt-more-logo{
  min-height:110px;
  height:auto;
  padding:14px;
}

.gt-partner-logo img{
  max-width:82%;
  max-height:65px;
  object-fit:contain;
}

@media (max-width:760px){
  .gt-partners-track{
    gap:12px;
  }

  .gt-partner{
    flex:0 0 min(72vw,210px);
  }

  .gt-partner-logo,
  .gt-more-logo{
    min-height:100px;
    padding:12px;
  }

  .gt-partner-logo img{
    max-width:85%;
    max-height:58px;
  }
}

@media (max-width:420px){
  .gt-partner{
    flex-basis:min(76vw,190px);
  }

  .gt-partner-logo,
  .gt-more-logo{
    min-height:92px;
    padding:10px;
  }

  .gt-partner-logo img{
    max-width:88%;
    max-height:52px;
  }
}

/* ---------------------------------------------------------
   8. ACCESSIBILITY — FOCUS, CONTRAST, MOTION
   --------------------------------------------------------- */
.home-look a:focus-visible,
.home-look button:focus-visible,
.home-look [tabindex]:focus-visible{
  outline:3px solid #1769c2;
  outline-offset:3px;
  border-radius:3px;
}

.home-look a{
  text-underline-offset:3px;
}

.gt-partners-window:focus-visible{
  outline:3px solid #1769c2;
  outline-offset:3px;
}

@media (prefers-reduced-motion:reduce){
  .home-look *,
  .home-look *::before,
  .home-look *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }

  .gt-step:hover .gt-icon,
  .gt-stat:hover,
  .hl-fabric-card:hover,
  .hl-btn:hover,
  .gt-why li:hover{
    transform:none!important;
  }
}

/* ---------------------------------------------------------
   9. ACCESSIBILITY — HIGH CONTRAST PREFERENCE
   --------------------------------------------------------- */
@media (prefers-contrast:more){
  .home-look{
    --hl-text:#1b2733;
    --hl-muted:#46525e;
    --hl-line:#b8c1ca;
  }

  .home-look p,
  .home-look li,
  .home-look span{
    text-shadow:none;
  }

  .hl-fabric-card,
  .hl-value-card,
  .gt-stats,
  .gt-stat{
    border-color:#9da8b3;
  }

  .gt-route p,
  .gt-why li{
    color:#ffffff;
  }
}


/* GLOBAL-TEX HOME — refined motion, icons and visual polish */
.home-look .hl-intro{background:radial-gradient(ellipse at 12% 10%,rgba(23,105,194,.055),transparent 38%),linear-gradient(135deg,#fbfcfd,#f4f7fa)}
.home-look .hl-intro-copy .hl-h2{animation:gtHeadlineIn .95s cubic-bezier(.22,1,.36,1) both}
.home-look .hl-intro-copy .hl-h2 strong{display:inline-block;background:linear-gradient(100deg,#1769c2,#0b376d 48%,#2c86d9 75%,#1769c2);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gtHeadlineShine 6s ease-in-out 1s infinite}
@keyframes gtHeadlineIn{from{opacity:0;transform:translateY(20px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@keyframes gtHeadlineShine{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.home-look .hl-value-card{position:relative;overflow:hidden;border:1px solid #e0e7ee;border-radius:12px;padding:24px 12px;box-shadow:0 5px 18px rgba(11,35,72,.035);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .35s ease}
.home-look .hl-value-card:first-child{border-left:1px solid #e0e7ee}
.home-look .hl-value-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#0b376d,#2c86d9);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
.home-look .hl-value-card:hover{transform:translateY(-5px);border-color:#c6d9eb;box-shadow:0 14px 30px rgba(11,55,109,.10)}
.home-look .hl-value-card:hover::before{transform:scaleX(1)}
.home-look .hl-value-card i{display:grid;place-items:center;width:58px;height:58px;margin:0 0 13px;border-radius:16px;background:linear-gradient(145deg,#edf5fc,#fff);color:#0b376d;font-size:26px;box-shadow:inset 0 0 0 1px #e0ebf5;transition:transform .4s cubic-bezier(.22,1,.36,1),background .4s ease,color .4s ease}
.home-look .hl-value-card:hover i{background:#0b376d;color:#fff}
.home-look .hl-collection{padding:70px 0}
.home-look .hl-section-title{margin-bottom:14px}
.home-look .hl-fabric-card{border-radius:10px;box-shadow:0 8px 24px rgba(12,32,52,.06);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .35s ease}
.home-look .hl-fabric-card:hover{transform:translateY(-7px);box-shadow:0 18px 38px rgba(12,32,52,.12);border-color:#cbdceb}
.home-look .hl-fabric-image{height:145px}
.home-look .hl-fabric-icon{width:66px;height:66px;border:4px solid #fff;box-shadow:0 8px 22px rgba(12,32,52,.14)}
.home-look .hl-fabric-body{padding:43px 18px 25px}
.home-look .hl-btn{border-radius:4px;min-height:42px;font-weight:700;letter-spacing:.45px}
.home-look .hl-process{padding:68px 0;background:linear-gradient(180deg,#f7f9fc,#fff)}
.home-look .hl-process-head{margin-bottom:30px}
.home-look .gt-steps{gap:0;padding:8px 0 12px}
.home-look .gt-step{padding:0 10px}
.home-look .gt-step-top{height:82px}
.home-look .gt-icon{width:66px;height:66px;border:3px solid #fff;background:linear-gradient(145deg,#123f73,#071f40);box-shadow:0 8px 22px rgba(8,47,103,.16),0 0 0 1px #dce7f1;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,background .4s ease}
.home-look .gt-icon i{width:auto;height:auto;margin:0 0 9px;font-size:22px}
.home-look .gt-icon svg{width:27px;height:27px;margin-bottom:9px}
.home-look .gt-icon b{bottom:7px;font-size:10px;color:#dbeafe}
.home-look .gt-step:hover .gt-icon{transform:translateY(-6px) scale(1.06);background:linear-gradient(145deg,#1769c2,#0b376d);box-shadow:0 15px 28px rgba(8,47,103,.24),0 0 0 5px rgba(23,105,194,.07)}
.home-look .gt-arrow{top:40px;background:linear-gradient(90deg,#b8c9da,#d8e2ed)}
.home-look .gt-arrow::before,.home-look .gt-arrow::after{border-color:#1769c2}
.home-look .gt-step h3{font-size:14px;line-height:1.35;margin-top:8px}
.home-look .gt-step p{font-size:12px;line-height:1.55;color:var(--hl-text);margin-top:7px}
.home-look .gt-proof-section{padding:34px 0 46px;background:#fff}
.home-look .gt-proof-container{gap:16px}
.home-look .gt-why,.home-look .gt-route{border-radius:10px;}
.home-look .gt-stats{border-radius:10px;box-shadow:0 10px 30px rgba(15,23,42,.055)}
.home-look .gt-stat{padding:22px 10px}
.home-look .gt-stat>i{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#edf5fc;color:#12589b;font-size:22px;margin-bottom:12px}
.home-look .gt-stat:hover>i{transform:translateY(-3px) scale(1.06);background:#0b376d;color:#fff}
.home-look .gt-stat::before{height:3px}
.home-look .gt-partners{padding:26px 0 42px}
.home-look .gt-partners-heading{margin-bottom:18px}
.home-look .gt-partners-window{border-radius:12px;overflow:hidden}
.home-look .gt-partner{transition:transform .35s ease}
.home-look .gt-partner:hover{transform:translateY(-3px)}
.home-look .gt-is-visible{animation:gtReveal .72s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes gtReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.home-look .gt-proof-container{grid-template-columns:1fr 1.8fr}.home-look .gt-route{grid-column:1/-1}.home-look .gt-step{padding:0 6px}}
@media(max-width:760px){.home-look .hl-intro{padding:42px 0}.home-look .hl-collection,.home-look .hl-process{padding:48px 0}.home-look .hl-fabric-grid{gap:18px}.home-look .hl-fabric-image{height:160px}.home-look .gt-steps{row-gap:24px}.home-look .gt-step{padding:0 8px}.home-look .gt-step p{font-size:12px}.home-look .gt-proof-section{padding:24px 0 34px}.home-look .gt-proof-container{gap:14px}.home-look .gt-stat{padding:20px 8px}}
@media(max-width:420px){.home-look .hl-value-card{padding:20px 8px}.home-look .hl-value-card i{width:50px;height:50px;font-size:23px}.home-look .gt-step h3{font-size:12px}.home-look .gt-step p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.home-look .hl-intro-copy .hl-h2,.home-look .hl-intro-copy .hl-h2 strong,.home-look .gt-is-visible{animation:none!important}}