:root{
  --team-page-bg:#F3F3F3;
  --team-surface:#F7F7F7;
  --team-line:rgba(31,21,72,.14);
  --team-text:rgba(31,21,72,.78);
  --team-muted:rgba(31,21,72,.62);
}

.law-team-page{
  background:var(--team-page-bg);
}

.team-profile {
  padding: 104px 0 132px; 
}

.team-profile .inner,
.team-clarity .inner,
.team-tagline .inner,
.next-step .inner{
  max-width:1600px;
  margin:0 auto;
  padding:0 80px;
}

/* KELAS BARU: Grid Container untuk Kiri & Kanan */
.team-profile__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, .72fr);
  gap: 146px;
  align-items: start;
}

/* LINK ABOUT US */
.back-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #9b99a6; 
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 24px; 
  font-weight: 500;
  margin-bottom: 64px; 
  transition: color 0.2s ease, opacity 0.2s ease;
}

.back-link:hover {
  color: var(--blue);
  opacity: 1;
}

.back-arrow {
  width: 14px;
  height: 14px;
  transform: rotate(180deg);
  opacity: 0.7;
}

/* KOLOM KIRI (JUDUL & DESKRIPSI) */
.team-profile__title {
  margin: 0;
  color: var(--blue);
  font-family: 'IBM Plex Sans', sans-serif; 
  font-size: 38px; 
  line-height: 1.3;
  font-weight: 700;
}

.team-profile__rule{
  height:1px;
  background:var(--team-line);
  margin:34px 0 44px;
}

.team-profile__copy p{
  margin:0 0 22px;
  color:var(--team-text);
  font-size:24px;
  line-height:1.72;
}

.team-profile__copy strong{
  font-weight:700;
}

/* KOLOM KANAN (EXPERTISE) */
.team-profile__side h2 {
  margin: 0 0 34px; /* Margin bawah disesuaikan dengan garis rule di kiri */
  color: #111;
  font-family: 'IBM Plex Sans', sans-serif; 
  font-size: 38px;
  line-height: 1.3;
  font-weight: 700;
}

.team-profile__list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:22px;
}

.team-profile__list li{
  color:rgba(17,17,17,.74);
  font-size:24px;
  line-height:1.42;
}

/* SECTIONS BAWAH */
.team-clarity{
  background:#EFEFEF;
  padding: 102px 0 88px;
  text-align:center;
}

.team-clarity h2{
  margin:0;
  color:#111;
  font-size:38px;
  line-height:1.2;
  font-weight:700;
}

.team-clarity p{
  width:1160px;
  margin:26px auto 0;
  color:rgba(17,17,17,.78);
  font-size:24px;
  line-height:1.65;
}

.team-clarity__cta{
  margin-top:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-width:560px;
  padding:22px 38px;
  border-radius:999px;
  background:var(--blue);
  color:var(--gold);
  font-size:24px;
  font-weight:700;
  line-height:1;
  box-shadow:0 14px 32px rgba(31,21,72,.18);
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
}

.team-clarity__cta:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 38px rgba(31,21,72,.24);
  filter:saturate(1.04);
}

.team-clarity__cta .arrow{
  width:28px;
  height:28px;
  filter:brightness(0) saturate(100%) invert(87%) sepia(38%) saturate(458%) hue-rotate(358deg) brightness(95%) contrast(87%);
  transform:none;
}

.team-tagline{
  background:#EFEFEF;
  padding: 0 0 96px;
}

.team-tagline .inner{
  text-align:center;
  color:var(--blue);
  font-size:38px;
  line-height:1.2;
  font-weight:400;
}

.next-step{
  padding:56px 0 54px;
  background:var(--gold);
}

.next-step .inner{
  max-width:1600px;
  margin:0 auto;
  padding:0 80px;
}

.next-step h3{
  margin:0 0 22px;
  color:var(--blue);
  font-size:38px;
}

.next-step p{
  margin:0 0 34px;
  width:980px;
  color:rgba(31,21,72,.72);
  font-size:24px;
  line-height:1.55;
}

.next-step .subscribe{
  display:flex;
  align-items:center;
  gap:0;
  width:720px;
  background:#F3F0E3;
  border:1px solid rgba(31,21,72,.08);
}

.next-step .subscribe input{
  flex:1;
  height:54px;
  border:none;
  background:transparent;
  padding:0 18px;
  font-size:20px;
  color:var(--blue);
  outline:none;
}

.next-step .subscribe button{
  border:none;
  border-radius:0;
  background:var(--blue);
  color:#fff;
  height:54px;
  padding:0 22px;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
}