/* Aliunity — Brands page (premium, consistent with home) */

body.al-page.brands {
  background: #070707;
  color: rgba(255,255,255,0.92);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.br-hero{
  position: relative;
  min-height: 92vh;
  display: grid;
  align-items: center;
  overflow:hidden;
  padding-top: 92px;
}

.br-hero__video{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  filter:saturate(0.95) contrast(1.06);
  opacity:0.92;
}

.br-hero__overlay{
  position:absolute; inset:0;
  background:
    radial-gradient(60% 60% at 30% 25%, rgba(255,255,255,0.06) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,0.56) 0%, rgba(0,0,0,0.78) 55%, rgba(0,0,0,0.92) 100%);
}

.br-hero__inner{
  position:relative;
  width:min(1120px, 100%);
  margin:0 auto;
  padding:0 clamp(18px, 4vw, 56px);
}

.br-title{
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 0.94;
  font-size: clamp(44px, 6.2vw, 88px);
  margin: 0 0 16px 0;
}

.br-sub{
  max-width: 72ch;
  font-size: 18px;
  line-height: 1.55;
  color: rgba(255,255,255,0.72);
  margin: 0 0 26px 0;
}

.br-badges{display:flex;gap:10px;flex-wrap:wrap;margin: 22px 0 0;}
.br-badge{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.78);
  font-size: 12px;
  letter-spacing: 0.02em;
}

.br-section{padding: 92px 0;}
.br-section--alt{background: rgba(255,255,255,0.02); border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06);}
.br-container{width:min(1120px, 100%); margin:0 auto; padding:0 clamp(18px, 4vw, 56px);}

.br-h2{font-size: clamp(32px, 4.0vw, 56px); letter-spacing:-0.03em; margin:0 0 12px 0; line-height:1.05;}
.br-p{color: rgba(255,255,255,0.72); line-height:1.6; margin:0; max-width: 78ch;}

.br-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.br-card{
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  padding: 18px;
}

.br-card h3{margin:0 0 8px 0; font-size: 18px; letter-spacing:-0.02em;}
.br-card p{margin:0; color: rgba(255,255,255,0.70); line-height:1.55;}

.br-services{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.br-service{
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.12);
  background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 100%);
  padding: 18px;
}

.br-service__top{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px;}
.br-service__pill{font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color: rgba(255,255,255,0.60);}
.br-service__title{margin:0; font-size:18px; font-weight:800; letter-spacing:-0.02em;}
.br-service__desc{margin:10px 0 0; color: rgba(255,255,255,0.72); line-height:1.6;}

.br-steps{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; margin-top: 22px;}
.br-step{border-radius: 18px; border:1px solid rgba(255,255,255,0.12); background: rgba(0,0,0,0.35); padding: 16px;}
.br-step span{display:block; font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color: rgba(255,255,255,0.60); margin-bottom:8px;}
.br-step strong{display:block; font-size:16px; letter-spacing:-0.02em;}
.br-step p{margin:8px 0 0; color: rgba(255,255,255,0.70); line-height:1.55; font-size: 14px;}

.br-cases{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 22px;}
.br-case{
  display:block;
  border-radius: 20px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  overflow:hidden;
  transition: transform 200ms ease, background 200ms ease, border-color 200ms ease;
  text-decoration: none;
  color: inherit;
}
.br-case:hover{transform: translateY(-3px); background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.18);}
.br-case__img{width:100%; height: 150px; object-fit: cover; display:block; filter: saturate(0.95) contrast(1.05);}
.br-case__body{padding: 16px;}
.br-case__k{font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color: rgba(255,255,255,0.60); margin:0 0 6px 0;}
.br-case__t{margin:0 0 8px 0; font-size:18px; letter-spacing:-0.02em; color: rgba(255,255,255,0.92);}
.br-case__p{margin:0; color: rgba(255,255,255,0.70); line-height:1.55;}

@media (max-width: 920px){
  .br-grid{grid-template-columns: 1fr;}
  .br-services{grid-template-columns: 1fr;}
  .br-steps{grid-template-columns: 1fr;}
  .br-cases{grid-template-columns: 1fr;}
}