:root{
  --navy:#2F6F9F;
  --gold:#D4AF37;
  --white:#FFFFFF;
  --soft:#F4F6F8;
  --ink:#172033;
  --muted:#667085;
  --line:rgba(47,111,159,.16);
  --shadow:0 24px 60px rgba(47,111,159,.16);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--white);color:var(--ink);line-height:1.65}
a{text-decoration:none;color:inherit}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 6vw;background:rgba(232,244,252,.96);backdrop-filter:blur(14px);color:#123E68;box-shadow:0 8px 30px rgba(47,111,159,.16)}
.nav-brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px}.nav-brand img{height:52px;width:auto;display:block;object-fit:contain;background:rgba(255,255,255,.86);border-radius:12px;padding:5px;box-shadow:0 6px 18px rgba(47,111,159,.16)}.nav-brand span{display:block;line-height:1.15}.nav-links{display:flex;gap:22px;font-size:.92rem;color:rgba(18,62,104,.82)}.nav-links a:hover{color:#8A6A12}.nav-cta{border:1px solid var(--gold);padding:10px 16px;border-radius:999px;color:#123E68;font-weight:800;background:rgba(212,175,55,.24)}
.hero{background:radial-gradient(circle at 82% 20%, rgba(212,175,55,.20), transparent 28%),linear-gradient(135deg,#4D8DB8 0%,var(--navy) 55%,#76A9CC 100%);color:var(--white);min-height:100vh;padding-bottom:64px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:42px;align-items:center;padding:78px 6vw 28px;max-width:1400px;margin:0 auto}
.source-note{font-size:.88rem;color:rgba(255,255,255,.74);max-width:980px;border-left:4px solid var(--gold);padding-left:18px;margin-bottom:26px}
.eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--gold);margin:0 0 12px}.eyebrow.muted{margin-left:8px;color:rgba(255,255,255,.65)}
h1{font-size:clamp(2.4rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.05em;margin:14px 0 22px;max-width:980px}h2{font-size:clamp(1.85rem,3.8vw,3.45rem);line-height:1.08;letter-spacing:-.035em;margin:8px 0 0;color:var(--navy)}h3{font-size:1.08rem;line-height:1.25;margin:0 0 10px;color:var(--navy)}p{margin:0 0 18px}.lead{font-size:1.18rem;max-width:930px;color:rgba(255,255,255,.9)}.lead.small{font-size:1rem;color:rgba(255,255,255,.8)}
.cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.cta-row.center{justify-content:center}.cta-block{display:flex;flex-direction:column;gap:8px}.cta-block span{font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:rgba(255,255,255,.66)}.section .cta-block span,.form-card .cta-block span{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 22px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.2s ease;box-shadow:0 12px 28px rgba(0,0,0,.12)}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#123E68}.btn-white{background:var(--white);color:var(--navy);border-color:rgba(255,255,255,.3)}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(212,175,55,.35);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.hero-card p{color:rgba(255,255,255,.86)}
.section{padding:92px 6vw;max-width:1400px;margin:0 auto}.section.soft-panel{max-width:100%;background:var(--soft);padding-left:6vw;padding-right:6vw}.section.soft-panel .section-head,.section.soft-panel .section-body{max-width:1400px;margin-left:auto;margin-right:auto}.section.navy-panel{max-width:100%;background:var(--navy);color:var(--white);padding-left:6vw;padding-right:6vw}.section.navy-panel .section-head,.section.navy-panel .section-body{max-width:1400px;margin-left:auto;margin-right:auto}.section.navy-panel h2,.section.navy-panel h3{color:var(--white)}.section.navy-panel p{color:rgba(255,255,255,.85)}.section-head{max-width:900px;margin-bottom:34px}.section-body{font-size:1.02rem}.section-body>p{max-width:980px}.intro{font-weight:700;color:var(--navy)}.navy-panel .intro{color:var(--white)}
.grid{display:grid;gap:16px}.grid.two,.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.chips.three{grid-template-columns:repeat(3,minmax(0,1fr))}.chips.four{grid-template-columns:repeat(4,minmax(0,1fr))}.promise-cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.checklist{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1050px}
.chip,.card,.step,.form-card,details{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 12px 28px rgba(18,62,104,.06)}.navy-panel .chip,.navy-panel .card,.navy-panel .step{background:rgba(255,255,255,.08);border-color:rgba(212,175,55,.25);color:var(--white)}.chip{font-weight:750;color:var(--navy)}.navy-panel .chip{color:var(--white)}.promise-cards .chip{border-top:4px solid var(--gold)}.checklist .chip{position:relative;padding-left:48px}.checklist .chip:before{content:'✓';position:absolute;left:20px;top:17px;width:22px;height:22px;border-radius:999px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-weight:900;font-size:.8rem}.card{padding:24px}.card p{color:#46556d}.navy-panel .card p{color:rgba(18,62,104,.82)}.benefit h3{color:var(--navy)}.note{font-size:.94rem;color:var(--muted);background:var(--soft);border-left:4px solid var(--gold);padding:16px 18px;border-radius:12px;margin-top:18px}.experience .card{border-top:4px solid var(--gold)}
.table-wrap{overflow-x:auto;border-radius:22px;box-shadow:var(--shadow);border:1px solid rgba(212,175,55,.24)}table{width:100%;border-collapse:collapse;background:var(--white);color:var(--ink);min-width:760px}th{background:var(--gold);color:var(--navy);text-align:left;font-size:1rem;padding:18px}td{padding:18px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr:nth-child(even){background:#fbfcfd}tbody td:first-child,tbody td:nth-child(2){position:relative;padding-left:58px}tbody td:first-child::before,tbody td:nth-child(2)::before{position:absolute;left:18px;top:20px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.9rem;font-weight:900;line-height:1}tbody td:first-child::before{content:'✕';background:#d94b4b}tbody td:nth-child(2)::before{content:'✓';background:#2ea44f}td:nth-child(2){font-weight:750;color:var(--navy)}
.steps{display:grid;gap:16px}.step{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start}.num{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold);font-weight:900;border:1px solid var(--gold)}
.profile-panel{background:linear-gradient(135deg,var(--soft),#ffffff);max-width:100%;padding-left:6vw;padding-right:6vw}.profile-panel .section-head,.profile-panel .section-body{max-width:1400px;margin-left:auto;margin-right:auto}.profile-panel .section-body{border-left:5px solid var(--gold);padding:28px 32px;background:#fff;border-radius:22px;box-shadow:var(--shadow)}
.form-card{padding:28px;max-width:1080px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:flex;flex-direction:column;gap:8px;font-weight:750;color:var(--navy)}label.full{grid-column:1/-1}input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font:inherit;background:var(--soft);outline:none}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.15)}textarea{min-height:130px;resize:vertical}.form-action{margin-top:22px}.supporting{margin-top:20px;border-top:1px solid var(--line);padding-top:18px;text-align:center}.supporting p{margin:0;color:#46556d;text-align:center}
.faq-list{display:grid;gap:14px;max-width:980px}summary{cursor:pointer;font-weight:850;color:var(--navy);font-size:1.05rem}details p{margin:14px 0 0;color:#46556d}
.final-cta{padding:104px 6vw;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.18),transparent 32%),var(--navy);color:var(--white)}.final-cta h2{color:var(--white);max-width:900px;margin-left:auto;margin-right:auto}.final-cta p{max-width:880px;margin-left:auto;margin-right:auto;color:rgba(255,255,255,.84);font-size:1.08rem}.tagline{margin-top:36px;padding:24px;border:1px solid rgba(212,175,55,.32);border-radius:22px;max-width:760px;margin-left:auto;margin-right:auto;background:rgba(255,255,255,.06)}.tagline p{font-weight:850;color:var(--white);margin:0}
@media(max-width:980px){.hero-grid,.grid.two,.cards.two,.cards.three,.chips.three,.chips.four,.promise-cards.four,.checklist{grid-template-columns:1fr}.nav-links{display:none}.hero-grid{padding-top:52px}.section{padding:72px 5vw}.form-grid{grid-template-columns:1fr}h1{font-size:2.6rem}.hero-card{padding:24px}}
@media(max-width:560px){.nav{padding:14px 4vw}.nav-brand img{height:40px}.nav-brand span{font-size:.95rem}.nav-cta{display:none}.cta-row{flex-direction:column}.btn{width:100%}.section,.hero-grid,.final-cta{padding-left:4vw;padding-right:4vw}.step{grid-template-columns:1fr}.num{width:44px;height:44px}}

/* Font clarity override */
body{
  color:#111827;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.nav{
  color:#0B1F3A !important;
}
.nav-brand,
.nav-brand span,
.nav-links,
.nav-links a,
.nav-cta{
  color:#0B1F3A !important;
  opacity:1 !important;
}
.nav-links a:hover{
  color:#8A6A12 !important;
}
.hero h1,
.hero .lead,
.hero .lead.small,
.hero-card p{
  color:#FFFFFF !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}
.section-body,
.section-body p,
.card p,
details p,
.supporting p{
  color:#1F2937 !important;
  opacity:1 !important;
}
h2,
h3,
.intro,
.chip,
summary,
label,
td:nth-child(2){
  color:#0B1F3A !important;
  opacity:1 !important;
}
.navy-panel h2,
.navy-panel h3,
.navy-panel p,
.navy-panel .intro,
.navy-panel .chip,
.navy-panel .card p{
  color:#FFFFFF !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
}
.note{
  color:#1F2937 !important;
}
.final-cta h2,
.final-cta p,
.tagline p{
  color:#FFFFFF !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}
.btn-gold,
.btn-white{
  color:#0B1F3A !important;
}


.positioning-image-wrap{
  margin-top:28px;
  margin-left:auto;
  margin-right:auto;
  max-width:760px;
  width:100%;
  background:#FFFFFF;
  border:1px solid rgba(47,111,159,.16);
  border-radius:22px;
  padding:12px;
  box-shadow:0 18px 40px rgba(47,111,159,.12);
}
.positioning-image-wrap img{
  width:100%;
  height:auto;
  display:block;
  border-radius:16px;
  object-fit:cover;
}


/* Responsive image adjustment for mobile */
@media(max-width:768px){
  .positioning-image-wrap{
    max-width:92%;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    border-radius:18px;
  }
  .positioning-image-wrap img{
    border-radius:14px;
  }
}

@media(max-width:480px){
  .positioning-image-wrap{
    max-width:94%;
    margin-top:22px;
    padding:8px;
    border-radius:16px;
  }
  .positioning-image-wrap img{
    border-radius:12px;
  }
}


.inline-photo-wrap{
  margin-top:24px;
  margin-left:auto;
  margin-right:auto;
  max-width:760px;
  width:100%;
  background:#FFFFFF;
  border:1px solid rgba(47,111,159,.16);
  border-radius:22px;
  padding:12px;
  box-shadow:0 18px 40px rgba(47,111,159,.12);
}
.inline-photo-wrap img{
  width:100%;
  height:auto;
  display:block;
  border-radius:16px;
  object-fit:cover;
}
.navy-panel .inline-photo-wrap{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(212,175,55,.25);
}
@media(max-width:768px){
  .inline-photo-wrap{
    max-width:92%;
    padding:10px;
    border-radius:18px;
  }
  .inline-photo-wrap img{
    border-radius:14px;
  }
}
@media(max-width:480px){
  .inline-photo-wrap{
    max-width:94%;
    padding:8px;
    border-radius:16px;
  }
  .inline-photo-wrap img{
    border-radius:12px;
  }
}


/* Smaller photo sizing override */
.positioning-image-wrap,
.inline-photo-wrap{
  max-width:760px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:12px !important;
}

@media(max-width:768px){
  .positioning-image-wrap,
  .inline-photo-wrap{
    max-width:84% !important;
    padding:8px !important;
  }
}

@media(max-width:480px){
  .positioning-image-wrap,
  .inline-photo-wrap{
    max-width:88% !important;
    padding:7px !important;
  }
}


.hero-card-logo{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 0 18px 0;
}
.hero-card-logo img{
  width:100%;
  max-width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  background:rgba(255,255,255,.92);
  border-radius:16px;
  padding:8px 10px;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
@media(max-width:768px){
  .hero-card-logo img{
    max-width:100%;
    padding:8px 10px;
  }
}
@media(max-width:480px){
  .hero-card-logo img{
    max-width:100%;
    padding:6px 8px;
  }
}


/* Margin and alignment refinement */
:root{
  --content-width: 1180px;
}

.nav{
  padding-left:max(24px, calc((100vw - var(--content-width)) / 2));
  padding-right:max(24px, calc((100vw - var(--content-width)) / 2));
}

.hero-grid,
.section-head,
.section-body,
.section.soft-panel .section-head,
.section.soft-panel .section-body,
.section.navy-panel .section-head,
.section.navy-panel .section-body,
.profile-panel .section-head,
.profile-panel .section-body{
  max-width:var(--content-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.section-body > p,
.section-head > p,
.hero-copy h1,
.hero-copy .lead,
.hero-copy .lead.small,
.final-cta h2,
.final-cta p{
  max-width:100% !important;
}

.section-body .grid,
.section-body .cards,
.section-body .steps,
.section-body .table-wrap,
.section-body .note,
.section-body .faq-list,
.section-body .form-card,
.positioning-image-wrap,
.inline-photo-wrap{
  max-width:100% !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.profile-panel .section-body{
  max-width:var(--content-width) !important;
}

.tagline{
  max-width:var(--content-width) !important;
}

.hero-card{
  height:100%;
}

.section{
  padding-top:92px;
  padding-bottom:92px;
}

.section-head{
  margin-bottom:28px !important;
}

.section-body p:last-child{
  margin-bottom:0;
}

@media(max-width:980px){
  .nav{
    padding-left:5vw;
    padding-right:5vw;
  }
  .hero-grid,
  .section-head,
  .section-body,
  .section.soft-panel .section-head,
  .section.soft-panel .section-body,
  .section.navy-panel .section-head,
  .section.navy-panel .section-body,
  .profile-panel .section-head,
  .profile-panel .section-body{
    max-width:100% !important;
  }
}

@media(max-width:560px){
  .nav{
    padding-left:4vw;
    padding-right:4vw;
  }
  .section{
    padding-top:72px;
    padding-bottom:72px;
  }
}


/* Hero title margin refinement */
.hero-grid{
  max-width: var(--content-width) !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 420px) !important;
  gap: 56px !important;
}

.hero-copy{
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.hero-copy h1{
  max-width: 820px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.hero-copy .lead,
.hero-copy .lead.small,
.hero-copy .cta-row{
  max-width: 820px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media(max-width:980px){
  .hero-grid{
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .hero-copy{
    max-width: 100% !important;
  }
  .hero-copy h1,
  .hero-copy .lead,
  .hero-copy .lead.small,
  .hero-copy .cta-row{
    max-width: 100% !important;
  }
}


/* Hero margin alignment fix: adjust spacing only, keep font sizes unchanged */
.hero-grid{
  max-width:var(--content-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.hero-copy{
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.hero-copy h1,
.hero-copy .lead,
.hero-copy .lead.small,
.hero-copy .cta-row{
  margin-left:0 !important;
  margin-right:0 !important;
}

@media(max-width:1228px){
  .hero-grid{
    padding-left:24px !important;
    padding-right:24px !important;
  }
}

@media(max-width:980px){
  .hero-grid{
    padding-left:5vw !important;
    padding-right:5vw !important;
  }
}

@media(max-width:560px){
  .hero-grid{
    padding-left:4vw !important;
    padding-right:4vw !important;
  }
}


/* Match the photo under "Dengan pendekatan ini..." with other photos */
.positioning-image-wrap{
  max-width: 760px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 12px !important;
}

@media(max-width:768px){
  .positioning-image-wrap{
    max-width: 84% !important;
    padding: 8px !important;
  }
}

@media(max-width:480px){
  .positioning-image-wrap{
    max-width: 88% !important;
    padding: 7px !important;
  }
}


/* Enlarge only the photo under "Dengan pendekatan ini..." to follow content width */
.positioning-image-wrap{
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 12px !important;
}

.positioning-image-wrap img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

@media(max-width:768px){
  .positioning-image-wrap{
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 10px !important;
  }
}

@media(max-width:480px){
  .positioning-image-wrap{
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 8px !important;
  }
}


/* Photo under "Dengan pendekatan ini..." follows red-line content boundary, with controlled height */
.positioning-image-wrap{
  max-width:100% !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:12px !important;
}

.positioning-image-wrap img{
  width:100% !important;
  height:430px !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

@media(max-width:980px){
  .positioning-image-wrap img{
    height:360px !important;
  }
}

@media(max-width:768px){
  .positioning-image-wrap{
    padding:10px !important;
  }
  .positioning-image-wrap img{
    height:300px !important;
  }
}

@media(max-width:480px){
  .positioning-image-wrap{
    padding:8px !important;
  }
  .positioning-image-wrap img{
    height:220px !important;
  }
}


/* ConsulTrain dashboard stats */
.stats-dashboard{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:28px;
  max-width:820px;
}
.stat-card{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(212,175,55,.35);
  border-radius:16px;
  padding:16px 14px;
  box-shadow:0 12px 28px rgba(0,0,0,.10);
}
.stat-card strong{
  display:block;
  color:#FFFFFF;
  font-size:1.8rem;
  line-height:1.1;
  margin-bottom:8px;
  font-weight:800;
}
.stat-card span{
  display:block;
  color:#FFFFFF;
  font-size:.86rem;
  line-height:1.35;
  opacity:1;
}
@media(max-width:980px){
  .stats-dashboard{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:100%;
  }
  .stat-card strong{
    font-size:1.6rem;
  }
}
@media(max-width:560px){
  .stats-dashboard{
    grid-template-columns:1fr;
  }
  .stat-card strong{
    font-size:1.45rem;
  }
}


/* Shorter right-side hero card shape */
.hero-card{
  height:auto !important;
  align-self:start !important;
  display:block !important;
}

.hero-grid{
  align-items:start !important;
}


/* Stats moved into the right-side hero card */
.hero-card .stats-dashboard{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:24px !important;
  max-width:100% !important;
}

.hero-card .stat-card{
  padding:14px 12px !important;
}

.hero-card .stat-card strong{
  font-size:1.55rem !important;
}

.hero-card .stat-card span{
  font-size:.82rem !important;
}

@media(max-width:980px){
  .hero-card .stats-dashboard{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:560px){
  .hero-card .stats-dashboard{
    grid-template-columns:1fr !important;
  }
}


/* Final CTA text spacing and margin refinement */
.final-cta{
  padding-left:max(24px, calc((100vw - var(--content-width)) / 2)) !important;
  padding-right:max(24px, calc((100vw - var(--content-width)) / 2)) !important;
}

.final-cta h2{
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-bottom:26px !important;
  line-height:1.12 !important;
}

.final-cta p{
  max-width:880px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-bottom:18px !important;
  font-size:1.08rem !important;
  line-height:1.75 !important;
  letter-spacing:.01em !important;
}

.final-cta p + p{
  margin-top:8px !important;
}

.final-cta .cta-row{
  margin-top:34px !important;
}

@media(max-width:768px){
  .final-cta{
    padding-left:5vw !important;
    padding-right:5vw !important;
  }
  .final-cta p{
    max-width:100% !important;
    font-size:1rem !important;
    line-height:1.7 !important;
  }
}

@media(max-width:480px){
  .final-cta{
    padding-left:4vw !important;
    padding-right:4vw !important;
  }
  .final-cta p{
    font-size:.96rem !important;
    line-height:1.65 !important;
  }
}


/* Spacing refinement for selected paragraphs only */
.spaced-selected-text{
  margin-top:22px !important;
  margin-bottom:22px !important;
  line-height:1.85 !important;
  padding-top:6px !important;
}

.spaced-selected-text.compact{
  margin-top:18px !important;
  margin-bottom:18px !important;
}

.section-body .spaced-selected-text + .cta-row{
  margin-top:24px !important;
}

.grid + .spaced-selected-text,
.cards + .spaced-selected-text,
.chips + .spaced-selected-text,
.promise-cards + .spaced-selected-text{
  margin-top:28px !important;
}

.card .spaced-selected-text,
.chip .spaced-selected-text{
  padding-top:8px !important;
}

/* Give nearby boxes slightly more breathing room without changing structure */
.section-body .grid,
.section-body .cards{
  margin-bottom:18px !important;
}

.note.spaced-selected-text{
  padding:22px 22px !important;
  margin-top:28px !important;
  margin-bottom:28px !important;
}

@media(max-width:768px){
  .spaced-selected-text{
    margin-top:18px !important;
    margin-bottom:18px !important;
    line-height:1.75 !important;
  }
  .note.spaced-selected-text{
    padding:18px 18px !important;
  }
}


/* Make the closing tagline card more compact */
.tagline{
  max-width:760px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:22px 24px !important;
}

.tagline p{
  max-width:680px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  line-height:1.5 !important;
}

@media(max-width:768px){
  .tagline{
    max-width:88% !important;
    padding:18px 18px !important;
  }
  .tagline p{
    max-width:100% !important;
  }
}

@media(max-width:480px){
  .tagline{
    max-width:92% !important;
    padding:16px 16px !important;
  }
}


/* Certification cards with logos */
.cert-card{
  display:flex;
  align-items:flex-start;
  gap:18px;
}
.cert-card-logo{
  flex:0 0 88px;
  width:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.92);
  border-radius:16px;
  padding:8px;
  box-shadow:0 10px 22px rgba(47,111,159,.10);
}
.cert-card-logo img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.cert-card-text{
  flex:1;
  min-width:0;
}
.cert-card-text h3{
  margin-top:0 !important;
  margin-bottom:10px !important;
}
.cert-card-text p{
  margin-bottom:0 !important;
}
@media(max-width:768px){
  .cert-card{
    gap:14px;
  }
  .cert-card-logo{
    flex:0 0 74px;
    width:74px;
    border-radius:14px;
    padding:7px;
  }
}
@media(max-width:480px){
  .cert-card{
    flex-direction:column;
    align-items:flex-start;
  }
  .cert-card-logo{
    flex:0 0 auto;
    width:84px;
  }
}


/* Facilitator profile photo layout */
.facilitator-profile{
  display:flex;
  align-items:flex-start;
  gap:28px;
}

.facilitator-photo{
  flex:0 0 220px;
  width:220px;
  height:220px;
  border-radius:50%;
  overflow:hidden;
  background:#FFFFFF;
  border:6px solid rgba(255,255,255,.92);
  box-shadow:0 18px 38px rgba(47,111,159,.18);
}

.facilitator-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
}

.facilitator-text{
  flex:1;
  min-width:0;
}

.facilitator-text p{
  margin-top:0;
  margin-bottom:16px;
}

.facilitator-name{
  font-weight:800;
  font-size:1.28rem;
  line-height:1.45;
  color:var(--navy);
  margin-bottom:10px;
}

.facilitator-intro{
  margin-top:0;
}

@media(max-width:768px){
  .facilitator-profile{
    flex-direction:column;
    align-items:center;
    gap:20px;
  }
  .facilitator-photo{
    width:180px;
    height:180px;
    flex:0 0 180px;
  }
  .facilitator-text{
    width:100%;
  }
}


/* Images inside experience cards */
.experience-card-photo{
  width:100%;
  margin-top:16px;
  border-radius:16px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid rgba(212,175,55,.22);
  box-shadow:0 12px 24px rgba(11,31,58,.10);
}

.experience-card-photo img{
  display:block;
  width:100%;
  height:240px;
  object-fit:cover;
  object-position:center;
}

@media(max-width:768px){
  .experience-card-photo{
    margin-top:14px;
    border-radius:14px;
  }
}


@media(max-width:768px){
  .experience-card-photo img{
    height:200px;
  }
}

@media(max-width:480px){
  .experience-card-photo img{
    height:170px;
  }
}


/* Special image block: keep full face visible */
.organization-photo img{
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center top !important;
}


/* Update right-side hero visual to display the discussion photo */
.hero-card-logo img{
  max-width:100% !important;
  width:100% !important;
  aspect-ratio:4/3 !important;
  height:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
  background:none !important;
  border-radius:16px !important;
}

.hero-card-logo{
  justify-content:center !important;
  margin-bottom:18px !important;
}

@media(max-width:768px){
  .hero-card-logo img{
    aspect-ratio:4/3 !important;
  }
}

@media(max-width:480px){
  .hero-card-logo img{
    aspect-ratio:4/3 !important;
  }
}


/* Compact selected section photos to half-page width */
.half-page-photo{
  width:50% !important;
  max-width:620px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.half-page-photo img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
}

@media(max-width:980px){
  .half-page-photo{
    width:70% !important;
    max-width:70% !important;
  }
}

@media(max-width:560px){
  .half-page-photo{
    width:92% !important;
    max-width:92% !important;
  }
}


/* Hero title size refinement */
.hero-copy h1{
  font-size:clamp(2.7rem, 5.2vw, 5.6rem) !important;
  line-height:1.05 !important;
  max-width:760px !important;
}

@media(max-width:980px){
  .hero-copy h1{
    font-size:clamp(2.4rem, 7vw, 4.2rem) !important;
  }
}

@media(max-width:560px){
  .hero-copy h1{
    font-size:2.45rem !important;
    line-height:1.08 !important;
  }
}


/* Further hero title size refinement */
.hero-copy h1{
  font-size:clamp(2.45rem, 4.6vw, 4.9rem) !important;
  line-height:1.06 !important;
  max-width:720px !important;
}

@media(max-width:980px){
  .hero-copy h1{
    font-size:clamp(2.25rem, 6.2vw, 3.8rem) !important;
  }
}

@media(max-width:560px){
  .hero-copy h1{
    font-size:2.2rem !important;
    line-height:1.1 !important;
  }
}


/* Final hero title size refinement */
.hero-copy h1{
  font-size:clamp(2.25rem, 4.1vw, 4.35rem) !important;
  line-height:1.08 !important;
  max-width:690px !important;
}

@media(max-width:980px){
  .hero-copy h1{
    font-size:clamp(2.05rem, 5.6vw, 3.45rem) !important;
  }
}

@media(max-width:560px){
  .hero-copy h1{
    font-size:2.05rem !important;
    line-height:1.12 !important;
  }
}


/* Slightly reduce all section title sizes */
.section h2,
.section-head h2,
.final-cta h2{
  font-size:clamp(1.55rem, 3vw, 2.75rem) !important;
  line-height:1.14 !important;
  letter-spacing:-.025em !important;
}

@media(max-width:980px){
  .section h2,
  .section-head h2,
  .final-cta h2{
    font-size:clamp(1.45rem, 4.8vw, 2.35rem) !important;
    line-height:1.16 !important;
  }
}

@media(max-width:560px){
  .section h2,
  .section-head h2,
  .final-cta h2{
    font-size:1.55rem !important;
    line-height:1.18 !important;
  }
}


/* Further reduce opening hero title and intro text */
.hero-copy h1{
  font-size:clamp(2.05rem, 3.6vw, 3.85rem) !important;
  line-height:1.10 !important;
  max-width:660px !important;
}

.hero-copy .lead,
.hero-copy p{
  font-size:clamp(0.98rem, 1.35vw, 1.18rem) !important;
  line-height:1.65 !important;
  max-width:650px !important;
}

@media(max-width:980px){
  .hero-copy h1{
    font-size:clamp(1.95rem, 5.1vw, 3.1rem) !important;
  }

  .hero-copy .lead,
  .hero-copy p{
    font-size:1rem !important;
  }
}

@media(max-width:560px){
  .hero-copy h1{
    font-size:1.55rem !important;
    line-height:1.13 !important;
  }

  .hero-copy .lead,
  .hero-copy p{
    font-size:0.96rem !important;
    line-height:1.6 !important;
  }
}


/* Navbar brand text refinement */
.nav-brand{
  font-size:1.18rem !important;
  font-weight:800 !important;
  letter-spacing:-0.01em !important;
}

@media(max-width:768px){
  .nav-brand{
    font-size:1.05rem !important;
  }
}


/* Problem section text-photo layout */
.problem-text-photo{
  display:grid !important;
  grid-template-columns:minmax(0, 1.15fr) minmax(280px, .85fr) !important;
  gap:38px !important;
  align-items:center !important;
}

.problem-text-photo .problem-copy p{
  margin-bottom:18px !important;
}

.problem-side-photo{
  width:100% !important;
  max-width:520px !important;
  margin:0 auto !important;
}

.problem-side-photo img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}

@media(max-width:900px){
  .problem-text-photo{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .problem-side-photo{
    max-width:620px !important;
  }
}


/* Corporate blue palette refinement */
:root{
  --deep-navy:#0F2C59 !important;
  --royal-blue:#1E3A8A !important;
  --ice-blue:#F4F7FA !important;
  --navy:#0F2C59 !important;
  --blue:#1E3A8A !important;
  --soft-blue:#F4F7FA !important;
  --text:#0F2C59 !important;
  --muted:#42526E !important;
  --gold:#D4AF37 !important;
}

html,
body{
  background:#F4F7FA !important;
  color:#0F2C59 !important;
}

.nav{
  background:#F4F7FA !important;
  color:#0F2C59 !important;
  border-bottom:1px solid rgba(15,44,89,.10) !important;
}

.nav a,
.nav-brand{
  color:#0F2C59 !important;
}

.hero{
  background:
    radial-gradient(circle at 72% 18%, rgba(244,247,250,.18), transparent 34%),
    linear-gradient(135deg, #0F2C59 0%, #1E3A8A 100%) !important;
  color:#ffffff !important;
}

.hero h1,
.hero p,
.hero .lead{
  color:#ffffff !important;
}

.hero-card,
.trust-card{
  background:rgba(244,247,250,.12) !important;
  border-color:rgba(244,247,250,.30) !important;
  color:#ffffff !important;
}

.hero-card p,
.trust-card p{
  color:#ffffff !important;
}

.section{
  background:#F4F7FA !important;
  color:#0F2C59 !important;
}

.section.white,
.white,
.section-light,
.soft-panel{
  background:#F4F7FA !important;
}

.section:nth-of-type(even){
  background:#ffffff !important;
}

.section h2,
.section-head h2,
.final-cta h2,
.card h3,
.chip,
.stat-card strong{
  color:#0F2C59 !important;
}

.section p,
.card p,
.note,
.intro,
li{
  color:#263B5E !important;
}

.card,
.cert-card,
.chip,
.stat-card,
.faq-item,
.table-wrap,
.comparison-table,
.process-card,
.output-card{
  background:#ffffff !important;
  border-color:rgba(15,44,89,.12) !important;
  box-shadow:0 14px 32px rgba(15,44,89,.08) !important;
}

.btn,
.btn-primary,
.btn-gold,
.nav .btn,
.cta-block .btn{
  background:#1E3A8A !important;
  color:#ffffff !important;
  border-color:#1E3A8A !important;
}

.btn:hover,
.btn-primary:hover,
.btn-gold:hover,
.cta-block .btn:hover{
  background:#0F2C59 !important;
  border-color:#0F2C59 !important;
  color:#ffffff !important;
}

.btn-outline,
.btn-secondary,
.secondary-cta,
.cta-block .btn-outline{
  background:#F4F7FA !important;
  color:#0F2C59 !important;
  border-color:#0F2C59 !important;
}

.badge,
.tag,
.kicker,
.section-label{
  background:rgba(30,58,138,.10) !important;
  color:#1E3A8A !important;
  border-color:rgba(30,58,138,.20) !important;
}

.final-cta,
.cta-section,
.section.dark,
.dark-panel{
  background:linear-gradient(135deg, #0F2C59 0%, #1E3A8A 100%) !important;
  color:#ffffff !important;
}

.final-cta h2,
.final-cta p,
.cta-section h2,
.cta-section p,
.section.dark h2,
.section.dark p,
.dark-panel h2,
.dark-panel p{
  color:#ffffff !important;
}

table th{
  background:#0F2C59 !important;
  color:#ffffff !important;
}

table td{
  color:#0F2C59 !important;
  border-color:rgba(15,44,89,.12) !important;
}

a{
  color:#1E3A8A;
}

.footer,
footer{
  background:#0F2C59 !important;
  color:#ffffff !important;
}

.footer p,
footer p,
.footer a,
footer a{
  color:#ffffff !important;
}


/* Enlarge navbar logo and ConsulTrain brand text */
.nav-brand{
  font-size:1.38rem !important;
  font-weight:850 !important;
  gap:14px !important;
  letter-spacing:-0.015em !important;
  min-height:58px !important;
}

.nav-brand img{
  width:56px !important;
  height:56px !important;
  max-width:56px !important;
  max-height:56px !important;
  object-fit:contain !important;
}

@media(max-width:768px){
  .nav-brand{
    font-size:1.16rem !important;
    gap:10px !important;
    min-height:48px !important;
  }

  .nav-brand img{
    width:46px !important;
    height:46px !important;
    max-width:46px !important;
    max-height:46px !important;
  }
}


/* Improve readability: non-white text inside light boxes/cards */
.card,
.cert-card,
.chip,
.stat-card,
.faq-item,
.table-wrap,
.comparison-table,
.process-card,
.output-card,
.benefit-card,
.tagline,
.info-card,
.feature-card,
.problem-card{
  color:#0F2C59 !important;
}

.card h1,
.card h2,
.card h3,
.card h4,
.card p,
.card li,
.card span,
.card small,
.cert-card h1,
.cert-card h2,
.cert-card h3,
.cert-card h4,
.cert-card p,
.cert-card li,
.cert-card span,
.cert-card small,
.chip,
.stat-card,
.stat-card strong,
.stat-card span,
.stat-card p,
.stat-card small,
.faq-item h3,
.faq-item p,
.faq-item span,
.process-card h3,
.process-card p,
.output-card h3,
.output-card p,
.benefit-card h3,
.benefit-card p,
.info-card h3,
.info-card p,
.feature-card h3,
.feature-card p,
.problem-card h3,
.problem-card p,
.tagline h2,
.tagline h3,
.tagline p{
  color:#0F2C59 !important;
}

/* Keep CTA/button text readable according to button background */
.card .btn,
.cert-card .btn,
.stat-card .btn,
.faq-item .btn,
.tagline .btn{
  color:#ffffff !important;
}

/* Hero statistic boxes are light, so their text must stay dark */
.hero .stat-card,
.hero .stat-card strong,
.hero .stat-card span,
.hero .stat-card p,
.hero .stat-card small{
  color:#0F2C59 !important;
}

/* Table content readability */
table td,
table td p,
table td span,
table td strong{
  color:#0F2C59 !important;
}

table th,
table th p,
table th span,
table th strong{
  color:#ffffff !important;
}


/* Blue text for output boxes */
#outputs .chip,
#outputs .card,
#outputs .output-card,
#outputs .chip *,
#outputs .card *,
#outputs .output-card *{
  color:#1E3A8A !important;
}

/* Keep output section title and paragraph in main navy for hierarchy */
#outputs .section-head h2,
#outputs .section-body > p,
#outputs .intro,
#outputs .note{
  color:#0F2C59 !important;
}


/* Force specific output box text to blue */
.chip,
.chip *,
.output-card,
.output-card *,
.card.output-card,
.card.output-card *,
.outputs,
.outputs *,
#output,
#output *,
#outputs,
#outputs *{
  color:#1E3A8A !important;
}

.chip a,
.output-card a,
#outputs a,
#output a{
  color:#1E3A8A !important;
}


/* Force AI-assisted output item text to blue */
#outputs .chip:last-child,
#outputs .chip:last-child *,
.output-list .chip:last-child,
.output-list .chip:last-child *,
.chips .chip:last-child,
.chips .chip:last-child *{
  color:#1E3A8A !important;
}


/* Perbesar lagi logo dan brand navbar kiri */
.nav-brand{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  font-size:1.42rem !important;
  font-weight:850 !important;
  line-height:1.1 !important;
}

.nav-brand img{
  width:64px !important;
  height:64px !important;
  max-width:64px !important;
  max-height:64px !important;
  object-fit:contain !important;
  display:block !important;
}

@media (max-width: 768px){
  .nav-brand{
    gap:10px !important;
    font-size:1.16rem !important;
  }
  .nav-brand img{
    width:50px !important;
    height:50px !important;
    max-width:50px !important;
    max-height:50px !important;
  }
}


/* Perbesar lagi logo navbar kiri */
.nav-brand{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  font-size:1.5rem !important;
  font-weight:850 !important;
  line-height:1.1 !important;
}

.nav-brand img{
  width:78px !important;
  height:78px !important;
  max-width:78px !important;
  max-height:78px !important;
  object-fit:contain !important;
  display:block !important;
}

@media (max-width: 768px){
  .nav-brand{
    gap:10px !important;
    font-size:1.18rem !important;
  }
  .nav-brand img{
    width:56px !important;
    height:56px !important;
    max-width:56px !important;
    max-height:56px !important;
  }
}


/* Force output intro sentence to black */
#outputs .section-body > p,
#outputs .intro,
#outputs p.intro{
  color:#0F2C59 !important;
}


/* Force bottom quote box text to white */
.final-quote,
.final-quote *,
.tagline.final-quote,
.tagline.final-quote *,
.bottom-quote,
.bottom-quote *,
.quote-box,
.quote-box *{
  color:#ffffff !important;
}

/* Specific fallback for the final tagline area */
.tagline:last-of-type,
.tagline:last-of-type h2,
.tagline:last-of-type h3,
.tagline:last-of-type p,
.tagline:last-of-type span,
.tagline:last-of-type strong{
  color:#ffffff !important;
}



/* Override requested: top CTA and bottom final CTA use yellow card with black text */
.nav-cta{
  background:#E0B437 !important;
  color:#0B1F3A !important;
  border:1px solid #E0B437 !important;
  box-shadow:0 10px 24px rgba(224,180,55,.22) !important;
  font-weight:800 !important;
}
.nav-cta:hover{
  background:#D4AF37 !important;
  color:#0B1F3A !important;
  border-color:#D4AF37 !important;
}
.final-cta .btn-gold{
  background:#E0B437 !important;
  color:#0B1F3A !important;
  border:1px solid #E0B437 !important;
  box-shadow:0 12px 28px rgba(224,180,55,.24) !important;
}
.final-cta .btn-gold:hover{
  background:#D4AF37 !important;
  color:#0B1F3A !important;
  border-color:#D4AF37 !important;
}



/* Override requested: hero CTA also yellow with black text */
.hero-copy .btn-gold,
.hero-grid .btn-gold,
.cta-row .btn-gold{
  background:#E0B437 !important;
  color:#0B1F3A !important;
  border:1px solid #E0B437 !important;
  box-shadow:0 12px 28px rgba(224,180,55,.24) !important;
}
.hero-copy .btn-gold:hover,
.hero-grid .btn-gold:hover,
.cta-row .btn-gold:hover{
  background:#D4AF37 !important;
  color:#0B1F3A !important;
  border-color:#D4AF37 !important;
}

/* Tambahan subtitle di bawah nama ConsulTrain */
.nav-brand{
  align-items:center !important;
}

.nav-brand-text{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:2px !important;
}

.nav-brand-title{
  display:block !important;
  font-size:1.18em !important;
  font-weight:800 !important;
  line-height:1.05 !important;
}

.nav-brand-subtitle{
  display:block !important;
  font-size:0.58em !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  color:#4b5f7b !important;
  letter-spacing:0.01em !important;
}

@media (max-width:768px){
  .nav-brand-subtitle{
    font-size:0.62em !important;
  }
}

.experience-sector-note{margin-top:28px;margin-bottom:8px;text-align:center;font-size:1.55rem;font-weight:800;color:#0F2C59;line-height:1.35;}
.experience-sector-note strong{font-weight:800;}
@media (max-width:768px){.experience-sector-note{font-size:1.15rem;margin-top:22px;}}

/* Perbesar lagi nama brand, menu navbar, dan CTA header */
.nav-brand{
  font-size:1.66rem !important;
  gap:18px !important;
  font-weight:850 !important;
}

.nav-brand span,
.nav-brand .brand-text{
  font-size:inherit !important;
  line-height:1.08 !important;
}

.nav-links{
  gap:28px !important;
  font-size:1.06rem !important;
  font-weight:600 !important;
}

.nav-links a{
  font-size:1.06rem !important;
  font-weight:600 !important;
}

.nav-cta{
  font-size:1.08rem !important;
  font-weight:800 !important;
  padding:14px 26px !important;
  line-height:1.2 !important;
}

@media (max-width: 1200px){
  .nav-brand{
    font-size:1.54rem !important;
  }
  .nav-links{
    gap:22px !important;
    font-size:.99rem !important;
  }
  .nav-links a{
    font-size:.99rem !important;
  }
  .nav-cta{
    font-size:1rem !important;
    padding:13px 22px !important;
  }
}

@media (max-width: 768px){
  .nav-brand{
    font-size:1.22rem !important;
    gap:10px !important;
  }
  .nav-cta{
    font-size:.94rem !important;
    padding:11px 18px !important;
  }
}

/* Perbesar tulisan ConsulTrain dan sejajarkan dengan logo */
.nav-brand{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
}

.nav-brand img{
  height:78px !important;
  width:auto !important;
  object-fit:contain !important;
  display:block !important;
}

.nav-brand span,
.nav-brand .brand-text{
  display:flex !important;
  align-items:center !important;
  font-size:2.15rem !important;
  font-weight:850 !important;
  line-height:1 !important;
  margin:0 !important;
}

@media (max-width:1200px){
  .nav-brand img{
    height:68px !important;
  }
  .nav-brand span,
  .nav-brand .brand-text{
    font-size:1.88rem !important;
  }
}

@media (max-width:768px){
  .nav-brand img{
    height:56px !important;
  }
  .nav-brand span,
  .nav-brand .brand-text{
    font-size:1.45rem !important;
  }
}

/* Brand text vertical enlargement: taller, not wider */
.nav-brand{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
}

.nav-brand img{
  height:78px !important;
  width:auto !important;
  object-fit:contain !important;
  display:block !important;
}

.nav-brand span,
.nav-brand .brand-text{
  display:inline-block !important;
  font-size:1.72rem !important;
  font-weight:850 !important;
  line-height:.9 !important;
  letter-spacing:-0.02em !important;
  transform:scaleY(1.32) !important;
  transform-origin:left center !important;
  margin:0 !important;
  white-space:nowrap !important;
}

@media (max-width:1200px){
  .nav-brand img{
    height:68px !important;
  }
  .nav-brand span,
  .nav-brand .brand-text{
    font-size:1.58rem !important;
    transform:scaleY(1.28) !important;
  }
}

@media (max-width:768px){
  .nav-brand img{
    height:56px !important;
  }
  .nav-brand span,
  .nav-brand .brand-text{
    font-size:1.28rem !important;
    transform:scaleY(1.18) !important;
  }
}

/* Align hero text block slightly higher with right-side card */
.hero-grid{
  align-items:start !important;
}

.hero-copy{
  margin-top:-22px !important;
  padding-top:0 !important;
}

.hero-card{
  margin-top:0 !important;
}

@media(max-width:980px){
  .hero-copy{
    margin-top:0 !important;
  }
}

/* Slightly raise hero text block again */
.hero-copy{
  margin-top:-34px !important;
}

@media(max-width:980px){
  .hero-copy{
    margin-top:0 !important;
  }
}

/* Perbesar font menu agar seukuran dengan nama ConsulTrain */
.nav-links{
  gap: 20px !important;
  align-items: center !important;
}

.nav-links a{
  font-size: 1.34rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

/* CTA header dibuat 2 baris */
.nav-cta{
  width: 340px !important;
  max-width: 340px !important;
  min-height: 60px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
  line-height: 1.2 !important;
  padding: 12px 20px !important;
}

@media (max-width: 1200px){
  .nav-links{
    gap: 16px !important;
  }
  .nav-links a{
    font-size: 1.08rem !important;
  }
  .nav-cta{
    width: 300px !important;
    max-width: 300px !important;
    font-size: 1rem !important;
  }
}

@media (max-width: 768px){
  .nav-links a{
    font-size: .96rem !important;
  }
  .nav-cta{
    width: auto !important;
    max-width: 100% !important;
    min-height: auto !important;
  }
}

/* Perbesar lagi font menu hingga menyamai tinggi visual nama ConsulTrain */
.nav-links{
  gap: 18px !important;
  align-items: center !important;
}

.nav-links a{
  font-size: 1.56rem !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.01em !important;
}

@media (max-width: 1200px){
  .nav-links{
    gap: 14px !important;
  }
  .nav-links a{
    font-size: 1.22rem !important;
  }
}

@media (max-width: 768px){
  .nav-links a{
    font-size: 1rem !important;
  }
}

/* Sedikit perbesar lagi font menu bagian atas */
.nav-links a{
  font-size:1.64rem !important;
}

@media (max-width:1200px){
  .nav-links a{
    font-size:1.28rem !important;
  }
}

@media (max-width:768px){
  .nav-links a{
    font-size:1.02rem !important;
  }
}

/* Pendekkan lagi CTA kuning header tanpa mengubah bentuk */
.nav-cta{
  width: 285px !important;
  max-width: 285px !important;
  min-height: 60px !important;
  padding: 12px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
  line-height: 1.18 !important;
}

@media (max-width: 1200px){
  .nav-cta{
    width: 265px !important;
    max-width: 265px !important;
  }
}

@media (max-width: 768px){
  .nav-cta{
    width: auto !important;
    max-width: 100% !important;
  }
}

/* Perbesar lagi font menu bagian atas */
.nav-links a{
  font-size:1.78rem !important;
  font-weight:700 !important;
  line-height:1.02 !important;
  letter-spacing:-0.01em !important;
}

.nav-links{
  gap:18px !important;
  align-items:center !important;
}

@media (max-width:1200px){
  .nav-links a{
    font-size:1.36rem !important;
  }
}

@media (max-width:768px){
  .nav-links a{
    font-size:1.04rem !important;
  }
}

/* Naikkan sedikit tulisan ConsulTrain agar sejajar dengan menu Beranda */
.nav-brand span,
.nav-brand .brand-text{
  position: relative !important;
  top: -4px !important;
}

@media (max-width:1200px){
  .nav-brand span,
  .nav-brand .brand-text{
    top: -3px !important;
  }
}

@media (max-width:768px){
  .nav-brand span,
  .nav-brand .brand-text{
    top: -1px !important;
  }
}

/* Turunkan sedikit tulisan ConsulTrain agar tidak terlalu ke atas */
.nav-brand span,
.nav-brand .brand-text{
  position: relative !important;
  top: -2px !important;
}

@media (max-width:1200px){
  .nav-brand span,
  .nav-brand .brand-text{
    top: -1.5px !important;
  }
}

@media (max-width:768px){
  .nav-brand span,
  .nav-brand .brand-text{
    top: 0 !important;
  }
}

/* Perbesar font label pada kotak statistik */
.stat-card span{
  font-size: 1rem !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

.hero-card .stat-card span{
  font-size: 1rem !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

@media (max-width:980px){
  .stat-card span,
  .hero-card .stat-card span{
    font-size: 0.96rem !important;
  }
}

@media (max-width:560px){
  .stat-card span,
  .hero-card .stat-card span{
    font-size: 0.92rem !important;
  }
}

/* Samakan ukuran 3 logo sertifikasi agar sejajar */
.cert-card{
  align-items: flex-start !important;
}

.cert-card-logo{
  flex: 0 0 100px !important;
  width: 100px !important;
  height: 100px !important;
  min-width: 100px !important;
  min-height: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}

.cert-card-logo img{
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

@media (max-width: 768px){
  .cert-card-logo{
    flex: 0 0 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
  }
}

@media (max-width: 480px){
  .cert-card-logo{
    flex: 0 0 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
  }
}

/* Kecilkan kembali font menu bagian atas agar tidak terlalu besar */
.nav-links a{
  font-size: 1.46rem !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
}

.nav-links{
  gap: 18px !important;
  align-items: center !important;
}

@media (max-width:1200px){
  .nav-links a{
    font-size: 1.18rem !important;
  }
}

@media (max-width:768px){
  .nav-links a{
    font-size: 1rem !important;
  }
}

/* Perkecil lagi font menu bagian atas */
.nav-links a{
  font-size:1.28rem !important;
  font-weight:700 !important;
  line-height:1.08 !important;
}

@media (max-width:1200px){
  .nav-links a{
    font-size:1.08rem !important;
  }
}

@media (max-width:768px){
  .nav-links a{
    font-size:.96rem !important;
  }
}

/* Perkecil subtitle ConsulTrain dan hilangkan bold */
.nav-brand-subtitle{
  font-size:0.48em !important;
  font-weight:400 !important;
  line-height:1.15 !important;
}

@media (max-width:768px){
  .nav-brand-subtitle{
    font-size:0.52em !important;
    font-weight:400 !important;
  }
}

/* Force subtitle under ConsulTrain to be clearly smaller and not bold */
.nav-brand-subtitle,
.nav-brand-text .nav-brand-subtitle,
.nav-brand .nav-brand-subtitle,
.nav-brand-text span.nav-brand-subtitle{
  display:block !important;
  font-size:0.36em !important;
  font-weight:300 !important;
  line-height:1.08 !important;
  font-style:normal !important;
  letter-spacing:0 !important;
  color:#5b6b82 !important;
  margin-top:1px !important;
  transform:none !important;
  text-shadow:none !important;
}

@media (max-width:768px){
  .nav-brand-subtitle,
  .nav-brand-text .nav-brand-subtitle,
  .nav-brand .nav-brand-subtitle,
  .nav-brand-text span.nav-brand-subtitle{
    font-size:0.42em !important;
    font-weight:300 !important;
  }
}

/* Perbesar sedikit lagi subtitle ConsulTrain, tetap kecil dan tidak bold */
.nav-brand-subtitle,
.nav-brand-text .nav-brand-subtitle,
.nav-brand .nav-brand-subtitle,
.nav-brand-text span.nav-brand-subtitle{
  font-size:0.44em !important;
  font-weight:400 !important;
  line-height:1.12 !important;
}

@media (max-width:768px){
  .nav-brand-subtitle,
  .nav-brand-text .nav-brand-subtitle,
  .nav-brand .nav-brand-subtitle,
  .nav-brand-text span.nav-brand-subtitle{
    font-size:0.46em !important;
    font-weight:400 !important;
  }
}

/* Perbesar sedikit lagi subtitle dan beri jarak dari nama ConsulTrain */
.nav-brand-subtitle,
.nav-brand-text .nav-brand-subtitle,
.nav-brand .nav-brand-subtitle,
.nav-brand-text span.nav-brand-subtitle{
  font-size:0.50em !important;
  font-weight:400 !important;
  line-height:1.16 !important;
  margin-top:4px !important;
}

.nav-brand-text{
  gap:4px !important;
}

@media (max-width:768px){
  .nav-brand-subtitle,
  .nav-brand-text .nav-brand-subtitle,
  .nav-brand .nav-brand-subtitle,
  .nav-brand-text span.nav-brand-subtitle{
    font-size:0.48em !important;
    margin-top:3px !important;
  }

  .nav-brand-text{
    gap:3px !important;
  }
}

/* Perbesar sedikit lagi subtitle dan buat warnanya sedikit lebih hitam */
.nav-brand-subtitle,
.nav-brand-text .nav-brand-subtitle,
.nav-brand .nav-brand-subtitle,
.nav-brand-text span.nav-brand-subtitle{
  font-size:0.54em !important;
  font-weight:400 !important;
  line-height:1.16 !important;
  margin-top:4px !important;
  color:#3f4a5a !important;
}

@media (max-width:768px){
  .nav-brand-subtitle,
  .nav-brand-text .nav-brand-subtitle,
  .nav-brand .nav-brand-subtitle,
  .nav-brand-text span.nav-brand-subtitle{
    font-size:0.50em !important;
    color:#3f4a5a !important;
  }
}

/* Perbesar sedikit lagi subtitle dan tebalkan sedikit */
.nav-brand-subtitle,
.nav-brand-text .nav-brand-subtitle,
.nav-brand .nav-brand-subtitle,
.nav-brand-text span.nav-brand-subtitle{
  font-size:0.58em !important;
  font-weight:500 !important;
  line-height:1.16 !important;
  margin-top:4px !important;
  color:#384250 !important;
}

@media (max-width:768px){
  .nav-brand-subtitle,
  .nav-brand-text .nav-brand-subtitle,
  .nav-brand .nav-brand-subtitle,
  .nav-brand-text span.nav-brand-subtitle{
    font-size:0.54em !important;
    font-weight:500 !important;
    color:#384250 !important;
  }
}

/* Sejajarkan nama ConsulTrain dan subjudul dengan logo kiri */
.nav-brand{
  display:flex !important;
  align-items:center !important;
}

.nav-brand-text{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-self:center !important;
  gap:4px !important;
  margin:0 !important;
  position:relative !important;
  top:0 !important;
}

.nav-brand-title{
  display:block !important;
  margin:0 !important;
  line-height:1.02 !important;
  position:relative !important;
  top:0 !important;
  transform:none !important;
}

.nav-brand-subtitle{
  display:block !important;
  margin:0 !important;
  line-height:1.14 !important;
  position:relative !important;
  top:0 !important;
  transform:none !important;
}

/* Netralisasi override lama yang sempat menggeser tulisan */
.nav-brand span,
.nav-brand .brand-text{
  top:0 !important;
}

@media (max-width:768px){
  .nav-brand-text{
    gap:3px !important;
  }
}

/* Rapikan alignment kiri tulisan brand agar benar-benar sejajar */
.nav-brand{
  display:flex !important;
  align-items:center !important;
}

.nav-brand-text{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  text-align:left !important;
  gap:4px !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  top:0 !important;
  left:0 !important;
}

.nav-brand-title,
.nav-brand-subtitle{
  display:block !important;
  width:100% !important;
  text-align:left !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  left:0 !important;
  text-indent:0 !important;
}

.nav-brand-title{
  line-height:1.02 !important;
}

.nav-brand-subtitle{
  line-height:1.14 !important;
  margin-top:4px !important;
}

@media (max-width:768px){
  .nav-brand-text{
    gap:3px !important;
  }
  .nav-brand-subtitle{
    margin-top:3px !important;
  }
}