.elementor-14 .elementor-element.elementor-element-7cc438e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14 .elementor-element.elementor-element-14ea561{text-align:center;}.elementor-14 .elementor-element.elementor-element-da6f0b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-14 .elementor-element.elementor-element-da6f0b9:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-da6f0b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1B2E;}.elementor-14 .elementor-element.elementor-element-7699260{--display:flex;}.elementor-14 .elementor-element.elementor-element-a706153{--display:flex;}.elementor-14 .elementor-element.elementor-element-fec888a{--display:flex;}.elementor-14 .elementor-element.elementor-element-fec888a:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-fec888a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1520;}.elementor-14 .elementor-element.elementor-element-61d3dcf{--display:flex;}.elementor-14 .elementor-element.elementor-element-5b6d751{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-c302c5d{--display:flex;}.elementor-14 .elementor-element.elementor-element-ae22497{--display:flex;}.elementor-14 .elementor-element.elementor-element-e9f5ca8{--display:flex;}.elementor-14 .elementor-element.elementor-element-ccddd61{--display:flex;}.elementor-14 .elementor-element.elementor-element-d0d6be7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-ec3b27a{--display:flex;}.elementor-14 .elementor-element.elementor-element-6c2a453{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-7c62a01{--display:flex;}.elementor-14 .elementor-element.elementor-element-4118497{--display:flex;}.elementor-14 .elementor-element.elementor-element-0e14af5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-25d5d4c{--display:flex;}.elementor-14 .elementor-element.elementor-element-9d8765d{--display:flex;}.elementor-14 .elementor-element.elementor-element-dc66f59{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}@media(min-width:641px){.elementor-14 .elementor-element.elementor-element-61d3dcf{--width:560px;}.elementor-14 .elementor-element.elementor-element-ccddd61{--width:560px;}}/* Start custom CSS */:root {
  --tl-navy:      #0D1B2E;
  --tl-card:      #162034;
  --tl-alt:       #0A1520;
  --tl-gold:      #F5A623;
  --tl-gold-l:    #FFC85A;
  --tl-gold-pale: rgba(245,166,35,0.12);
  --tl-gold-bdr:  rgba(245,166,35,0.30);
  --tl-muted:     rgba(255,255,255,0.65);
  --tl-dim:       rgba(255,255,255,0.40);
  --tl-border:    rgba(255,255,255,0.08);
}
.tl-fade-up {
  opacity: 0 !important;
  transform: translateY(24px) !important;
  transition: opacity 0.6s ease, transform 0.6s ease !important;
}
.tl-fade-up.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.tl-about-hero {
  background: linear-gradient(180deg, #0A1520 0%, #0D1B2E 100%) !important;
  padding: 5rem 2rem 4rem !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}
.tl-about-hero::before {
  content: "";
  position: absolute;
  top: -60px; left: 50%;
  transform: translateX(-50%);
  width: 560px; height: 560px;
  background: radial-gradient(circle, rgba(245,166,35,0.08) 0%, transparent 70%);
  pointer-events: none;
}
.tl-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.75rem !important;
  color: var(--tl-dim) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 1.25rem !important;
}
.tl-breadcrumb a { color: var(--tl-gold) !important; text-decoration: none !important; }
.tl-eyebrow {
  display: inline-block !important;
  background: var(--tl-gold-pale) !important;
  border: 1px solid var(--tl-gold-bdr) !important;
  color: var(--tl-gold) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 0.3rem 0.9rem !important;
  border-radius: 20px !important;
  margin-bottom: 1.5rem !important;
}
.tl-hero-h1 {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(2.2rem, 4.5vw, 3.6rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #fff !important;
  letter-spacing: -0.02em !important;
  max-width: 760px !important;
  margin: 0 auto 1.25rem !important;
}
.tl-hero-h1 em { color: var(--tl-gold) !important; font-style: italic !important; }
.tl-hero-lead {
  font-size: 1.05rem !important;
  color: var(--tl-muted) !important;
  max-width: 580px !important;
  margin: 0 auto !important;
  line-height: 1.8 !important;
  font-weight: 300 !important;
}
.tl-hero-stats {
  display: flex !important;
  justify-content: center !important;
  gap: 2.5rem !important;
  flex-wrap: wrap !important;
  margin-top: 2.5rem !important;
  padding-top: 2.5rem !important;
  border-top: 1px solid var(--tl-border) !important;
}
.tl-stat-item { text-align: center !important; }
.tl-stat-num {
  font-family: "Playfair Display", serif !important;
  font-size: 2.1rem !important;
  font-weight: 700 !important;
  color: var(--tl-gold) !important;
  display: block !important;
  line-height: 1 !important;
}
.tl-stat-label {
  font-size: 0.72rem !important;
  color: var(--tl-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-top: 0.35rem !important;
  display: block !important;
}
.tl-section-label {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--tl-gold) !important;
  margin-bottom: 0.65rem !important;
  display: block !important;
}
.tl-section-h2 {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(1.8rem, 3vw, 2.6rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #fff !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 1rem !important;
}
.tl-section-sub {
  font-size: 1rem !important;
  color: var(--tl-muted) !important;
  line-height: 1.75 !important;
}
.tl-divider {
  width: 100% !important;
  height: 1px !important;
  background: var(--tl-border) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.tl-story-text p {
  font-size: 0.975rem !important;
  color: var(--tl-muted) !important;
  line-height: 1.85 !important;
  margin-bottom: 1.1rem !important;
}
.tl-story-text p:last-child { margin-bottom: 0 !important; }
.tl-story-text strong { color: #fff !important; font-weight: 600 !important; }

.tl-year-card {
  background: var(--tl-card) !important;
  border: 1px solid var(--tl-border) !important;
  border-radius: 16px !important;
  padding: 2.25rem !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  margin-bottom: 1.25rem !important;
}
.tl-year-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--tl-gold), transparent);
}
.tl-year-big {
  font-family: "Playfair Display", serif !important;
  font-size: 4.5rem !important;
  font-weight: 700 !important;
  color: var(--tl-gold) !important;
  line-height: 1 !important;
  display: block !important;
  margin-bottom: 0.4rem !important;
}
.tl-year-sub {
  font-size: 0.8rem !important;
  color: var(--tl-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}
.tl-year-divider {
  width: 40px !important;
  height: 1px !important;
  background: var(--tl-gold-bdr) !important;
  margin: 1.25rem auto !important;
}
.tl-year-desc {
  font-size: 0.9rem !important;
  color: var(--tl-muted) !important;
  line-height: 1.7 !important;
}
.tl-milestone-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.85rem !important;
}
.tl-milestone-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.875rem !important;
  background: var(--tl-card) !important;
  border: 1px solid var(--tl-border) !important;
  border-radius: 10px !important;
  padding: 0.875rem 1.1rem !important;
}
.tl-milestone-dot {
  width: 7px !important; height: 7px !important; min-width: 7px !important;
  background: var(--tl-gold) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  margin-top: 6px !important;
}
.tl-milestone-text { font-size: 0.875rem !important; color: var(--tl-muted) !important; line-height: 1.6 !important; }
.tl-milestone-text strong { color: #fff !important; }
/*
  TEKNIK: Override --display dan --flex-direction langsung di body.elementor-page-14
  menggunakan .elementor-14 prefix (sama dengan Elementor) + !important
  untuk mengalahkan specificity Elementor yang tidak set --flex-direction di fec888a
*/

/* Section background */
.elementor-element-fec888a {
  background: var(--tl-alt) !important;
}
/* Paksa row container VM jadi flex row — ini yang paling kritis */
.elementor-14 .elementor-element-5b6d751,
.elementor-element-5b6d751 {
  --display: flex !important;
  --flex-direction: row !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 2rem !important;
  align-items: stretch !important;
}
/* Pastikan kolom VM stretch sama tinggi */
.elementor-element-c302c5d,
.elementor-element-ae22497 {
  --display: flex !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

/* VM Widget Cards — styling langsung karena widget punya class tl-vm-card */
.elementor-element-3acb2db,
.elementor-element-af67b0b {
  background: var(--tl-card) !important;
  border: 1px solid var(--tl-border) !important;
  border-radius: 16px !important;
  padding: 2.5rem !important;
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.elementor-element-3acb2db > .elementor-widget-container,
.elementor-element-af67b0b > .elementor-widget-container {
  padding: 0 !important;
}
/* Gold top border pada kartu Visi */
.elementor-element-3acb2db::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: var(--tl-gold) !important;
  display: block !important;
}
/* Blue top border pada kartu Misi */
.elementor-element-af67b0b::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: #3A7BD5 !important;
  display: block !important;
}
.tl-vm-icon {
  width: 48px !important; height: 48px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 1.5rem !important;
}
.tl-vm-icon.gold-icon { background: var(--tl-gold-pale) !important; }
.tl-vm-icon.blue-icon { background: rgba(58,123,213,0.12) !important; }
.tl-vm-h3 {
  font-family: "Playfair Display", serif !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 0.875rem !important;
}
.tl-vm-p { font-size: 0.925rem !important; color: var(--tl-muted) !important; line-height: 1.8 !important; }
/* d0d6be7 = Elementor container — hanya punya 1 widget child (af2691b)
   Biarkan display normal agar af2691b bisa full width */
.elementor-14 .elementor-element-d0d6be7,
.elementor-element-d0d6be7 {
  --display: flex !important;
  display: block !important;
  width: 100% !important;
}

/* af2691b = widget HTML yang berisi .tl-values-grid — biarkan full width */
.elementor-element-af2691b {
  width: 100% !important;
  max-width: 100% !important;
  flex: unset !important;
}
.elementor-element-af2691b > .elementor-widget-container {
  width: 100% !important;
  padding: 0 !important;
}

/* .tl-values-grid = div HTML di dalam widget — INI yang jadi grid 3 kolom */
.tl-values-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.5rem !important;
  width: 100% !important;
  margin-top: 3rem !important;
}

/* Kartu nilai */
.tl-value-card {
  background: var(--tl-card) !important;
  border: 1px solid var(--tl-border) !important;
  border-radius: 14px !important;
  padding: 1.75rem !important;
  transition: border-color 0.3s, transform 0.3s !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.tl-value-card:hover {
  border-color: var(--tl-gold-bdr) !important;
  transform: translateY(-4px) !important;
}
.tl-value-num {
  font-family: "Playfair Display", serif !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: var(--tl-gold) !important;
  opacity: 0.35 !important;
  line-height: 1 !important;
  margin-bottom: 0.875rem !important;
}
.tl-value-h4 {
  font-size: 0.975rem !important;
  font-weight: 600 !important;
  color: #fff !important;
  margin-bottom: 0.5rem !important;
  letter-spacing: -0.01em !important;
}
.tl-value-p {
  font-size: 0.85rem !important;
  color: var(--tl-muted) !important;
  line-height: 1.7 !important;
}
/* 6c2a453 sudah dapat --flex-direction: row dari Elementor
   Masalah: display masih inline karena e9f5ca8/ec3b27a parent tidak flex
   Fix: paksa display flex pada parent dan child */
.elementor-14 .elementor-element-e9f5ca8,
.elementor-element-e9f5ca8 {
  --display: flex !important;
  display: flex !important;
}
.elementor-14 .elementor-element-ec3b27a,
.elementor-element-ec3b27a {
  --display: flex !important;
  display: flex !important;
  background: var(--tl-alt) !important;
}
.elementor-14 .elementor-element-6c2a453,
.elementor-element-6c2a453 {
  --display: flex !important;
  --flex-direction: row !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 4rem !important;
  align-items: flex-start !important;
}
.elementor-element-7c62a01 {
  flex: 1.1 1 0 !important;
  min-width: 0 !important;
}
.elementor-element-4118497 {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.elementor-element-4118497 > .elementor-widget-container { padding: 0 !important; }
.elementor-element-4118497::before { display: none !important; }

/* Pills */
.tl-approach-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.6rem !important;
  margin-top: 1.5rem !important;
}
.tl-pill {
  display: inline-flex !important;
  align-items: center !important;
  background: var(--tl-gold-pale) !important;
  border: 1px solid var(--tl-gold-bdr) !important;
  color: var(--tl-gold) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  padding: 0.35rem 0.8rem !important;
  border-radius: 20px !important;
}

/* Timeline */
.tl-process-timeline { position: relative !important; }
.tl-process-timeline::before {
  content: "";
  position: absolute;
  left: 28px; top: 0; bottom: 0; width: 1px;
  background: linear-gradient(180deg, var(--tl-gold) 0%, rgba(245,166,35,0.08) 100%);
}
.tl-process-item {
  display: flex !important;
  gap: 1.75rem !important;
  margin-bottom: 2.5rem !important;
  position: relative !important;
  align-items: flex-start !important;
}
.tl-process-item:last-child { margin-bottom: 0 !important; }
.tl-process-num {
  width: 56px !important; height: 56px !important; min-width: 56px !important;
  background: var(--tl-gold-pale) !important;
  border: 1px solid var(--tl-gold-bdr) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-family: "Playfair Display", serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--tl-gold) !important;
  position: relative !important;
  z-index: 1 !important;
}
.tl-process-content { padding-top: 0.6rem !important; }
.tl-process-h4 { font-size: 1rem !important; font-weight: 600 !important; color: #fff !important; margin-bottom: 0.35rem !important; }
.tl-process-p { font-size: 0.875rem !important; color: var(--tl-muted) !important; line-height: 1.75 !important; }
/*
  0e14af5 e-con-inner perlu flex row
  25d5d4c (quote) dan 9d8765d (teks) sudah display:flex dari inline style test
  Paksa display pada e-con-inner langsung
*/
.elementor-element-0e14af5 > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  gap: 4rem !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}
.elementor-element-25d5d4c {
  flex: 1.1 1 0 !important;
  min-width: 0 !important;
  display: block !important;
}
.elementor-element-9d8765d {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: block !important;
}

.tl-highlight-box {
  background: var(--tl-card) !important;
  border: 1px solid var(--tl-border) !important;
  border-radius: 16px !important;
  padding: 2.25rem !important;
}
.tl-highlight-box blockquote {
  font-family: "Playfair Display", serif !important;
  font-size: 1.3rem !important;
  font-style: italic !important;
  color: #fff !important;
  line-height: 1.55 !important;
  margin-bottom: 1.25rem !important;
  border-left: 3px solid var(--tl-gold) !important;
  padding-left: 1.1rem !important;
}
.tl-highlight-attr { font-size: 0.82rem !important; color: var(--tl-dim) !important; }
.tl-highlight-attr strong { color: var(--tl-gold) !important; font-style: normal !important; }
.tl-cta-section {
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}
.tl-cta-section::before {
  content: "";
  position: absolute;
  bottom: -80px; left: 50%;
  transform: translateX(-50%);
  width: 700px; height: 400px;
  background: radial-gradient(circle, rgba(245,166,35,0.06) 0%, transparent 70%);
  pointer-events: none;
}
.tl-cta-inner { max-width: 620px !important; margin: 0 auto !important; position: relative !important; }
.tl-cta-h2 {
  font-family: "Playfair Display", serif !important;
  font-size: clamp(1.9rem, 3.5vw, 2.9rem) !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 1.1rem !important;
  line-height: 1.2 !important;
}
.tl-cta-h2 em { color: var(--tl-gold) !important; font-style: italic !important; }
.tl-cta-lead { font-size: 1rem !important; color: var(--tl-muted) !important; margin-bottom: 2.25rem !important; line-height: 1.75 !important; }
.tl-cta-btns { display: flex !important; gap: 1rem !important; justify-content: center !important; flex-wrap: wrap !important; }
.tl-btn-primary {
  background: var(--tl-gold) !important;
  color: #0D1B2E !important;
  padding: 0.875rem 2rem !important;
  border-radius: 8px !important;
  font-size: 0.925rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background 0.2s, transform 0.2s !important;
}
.tl-btn-primary:hover { background: var(--tl-gold-l) !important; transform: translateY(-2px) !important; }
.tl-btn-outline {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  padding: 0.875rem 2rem !important;
  border-radius: 8px !important;
  font-size: 0.925rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: border-color 0.2s, transform 0.2s !important;
}
.tl-btn-outline:hover { border-color: #fff !important; transform: translateY(-2px) !important; }
@media (max-width: 900px) {
  /* Hero */
  .tl-about-hero { padding: 4rem 1.5rem 3.5rem !important; }
  .tl-hero-h1 { font-size: 2.2rem !important; }
  .tl-hero-stats { gap: 1.5rem !important; }
  .tl-section-h2 { font-size: 1.85rem !important; }

  /* VM: 2 kolom → 1 kolom */
  .elementor-14 .elementor-element-5b6d751,
  .elementor-element-5b6d751 {
    flex-direction: column !important;
    --flex-direction: column !important;
  }
  .elementor-element-c302c5d,
  .elementor-element-ae22497 {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  /* Nilai: 3 kolom → 2 kolom */
  .elementor-14 .elementor-element-d0d6be7,
  .elementor-element-d0d6be7 {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Cara kerja: 2 kolom → 1 kolom */
  .elementor-14 .elementor-element-6c2a453,
  .elementor-element-6c2a453 {
    flex-direction: column !important;
    --flex-direction: column !important;
    gap: 2.5rem !important;
  }
  .elementor-element-7c62a01,
  .elementor-element-4118497 {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  /* Pendekatan: 2 kolom → 1 kolom */
  .elementor-element-0e14af5 > .e-con-inner {
    flex-direction: column !important;
    gap: 2.5rem !important;
  }
  .elementor-element-25d5d4c,
  .elementor-element-9d8765d {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}
@media (max-width: 580px) {
  /* Hero */
  .tl-about-hero { padding: 3.5rem 1.25rem 3rem !important; }
  .tl-hero-h1 { font-size: 1.85rem !important; line-height: 1.2 !important; }
  .tl-hero-lead { font-size: 0.925rem !important; }
  .tl-hero-stats {
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.25rem !important;
    padding-top: 2rem !important;
    margin-top: 2rem !important;
  }
  .tl-stat-num { font-size: 1.75rem !important; }

  /* Section headings */
  .tl-section-h2 { font-size: 1.6rem !important; }
  .tl-section-sub { font-size: 0.95rem !important; }

  /* Story */
  .tl-year-big { font-size: 3rem !important; }
  .tl-year-card { padding: 1.75rem !important; }

  /* VM Cards */
  .elementor-element-3acb2db,
  .elementor-element-af67b0b { padding: 1.75rem !important; }
  .tl-vm-h3 { font-size: 1.15rem !important; }

  /* Nilai: 2 kolom → 1 kolom */
  .elementor-14 .elementor-element-d0d6be7,
  .elementor-element-d0d6be7 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .tl-value-card { padding: 1.5rem !important; }
  .tl-value-num { font-size: 1.75rem !important; }

  /* Timeline */
  .tl-process-timeline::before { left: 21px !important; }
  .tl-process-num {
    width: 44px !important; height: 44px !important; min-width: 44px !important;
    font-size: 0.9rem !important;
  }
  .tl-process-item { gap: 1.1rem !important; margin-bottom: 2rem !important; }

  /* Pills */
  .tl-pill { font-size: 0.72rem !important; padding: 0.3rem 0.7rem !important; }

  /* Highlight */
  .tl-highlight-box { padding: 1.75rem !important; }
  .tl-highlight-box blockquote { font-size: 1.05rem !important; }

  /* CTA */
  .tl-cta-h2 { font-size: 1.65rem !important; }
  .tl-cta-btns { flex-direction: column !important; align-items: stretch !important; }
  .tl-btn-primary, .tl-btn-outline {
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Tablet: 3 kolom → 2 kolom */
@media (max-width: 900px) {
  .tl-values-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Mobile: 2 kolom → 1 kolom */
@media (max-width: 580px) {
  .tl-values-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .tl-value-card { padding: 1.5rem !important; }
  .tl-value-num { font-size: 1.75rem !important; }
}/* End custom CSS */