/* ===== COMMON ===== */
:root{
  --bg:#000;
  --card:#0b0b0b;
  --border:#1f1f1f;
  --text:#fff;
  --muted:#9ca3af;
  --accent:#f97316;
}

body{
  background:var(--bg);
  color:var(--text);
  font-family:'Roboto', sans-serif;
}

h1,h2,h3,h4,h5,h6{
  font-family:'Lato', sans-serif;
}

p{
  color:var(--muted);
}

.container{
  max-width:1200px;
  margin:auto;
  padding:50px 20px;
}

h2{
  font-size:clamp(70px,4vw,44px);
  margin-bottom:14px;
}

p{
  color:var(--muted);
  max-width:720px;
}

/* ===== OUR CLIENT ===== */
.client{
  text-align:center;
}

/* 
.brand{
  height:90px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.4s;
}


.brand img{
  max-width:90%;
  max-height:150px;
  object-fit:contain;
  filter:grayscale(100%) brightness(1.15);
  opacity:.9;
  transition:.3s;
}


.brand:hover{
  transform:translateY(-6px);
  box-shadow:0 0 30px rgba(249,115,22,.25);
}

.brand:hover img{
  filter:none;
  opacity:1;
} */




/* ===== OUR VALUE ===== */
.values{
  text-align:center;
}

.values h2{
  font-family:'Lato', sans-serif;
}

/* .value-grid{
  margin-top:70px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:26px;
} */

.value-grid{
  margin-top:70px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px;
}

@media(max-width:992px){
  .value-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:576px){
  .value-grid{
    grid-template-columns:1fr;
  }
}


/* .value-card{
  padding:48px 32px;
  min-height:320px;
  background:#050505;
  position:relative;
  border:1px solid #1f1f1f;
  font-family:'Roboto', sans-serif;
} */

.value-card{
  padding:48px 32px;
  min-height:320px;
  background:#050505;
  border:1px solid #1f1f1f;
  transition:.3s;
}


/* corner ticks (exact image feel) */
.value-card::before,
.value-card::after{
  content:"";
  position:absolute;
  width:12px;
  height:12px;
  border:1px solid #1f1f1f;
}

.value-card::before{
  top:-1px;
  left:-1px;
  border-right:none;
  border-bottom:none;
}

/* .value-card::after{
  bottom:-1px;
  right:-1px;
  border-left:none;
  border-top:none;
} */

.icon{
  width:44px;
  height:44px;
  margin:0 auto 26px;
}

.icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:#e5e7eb;
  stroke-width:1.2;
}

.value-card h3{
  font-family:'Lato', sans-serif;
  font-size:18px;
  margin-bottom:14px;
}

.value-card p{
  font-size:14px;
  line-height:1.7;
  color:#9ca3af;
}

/* hover – very subtle */


.value-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.value-card:hover{
  transform:translateY(-10px);
  box-shadow:0 0 35px rgba(249,115,22,.2);
}




/* TRUSTED BRANDS FIX */
.trusted-brands h2{
  margin-bottom:14px;
}

.trusted-brands p{
  max-width:520px;
  color:#9ca3af;
}

/* BRAND ITEM */
.brand{
  height:90px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.3s ease;
}

.brand img{
  max-width:90%;
  max-height:150px;
  object-fit:contain;
  filter:grayscale(100%) brightness(1.15);
  opacity:.9;
  transition:.3s;
}

.brand:hover{
  transform:translateY(-6px);
  box-shadow:0 0 30px rgba(249,115,22,.25);
}

.brand:hover img{
  filter:none;
  opacity:1;
}