/* Start custom CSS for html, class: .elementor-element-0da6167 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Exo+2:wght@400;500;600;700&display=swap');

:root{
  --primary:#0D35D1;
  --bg:#F7F9FC;
  --dark:#081B46;
  --white:#FFFFFF;
  --gray-600:#5B6785;
  --gray-500:#7C87A3;
  --border:#E3E8F5;
  --radius-lg:24px;
  --shadow-lg:0 24px 60px rgba(13,53,209,.14);
  --font-head:'Montserrat', sans-serif;
  --font-body:'Exo 2', sans-serif;
  --container:1280px;
  --ease:cubic-bezier(.25,.46,.45,.94);
}

*, *::before, *::after{ box-sizing:border-box; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1{
  font-family:var(--font-head);
  color:var(--dark);
  margin:0;
  line-height:1.18;
  letter-spacing:-.01em;
  font-size:clamp(2rem, 3.6vw, 3.2rem);
  font-weight:800;
}
p{ margin:0; font-family:var(--font-body); }

.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}
.mt-16{ margin-top:16px; }

/* === PERBAIKAN DI SINI === */
.page-hero{
    position:relative;
    background:#F7F9FC;
    overflow:hidden;
    margin-top:-97px;
    padding:190px 0 72px;

    border-bottom:1px solid var(--border);
}

.page-hero .container{ position:relative; z-index:2; }
.page-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}
.page-hero-copy{ max-width:560px; }
.page-hero .breadcrumb{
  display:flex; align-items:center; gap:8px;
  font-family:var(--font-head); font-weight:600; font-size:.85rem;
  color:var(--gray-500); margin-bottom:20px;
}
.page-hero .breadcrumb a{ color:var(--gray-700, #3E4A66); }
.page-hero .breadcrumb a:hover{ color:var(--primary); }
.page-hero h1{ color:var(--dark); }
.page-hero p.lead{ color:var(--gray-600); margin-top:20px; font-size:1.1rem; }

.page-hero-visual{
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.page-hero-visual img{
  width:100%; height:100%;
  object-fit:cover;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  aspect-ratio:4/3;
  display:block;
}

.hero-accent{ color:var(--primary); }

@media (max-width:1366px){
  .container{ max-width:1180px; }
}
@media (max-width:768px){
  .container{ padding:0 24px; }
  .page-hero-grid{ grid-template-columns:1fr; }
}
@media (max-width:480px){
  .container{ padding:0 20px; }
  .page-hero{ 
    padding: 120px 0 64px; 
    margin-top: -70px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43579ec */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Exo+2:wght@400;500;600;700&display=swap');

:root{
  --primary:#0D35D1;
  --secondary:#0D35D1;
  --secondary-rgb:13,53,209;
  --dark:#081B46;
  --gray-600:#5B6785;
  --border:#E3E8F5;
  --radius-lg:24px;
  --radius-pill:100px;
  --shadow-lg:0 24px 60px rgba(13,53,209,.14);
  --font-head:'Montserrat', sans-serif;
  --font-body:'Exo 2', sans-serif;
  --container:1280px;
  --section-y:120px;
  --section-y-mobile:64px;
}

*, *::before, *::after{ box-sizing:border-box; }
img{ max-width:100%; display:block; }
h2{
  font-family:var(--font-head);
  color:var(--dark);
  margin:0;
  line-height:1.18;
  letter-spacing:-.01em;
  font-size:clamp(1.9rem, 3.2vw, 2.75rem);
  font-weight:800;
}
em{ font-style:italic; }
p{ margin:0; font-family:var(--font-body); }

.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}
section{ position:relative; }
.section{ padding:var(--section-y) 0; }
.mt-16{ margin-top:16px; } .mt-24{ margin-top:24px; }

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-head);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--secondary);
  background:rgba(var(--secondary-rgb),.09);
  padding:8px 16px;
  border-radius:var(--radius-pill);
}
.eyebrow::before{
  content:"";
  width:6px; height:6px;
  background:var(--secondary);
  border-radius:50%;
  flex-shrink:0;
}

.about-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center; }

@media (max-width:1366px){
  .container{ max-width:1180px; }
  :root{ --section-y:100px; }
}
@media (max-width:768px){
  :root{ --section-y:var(--section-y-mobile); }
  .container{ padding:0 24px; }
  .about-grid{ grid-template-columns:1fr; gap:40px; }
}
@media (max-width:480px){
  .container{ padding:0 20px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae44b4d */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Exo+2:wght@400;500;600;700&display=swap');

:root{
  --primary:#0D35D1;
  --primary-rgb:13,53,209;
  --secondary-rgb:13,53,209;
  --white:#FFFFFF;
  --surface:#FFFFFF;
  --gray-600:#5B6785;
  --border:#E3E8F5;
  --radius-lg:24px;
  --font-head:'Montserrat', sans-serif;
  --container:1280px;
  --ease:cubic-bezier(.25,.46,.45,.94);
}

*, *::before, *::after{ box-sizing:border-box; }
.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}
section{ position:relative; }
.section-sm{ padding:72px 0; }
.text-center{ text-align:center; }

.tech-pattern{ position:relative; isolation:isolate; }
.tech-pattern::before{
  content:"";
  position:absolute; inset:0;
  z-index:-1;
  background-image:
    linear-gradient(rgba(var(--primary-rgb),.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--primary-rgb),.05) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 100%);
}

.card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.card:hover{
  transform:translateY(-3px) scale(1.01);
  box-shadow:0 8px 30px rgba(8,27,70,.12);
  border-color:rgba(27,121,226,.15);
}

.icon-tile{
  width:56px; height:56px;
  border-radius:16px;
  background:rgba(var(--secondary-rgb),.1);
  display:flex; align-items:center; justify-content:center;
}
.icon-tile svg{ width:26px; height:26px; color:var(--primary); }

.grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }

@media (max-width:1366px){
  .container{ max-width:1180px; }
}
@media (max-width:1180px){
  .grid-4{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  .container{ padding:0 24px; }
  .grid-4{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px){
  .container{ padding:0 20px; }
  .grid-4{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a47f33 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Exo+2:wght@400;500;600;700&display=swap');

:root{
  --primary:#0D35D1;
  --secondary:#0D35D1;
  --secondary-rgb:13,53,209;
  --dark:#081B46;
  --gray-600:#5B6785;
  --border:#E3E8F5;
  --surface:#FFFFFF;
  --radius-lg:24px;
  --radius-pill:100px;
  --font-head:'Montserrat', sans-serif;
  --font-body:'Exo 2', sans-serif;
  --container:1280px;
  --section-y:120px;
  --section-y-mobile:64px;
  --ease:cubic-bezier(.25,.46,.45,.94);
}

*, *::before, *::after{ box-sizing:border-box; }
h2, h3{
  font-family:var(--font-head);
  color:var(--dark);
  margin:0;
  line-height:1.18;
  letter-spacing:-.01em;
}
h2{ font-size:clamp(1.9rem, 3.2vw, 2.75rem); font-weight:800; }
h3{ font-weight:700; }
p{ margin:0; font-family:var(--font-body); }

.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}
section{ position:relative; }
.section{ padding:var(--section-y) 0; }
.mt-16{ margin-top:16px; }

.section-head{ max-width:680px; margin-bottom:56px; }
.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
.section-head .eyebrow{ margin-bottom:16px; }
.section-head p{ margin-top:16px; color:var(--gray-600); font-size:1.05rem; }

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-head);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--secondary);
  background:rgba(var(--secondary-rgb),.09);
  padding:8px 16px;
  border-radius:var(--radius-pill);
}
.eyebrow::before{
  content:"";
  width:6px; height:6px;
  background:var(--secondary);
  border-radius:50%;
  flex-shrink:0;
}

.card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.card:hover{
  transform:translateY(-3px) scale(1.01);
  box-shadow:0 8px 30px rgba(8,27,70,.12);
  border-color:rgba(27,121,226,.15);
}

.icon-tile{
  width:56px; height:56px;
  border-radius:16px;
  background:rgba(var(--secondary-rgb),.1);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:22px;
}
.icon-tile svg{ width:26px; height:26px; color:var(--primary); }

.grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }

@media (max-width:1366px){
  .container{ max-width:1180px; }
  :root{ --section-y:100px; }
}
@media (max-width:1180px){
  .grid-4{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  :root{ --section-y:var(--section-y-mobile); }
  .container{ padding:0 24px; }
  .grid-4{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px){
  .container{ padding:0 20px; }
  .section-head{ margin-bottom:36px; }
  .grid-4{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-533beed */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Exo+2:wght@400;500;600;700&display=swap');

:root{
  --primary:#0D35D1;
  --primary-rgb:13,53,209;
  --secondary:#0D35D1;
  --secondary-rgb:13,53,209;
  --dark:#081B46;
  --white:#FFFFFF;
  --gray-600:#5B6785;
  --gray-700:#3E4A66;
  --border:#E3E8F5;
  --radius-lg:24px;
  --radius-pill:100px;
  --shadow-lg:0 24px 60px rgba(13,53,209,.14);
  --font-head:'Montserrat', sans-serif;
  --font-body:'Exo 2', sans-serif;
  --container:1280px;
  --section-y:120px;
  --section-y-mobile:64px;
}

*, *::before, *::after{ box-sizing:border-box; }
img{ max-width:100%; display:block; }
h2{
  font-family:var(--font-head);
  color:var(--dark);
  margin:0;
  line-height:1.18;
  letter-spacing:-.01em;
  font-size:clamp(1.9rem, 3.2vw, 2.75rem);
  font-weight:800;
}
p{ margin:0; font-family:var(--font-body); color:var(--gray-700); }
ul{ list-style:none; margin:0; padding:0; }
li{ font-family:var(--font-body); color:var(--gray-700); font-size:.98rem; }

.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}
section{ position:relative; }
.section{ padding:var(--section-y) 0; }
.mt-16{ margin-top:16px; } .mt-24{ margin-top:24px; }

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-head);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--secondary);
  background:rgba(var(--secondary-rgb),.09);
  padding:8px 16px;
  border-radius:var(--radius-pill);
}
.eyebrow::before{
  content:"";
  width:6px; height:6px;
  background:var(--secondary);
  border-radius:50%;
  flex-shrink:0;
}

.tech-pattern{ position:relative; isolation:isolate; }
.tech-pattern::before{
  content:"";
  position:absolute; inset:0;
  z-index:-1;
  background-image:
    linear-gradient(rgba(var(--primary-rgb),.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--primary-rgb),.05) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 100%);
}

.about-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center; }

@media (max-width:1366px){
  .container{ max-width:1180px; }
  :root{ --section-y:100px; }
}
@media (max-width:768px){
  :root{ --section-y:var(--section-y-mobile); }
  .container{ padding:0 24px; }
  .about-grid{ grid-template-columns:1fr; gap:40px; }
}
@media (max-width:480px){
  .container{ padding:0 20px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6330d2 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Exo+2:wght@400;500;600;700&display=swap');

:root{
  --primary:#0D35D1;
  --secondary:#0D35D1;
  --secondary-rgb:13,53,209;
  --accent-rgb:246,219,24;
  --dark:#081B46;
  --gray-600:#5B6785;
  --border:#E3E8F5;
  --surface:#FFFFFF;
  --radius-lg:24px;
  --radius-pill:100px;
  --font-head:'Montserrat', sans-serif;
  --font-body:'Exo 2', sans-serif;
  --container:1280px;
  --section-y:120px;
  --section-y-mobile:64px;
  --ease:cubic-bezier(.25,.46,.45,.94);
}

*, *::before, *::after{ box-sizing:border-box; }
h2, h3{
  font-family:var(--font-head);
  color:var(--dark);
  margin:0;
  line-height:1.18;
  letter-spacing:-.01em;
}
h2{ font-size:clamp(1.9rem, 3.2vw, 2.75rem); font-weight:800; }
h3{ font-size:clamp(1.25rem, 2vw, 1.6rem); font-weight:700; }
p{ margin:0; font-family:var(--font-body); }

.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}
section{ position:relative; }
.section{ padding:var(--section-y) 0; }
.mt-16{ margin-top:16px; }

.section-head{ max-width:680px; margin-bottom:56px; }
.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
.section-head .eyebrow{ margin-bottom:16px; }
.section-head p{ margin-top:16px; color:var(--gray-600); font-size:1.05rem; }

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-head);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--secondary);
  background:rgba(var(--secondary-rgb),.09);
  padding:8px 16px;
  border-radius:var(--radius-pill);
}
.eyebrow::before{
  content:"";
  width:6px; height:6px;
  background:var(--secondary);
  border-radius:50%;
  flex-shrink:0;
}

.card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.card:hover{
  transform:translateY(-3px) scale(1.01);
  box-shadow:0 8px 30px rgba(8,27,70,.12);
  border-color:rgba(27,121,226,.15);
}

.icon-tile{
  width:56px; height:56px;
  border-radius:16px;
  background:rgba(var(--secondary-rgb),.1);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:22px;
}
.icon-tile svg{ width:26px; height:26px; color:var(--primary); }
.icon-tile.accent{ background:rgba(var(--accent-rgb),.18); }
.icon-tile.accent svg{ color:#8a6d00; }

.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.why-card{ padding:38px 32px; }
.why-card h3{ margin-bottom:0; }

@media (max-width:1366px){
  .container{ max-width:1180px; }
  :root{ --section-y:100px; }
}
@media (max-width:1180px){
  .grid-3{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  :root{ --section-y:var(--section-y-mobile); }
  .container{ padding:0 24px; }
  .grid-3{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px){
  .container{ padding:0 20px; }
  .section-head{ margin-bottom:36px; }
  .grid-3{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0825ff0 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Exo+2:wght@400;500;600;700&display=swap');

:root{
  --accent:#F6DB18;
  --dark:#081B46;
  --gradient-dark:var(--dark);
  --gradient-mesh:none;
  --font-head:'Montserrat', sans-serif;
  --font-body:'Exo 2', sans-serif;
  --container:1280px;
  --section-y:120px;
  --section-y-mobile:64px;
  --radius-pill:100px;
}

*, *::before, *::after{ box-sizing:border-box; }
h2{
  font-family:var(--font-head);
  margin:0;
  line-height:1.18;
  letter-spacing:-.01em;
  font-size:clamp(1.9rem, 3.2vw, 2.75rem);
  font-weight:800;
}
p{ margin:0; font-family:var(--font-body); }

.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}
section{ position:relative; }
.section{ padding:var(--section-y) 0; }
.text-center{ text-align:center; }
.mt-16{ margin-top:16px; } .mt-24{ margin-top:24px; }

.eyebrow.on-dark{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-head);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  background:rgba(255,255,255,.12);
  color:var(--accent);
  padding:8px 16px;
  border-radius:var(--radius-pill);
}
.eyebrow.on-dark::before{
  content:"";
  width:6px; height:6px;
  background:var(--accent);
  border-radius:50%;
  flex-shrink:0;
  display:inline-block;
}

.impact{ background:var(--gradient-dark); position:relative; overflow:hidden; color:#fff; }
.impact::before{ content:""; position:absolute; inset:0; background:var(--gradient-mesh); }
.impact .container{ position:relative; z-index:2; }
.impact-grid{ display:grid; gap:64px; align-items:center; }

@media (max-width:1366px){
  .container{ max-width:1180px; }
  :root{ --section-y:100px; }
}
@media (max-width:768px){
  :root{ --section-y:var(--section-y-mobile); }
  .container{ padding:0 24px; }
}
@media (max-width:480px){
  .container{ padding:0 20px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b0f08b */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Exo+2:wght@400;500;600;700&display=swap');

:root{
  --primary:#0D35D1;
  --secondary:#0D35D1;
  --secondary-rgb:13,53,209;
  --dark:#081B46;
  --gray-600:#5B6785;
  --border:#E3E8F5;
  --surface:#FFFFFF;
  --radius-lg:24px;
  --font-head:'Montserrat', sans-serif;
  --font-body:'Exo 2', sans-serif;
  --container:1280px;
  --section-y:120px;
  --section-y-mobile:64px;
  --ease:cubic-bezier(.25,.46,.45,.94);
}

*, *::before, *::after{ box-sizing:border-box; }
h3{
  font-family:var(--font-head);
  color:var(--dark);
  margin:0;
  line-height:1.18;
  letter-spacing:-.01em;
  font-size:clamp(1.25rem, 2vw, 1.6rem);
  font-weight:700;
}
p{ margin:0; font-family:var(--font-body); }
ul{ list-style:none; margin:0; padding:0; }
li{ font-family:var(--font-body); }

.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}
section{ position:relative; }
.section{ padding:var(--section-y) 0; }
.mt-16{ margin-top:16px; }

.card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.card:hover{
  transform:translateY(-3px) scale(1.01);
  box-shadow:0 8px 30px rgba(8,27,70,.12);
  border-color:rgba(27,121,226,.15);
}

.icon-tile{
  width:56px; height:56px;
  border-radius:16px;
  background:rgba(var(--secondary-rgb),.1);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:22px;
}
.icon-tile svg{ width:26px; height:26px; color:var(--primary); }

.grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }

@media (max-width:1366px){
  .container{ max-width:1180px; }
  :root{ --section-y:100px; }
}
@media (max-width:768px){
  :root{ --section-y:var(--section-y-mobile); }
  .container{ padding:0 24px; }
  .grid-2{ grid-template-columns:1fr; }
}
@media (max-width:480px){
  .container{ padding:0 20px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85ceb49 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Exo+2:wght@400;500;600;700&display=swap');

:root{
  --accent:#F6DB18;
  --dark:#081B46;
  --gray-500:#7C87A3;
  --font-head:'Montserrat', sans-serif;
  --font-body:'Exo 2', sans-serif;
  --container:1280px;
}

*, *::before, *::after{ box-sizing:border-box; }
p{ margin:0; font-family:var(--font-body); }
span{ font-family:var(--font-body); }
svg{ display:block; }

.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}
section{ position:relative; }
.section-sm{ padding:72px 0; }
.text-center{ text-align:center; }

@media (max-width:1366px){
  .container{ max-width:1180px; }
}
@media (max-width:768px){
  .container{ padding:0 24px; }
}
@media (max-width:480px){
  .container{ padding:0 20px; }
}/* End custom CSS */