.nav-icon{width:18px;height:18px;flex:none;object-fit:contain;opacity:.8;}
nav.primary .wrap{gap:20px;}
nav.primary ul{gap:22px;font-family:var(--sans);font-size:13px;letter-spacing:0;}
nav.primary ul a{display:flex;align-items:center;gap:6px;white-space:nowrap;min-height:44px;}
nav.primary ul a .nav-icon,nav.primary .help-btn .nav-icon{display:none;}
nav.primary ul a::after{bottom:-16px;background:#2563eb;}
nav.primary .btn,.nav-drawer a,.drawer-btns .btn{font-family:var(--sans);letter-spacing:0;}
nav.primary:not(.scrolled) ul .nav-icon{filter:brightness(0) invert(1);}
nav.primary.scrolled ul a.active .nav-icon,nav.primary.scrolled ul a:hover .nav-icon{filter:invert(32%) sepia(99%) saturate(2410%) hue-rotate(216deg);}
.nav-drawer a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px;}
.mobile-bottom-nav,.nav-backdrop{display:none;}
.hero::before,.hero::after,.audience-card .motif{display:none;}
h2.section-title{letter-spacing:0;}
.btn-primary{background:#1d4ed8;box-shadow:none;}
.btn-primary:hover{background:#1e40af;box-shadow:0 4px 12px rgba(29,78,216,.15);}
.nav-drawer a:focus-visible,.mobile-bottom-nav :is(a,button):focus-visible{outline:2px solid #2563eb;outline-offset:-3px;}
@media(min-width:1321px){.nav-drawer.open{display:none;}}
@media(max-width:1320px){
  nav.primary ul{display:none;}
  .hamburger{display:flex;}
  .help-dropdown{display:none;}
  #btn-nav-masuk{display:none;}
  .nav-drawer{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;}
}

/* Portal Minerba amber theme: one visual language across the landing page. */
:root{--aceh-navy:#2b1a0e;--aceh-red:#b85d16;--aceh-red-hover:#93450d;--aceh-gold:#e9a53a;--forest:#a84f12;--forest-2:#d7791c;--line:#eadac5;--ink:#24170d;--ink-2:#5d4633;}
body{background:#fffaf2;color:var(--ink);}
nav.primary{border-top-color:var(--aceh-red)!important;background:rgba(255,255,255,.94);}
nav.primary:not(.scrolled) .brand-text .name,nav.primary.scrolled .brand-text .name{color:var(--aceh-navy)!important;}
nav.primary:not(.scrolled) .brand-text .sub,nav.primary.scrolled .brand-text .sub{color:#806448!important;}
nav.primary ul a::after,nav.primary ul a.active::after{background:var(--aceh-red)!important;box-shadow:none!important;}
nav.primary ul a:hover,nav.primary ul a.active,.help-btn:hover,.help-dropdown.open .help-btn{color:var(--aceh-red)!important;}
.btn-primary,.hero-primary{background:var(--aceh-red)!important;border-color:var(--aceh-red)!important;box-shadow:0 10px 22px rgba(184,93,22,.2)!important;}
.btn-primary:hover,.hero-primary:hover{background:var(--aceh-red-hover)!important;border-color:var(--aceh-red-hover)!important;}
.btn-ghost:hover{color:var(--aceh-red)!important;border-color:rgba(184,93,22,.4)!important;}
.hero-meta span::before,.hero-meta::before,.scroll-down::after,.eyebrow::before{background:var(--aceh-gold)!important;}
.hero .display,.hero h1.display{color:#fff!important;}
.hero .display em,.hero h1.display em,.section-title em,.sub-heading em{color:var(--aceh-gold)!important;background:none!important;-webkit-text-fill-color:initial!important;}
.hero-lead{color:rgba(255,248,236,.9)!important;text-shadow:0 1px 8px rgba(0,0,0,.3);}
.hero-secondary{color:#fff!important;}
.hero-play{color:var(--aceh-red)!important;}
.hero-band{background:rgba(43,26,14,.92)!important;}
.hero-band span+span::before{background:var(--aceh-gold)!important;}
.ticker{background:#3a2413!important;border-color:rgba(233,165,58,.35)!important;}
.ticker-lbl{color:#ffd27a!important;border-right-color:rgba(233,165,58,.28)!important;}
.ticker-i{color:#fff3df!important;}
.ticker-tr::before{background:linear-gradient(90deg,#3a2413,transparent)!important;}
.ticker-tr::after{background:linear-gradient(270deg,#3a2413,transparent)!important;}
.eyebrow,.section-title em{color:var(--aceh-red)!important;}
.mobile-bottom-nav .active,.mobile-bottom-nav [aria-expanded="true"]{color:var(--aceh-red)!important;}
.mobile-bottom-nav .active::before,.mobile-bottom-nav [aria-expanded="true"]::before{background:var(--aceh-red)!important;}
@media(max-width:720px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px));}
  html{scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));}
  nav.primary .wrap{height:68px;gap:12px;padding-inline:16px;}
  nav.primary .brand{gap:8px;min-width:0;}
  nav.primary .brand-mark{width:42px;height:46px;flex:none;}
  nav.primary .brand-text .name{font-size:16px;letter-spacing:0;}
  nav.primary .brand-text .sub{font-size:10px;letter-spacing:0;}
  nav.primary .nav-cta{gap:0;}
  nav.primary #btn-nav-daftar{font-size:12px!important;padding-inline:12px;min-width:0;}
  #nav-hamburger{display:none;}
  .mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:110;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-top:1px solid #dce4ee;padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 18px rgba(15,23,42,.06);}
  .mobile-bottom-nav a,.mobile-bottom-nav button{appearance:none;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:60px;margin:0;padding:6px 2px;color:#526174;font-family:var(--sans);font-size:11px;font-weight:500;line-height:1.3;letter-spacing:0;cursor:pointer;text-decoration:none;position:relative;}
  .mobile-bottom-nav .nav-icon{width:22px;height:22px;}
  .mobile-bottom-nav .active,.mobile-bottom-nav [aria-expanded="true"]{color:#1d4ed8;font-weight:700;}
  .mobile-bottom-nav .active::before,.mobile-bottom-nav [aria-expanded="true"]::before{content:"";position:absolute;top:-4px;width:28px;height:3px;border-radius:0 0 3px 3px;background:#2563eb;}
  .mobile-bottom-nav .active .nav-icon,.mobile-bottom-nav [aria-expanded="true"] .nav-icon{opacity:1;filter:invert(32%) sepia(99%) saturate(2410%) hue-rotate(216deg);}
  .nav-drawer{top:auto;bottom:calc(68px + env(safe-area-inset-bottom,0px));z-index:109;max-height:calc(100dvh - 160px - env(safe-area-inset-bottom,0px));background:#fff;border-radius:16px 16px 0 0;border-top:1px solid #dce4ee;padding:16px 20px;box-shadow:0 -8px 28px rgba(15,23,42,.1);}
  .nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:108;border:0;background:rgba(15,23,42,.35);padding:0;}
  body.nav-menu-open{overflow:hidden;}
  .hero .display{font-size:36px;line-height:1.18;letter-spacing:0;}
  h2.section-title{font-size:30px;line-height:1.2;}
  .hero-rail{display:none;}
}

@media(max-width:720px){
  .wrap{padding-inline:18px;}
  section{padding:64px 0;}
  section.stats-dark{padding:64px 0;}
  .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:12px;gap:9px;}
  .eyebrow::before{width:20px;}
  .lead{font-size:15px;line-height:1.65;}
  .btn{width:100%;min-height:46px;height:auto;padding:12px 18px;font-size:14px!important;line-height:1.25;}
  nav.primary .nav-cta .btn{width:auto;min-height:40px;height:40px;padding:0 12px;}
  .drawer-btns .btn{width:100%;}

  .hero{min-height:100svh;align-items:center;}
  .hero-bg{background-position:center;}
  .hero-overlay{background:linear-gradient(180deg,rgba(7,17,33,.82) 0%,rgba(7,17,33,.48) 42%,rgba(7,17,33,.78) 100%);}
  .hero-content{padding-top:112px;padding-bottom:108px;}
  .hero-inner{max-width:100%;text-align:left;}
  .hero-meta{justify-content:flex-start;gap:10px;margin-bottom:14px;font-size:10px;letter-spacing:.08em;}
  .hero-meta::before,.hero-meta::after{display:none;}
  .hero .display{font-size:34px;line-height:1.14;max-width:12ch;}
  .scroll-down{margin:28px 0 0;font-size:10px;letter-spacing:.1em;}

  .ticker{padding:.5rem 0;}
  .ticker-lbl{padding:0 .75rem;font-size:10px;letter-spacing:1px;}
  .ticker-i{padding:0 1rem;font-size:.72rem;}

  .value-strip{padding:1.35rem 18px 1.2rem;}
  .value-card{border-radius:16px;box-shadow:0 14px 36px rgba(15,23,42,.2);}
  .val-item{min-height:auto;padding:1.35rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.08);}
  .val-ico{width:48px;height:48px;margin-bottom:.75rem;}
  .val-t{font-size:.76rem;letter-spacing:.06em;}
  .val-d{font-size:.78rem;line-height:1.55;}
  .val-num{top:12px;right:14px;font-size:10px;}

  .audience-grid{gap:16px;margin-top:32px;}
  .audience-card{min-height:0;border-radius:16px;padding:24px;}
  .audience-card:hover,.audience-card.dark:hover{transform:none;}
  .audience-card h3{font-size:26px;line-height:1.16;margin:12px 0;}
  .audience-card .card-body{font-size:14px;}
  .audience-card ul.checks{margin:18px 0 22px;gap:10px;}
  .audience-card ul.checks li{font-size:13px;}
  .audience-card .card-actions{gap:8px;}

  .map-layout-real{gap:14px;margin-top:30px;}
  .map-box-real{border-radius:16px;}
  #wiup-map{height:360px;}
  .map-controls-hint{font-size:9px;line-height:1.4;padding:8px 12px;}
  .map-side-real{gap:10px;}
  .map-legend-box,.kab-filter-box{border-radius:10px;padding:14px;}
  #kab-chips{max-height:160px;}

  .ba-head{gap:18px;margin-bottom:28px;}
  .ba-grid{gap:18px;}
  .ba-img,.verif-card{border-radius:16px;}
  .ba-pill{top:12px;left:12px;font-size:.58rem;}
  .ba-cap-d{font-size:.78rem;}
  .ba-div-icon{transform:rotate(90deg);}
  .verif-grid{gap:14px;margin-top:24px;}
  .verif-ov{padding:14px;}

  .process-grid{gap:14px;margin-top:32px;}
  .step{min-height:0;border-radius:16px;padding:24px;}
  .step:hover{transform:none;}
  .step .step-num{font-size:42px;}
  .step h3{font-size:19px;}
  .step p{font-size:13.5px;}
  .step .file-tag{padding-top:18px;font-size:9px;letter-spacing:.08em;}

  .fitur-grid{gap:14px;margin-top:28px;}
  .fitur-card{border-radius:16px;padding:22px;}
  .fitur-card:hover{transform:none;}
  .fc-d{font-size:.78rem;line-height:1.65;}

  .stats-grid-dark{gap:14px;margin-top:34px;}
  .stat-cell{border-radius:16px;padding:22px;}
  .stat-cell:hover{transform:none;}
  .stat-cell .snum{font-size:42px;margin:12px 0 8px;}
  .stat-cell .sdesc{font-size:13px;}

  .reg-grid{gap:30px;}
  .reg-item{grid-template-columns:58px 1fr;gap:14px;padding:18px 0;}
  .reg-year{font-size:28px;}
  .reg-title{font-size:15px;}
  .reg-desc{font-size:12.5px;line-height:1.6;}

  section.quote-band{padding:48px 0;}
  .quote-band-inner{align-items:flex-start;gap:16px;}
  .qmark{font-size:58px;margin-top:2px;}
  .quote-text{font-size:24px;line-height:1.35;}
  .quote-text br{display:none;}
  .quote-attr{font-size:10px;letter-spacing:.1em;line-height:1.6;}

  footer{padding:48px 0 28px;}
  .foot-brand .brand-name{font-size:20px;}
  .foot-brand .brand-sub{line-height:1.5;}
  .foot-bottom{margin-top:34px;font-size:10px;line-height:1.6;}
  .btt{right:16px;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:42px;height:42px;border-radius:12px;}

  .mbg{align-items:flex-end;padding:10px;}
  .modal-wrap{width:100%;max-height:calc(100dvh - 20px);border-radius:20px 20px 0 0;}
  .modal-form-panel{max-height:inherit;border-radius:20px 20px 0 0;padding:24px 18px calc(24px + env(safe-area-inset-bottom,0px));}
  .modal-close-btn{top:12px;right:12px;width:40px;height:40px;}
  .modal-form-panel h4{font-size:24px;padding-right:44px;}
  .modal-sub{font-size:12.5px;margin-bottom:18px;}
  .form-row{grid-template-columns:1fr;gap:0;}
  .fg{margin-bottom:12px;}
  .fg input,.fg select{height:46px;font-size:16px;}
  .bsub{height:48px;font-size:14px;}
}

@media(max-width:420px){
  nav.primary .wrap{padding-inline:14px;}
  nav.primary .brand-mark{width:38px;height:42px;}
  nav.primary .brand-text .name{font-size:14px;}
  nav.primary .brand-text .sub{display:none;}
  nav.primary #btn-nav-daftar{padding-inline:10px;font-size:11px!important;}
  .hero .display{font-size:31px;}
  .hero-content{padding-top:96px;}
  .mobile-bottom-nav{padding-inline:4px;}
  .mobile-bottom-nav a,.mobile-bottom-nav button{font-size:10px;min-height:58px;}
  .mobile-bottom-nav .nav-icon{width:21px;height:21px;}
  .audience-card,.step,.fitur-card,.stat-cell{padding:20px;}
  #wiup-map{height:320px;}
  .reg-item{grid-template-columns:1fr;}
}

/* Integrated portal direction: environmental hero + service portal cards */
body{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 34%,#eef6ff 100%);}
nav.primary{background:rgba(255,255,255,.84);border-bottom:1px solid rgba(203,216,232,.78);box-shadow:0 10px 34px rgba(15,46,94,.06);}
nav.primary:not(.scrolled){background:rgba(255,255,255,.72);border-bottom-color:rgba(255,255,255,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
nav.primary:not(.scrolled) .brand-text .name{color:#0b2e5e;}
nav.primary:not(.scrolled) .brand-text .sub{color:#58718f;}
nav.primary:not(.scrolled) ul a,nav.primary:not(.scrolled) .help-btn,nav.primary:not(.scrolled) .btn-ghost{color:#16345b;}
nav.primary:not(.scrolled) ul a:hover,nav.primary:not(.scrolled) ul a.active,nav.primary:not(.scrolled) .help-btn:hover{color:#1d4ed8;}
nav.primary:not(.scrolled) ul .nav-icon{filter:none;}
nav.primary ul a::after{height:3px;bottom:-15px;border-radius:999px;background:linear-gradient(90deg,#0f766e,#2563eb);}
.btn-primary{background:linear-gradient(135deg,#0f766e,#1d4ed8);box-shadow:0 12px 28px rgba(29,78,216,.18);}
.btn-primary:hover{background:linear-gradient(135deg,#0b5f59,#1e40af);}

.hero{min-height:92vh;background:#f7fbff;align-items:center;}
.hero-bg{background-position:center right;filter:saturate(1.08) contrast(1.03) brightness(1);}
.hero-video{filter:saturate(1.05) contrast(1.02) brightness(.94);}
.hero-overlay{background:linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.94) 29%,rgba(247,251,255,.66) 48%,rgba(247,251,255,.18) 72%,rgba(7,17,33,.20) 100%);}
.hero-overlay-b{height:150px;background:linear-gradient(to top,#f7fbff 0%,rgba(247,251,255,0) 100%);}
.hero-content{padding-top:calc(76px + 56px);padding-bottom:120px;}
.hero-inner{max-width:720px;margin:0;text-align:left;}
.hero-meta{justify-content:flex-start;color:#0f766e;font-family:var(--sans);font-weight:800;letter-spacing:.08em;}
.hero-meta::before,.hero-meta::after{display:none;}
.hero .display{color:#0b172a;font-family:var(--sans);font-size:clamp(46px,5.3vw,76px);line-height:1.02;font-weight:800;letter-spacing:-.02em;text-wrap:balance;}
.hero .display em{color:#0f766e;background:none;-webkit-background-clip:initial;background-clip:initial;font-style:normal;font-weight:800;}
.scroll-down{margin:34px 0 0;color:#0b2e5e;background:rgba(255,255,255,.78);border:1px solid rgba(15,118,110,.22);border-radius:999px;padding:12px 18px;box-shadow:0 14px 32px rgba(15,46,94,.12);}
.scroll-down:hover{color:#1d4ed8;background:#fff;}
.hero-rail{border-right-color:rgba(15,46,94,.22);}
.hero-rail a{color:rgba(11,46,94,.58);}
.hero-rail a:hover{color:#0b2e5e;}

.ticker{background:#0b2e5e;border-color:rgba(255,255,255,.10);}
.ticker-lbl{color:#bfe8db;border-right-color:rgba(255,255,255,.16);}
.ticker-tr::before{background:linear-gradient(90deg,#0b2e5e,transparent);}
.ticker-tr::after{background:linear-gradient(270deg,#0b2e5e,transparent);}
.ti-dot{background:#a7f3d0;}

.value-strip{padding-top:0;margin-top:-76px;}
.value-card{border-radius:18px;background:linear-gradient(135deg,#061b35 0%,#0b3b78 52%,#06233f 100%);box-shadow:0 24px 62px rgba(15,46,94,.26);}
.val-item{padding-top:2.4rem;padding-bottom:2.1rem;}
.val-ico{background:rgba(255,255,255,.08);border-color:rgba(191,232,219,.26);color:#bfe8db;}
.val-t{font-family:var(--sans);font-weight:800;letter-spacing:0;text-transform:none;}
.val-d{color:rgba(255,255,255,.68);}

section.alt{background:linear-gradient(180deg,#ffffff 0%,#f2f8ff 100%);border-color:#e2edf8;}
.audience-card,.fitur-card,.step,.map-legend-box,.kab-filter-box{border-radius:14px;background:rgba(255,255,255,.92);border-color:#dce8f5;box-shadow:0 18px 44px rgba(15,46,94,.08);}
.audience-card.dark,.fitur-card.feat{background:linear-gradient(135deg,#0b2e5e,#123f76);box-shadow:0 24px 52px rgba(15,46,94,.18);}
.audience-card h3,.step h3,.fc-t,.reg-title{font-family:var(--sans);font-weight:800;letter-spacing:0;}
.audience-card h3{font-size:30px;}
.audience-card .card-num{font-family:var(--sans);font-weight:800;letter-spacing:.04em;color:#0f766e;}
.audience-card.dark .card-num{color:#bfe8db;background:none;-webkit-background-clip:initial;background-clip:initial;}
.audience-card .card-actions .btn{border-radius:10px;}

.map-box-real{border-radius:18px;box-shadow:0 22px 58px rgba(15,46,94,.13);}
.map-controls-hint{background:#f8fbff;color:#58718f;}
.btn-peta{border-radius:10px;}
.ba-img,.verif-card{border-radius:14px;box-shadow:0 18px 42px rgba(15,46,94,.12);}
.ba-pill{border-radius:999px;background:#0b2e5e!important;color:#fff;}

.process-grid,.fitur-grid{gap:18px;}
.step{border-top:4px solid #0f766e;}
.step::before{display:none;}
.step .step-num{font-family:var(--sans);font-weight:800;background:none;color:#c4d8ec;opacity:1;}
.step .file-tag{font-family:var(--sans);font-weight:800;letter-spacing:.04em;color:#1d4ed8;}
.fitur-card::before{display:none;}
.fc-ico{stroke:#0f766e;}
.fitur-card.feat .fc-ico{stroke:#bfe8db;}

section.stats-dark{background:linear-gradient(135deg,#072040 0%,#0b3b78 58%,#061b35 100%);}
section.stats-dark::before,section.stats-dark::after{display:none;}
.stat-cell{border-radius:14px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);}
.stat-cell .slab{font-family:var(--sans);font-weight:800;letter-spacing:.04em;color:#bfe8db;}
.stat-cell .snum{font-family:var(--sans);font-weight:800;}
.stat-cell .snum em{background:none;color:#fff;-webkit-background-clip:initial;background-clip:initial;}

.reg-grid{align-items:stretch;}
.reg-list{background:#fff;border:1px solid #dce8f5;border-radius:16px;padding:8px 24px;box-shadow:0 20px 48px rgba(15,46,94,.08);}
.reg-item{grid-template-columns:76px 1fr auto;}
.reg-year{font-family:var(--sans);font-weight:800;color:#0f766e;}
a.reg-link{font-family:var(--sans);letter-spacing:0;text-transform:none;border-radius:10px;color:#0b2e5e;}

section.quote-band{background:linear-gradient(135deg,#0b2e5e,#0f766e);}
.quote-text{font-family:var(--sans);font-style:normal;font-weight:800;}
footer{background:#061b35;}

@media(max-width:900px){
  .hero{min-height:88svh;}
  .hero-content{padding-top:118px;padding-bottom:104px;}
  .hero-overlay{background:linear-gradient(180deg,rgba(247,251,255,.94) 0%,rgba(247,251,255,.70) 48%,rgba(7,17,33,.28) 100%);}
  .value-strip{margin-top:-54px;}
}

@media(max-width:720px){
  nav.primary:not(.scrolled){background:rgba(255,255,255,.86);}
  .hero{min-height:86svh;}
  .hero-bg{background-position:center;}
  .hero-overlay{background:linear-gradient(180deg,rgba(247,251,255,.96) 0%,rgba(247,251,255,.72) 48%,rgba(7,17,33,.28) 100%);}
  .hero-content{padding-top:104px;padding-bottom:96px;}
  .hero .display{max-width:13ch;color:#08213f;}
  .scroll-down{padding:10px 14px;}
  .value-strip{margin-top:-42px;}
  .value-card{border-radius:16px;}
  .audience-card h3{font-size:25px;}
  .reg-list{padding:4px 18px;border-radius:14px;}
  .reg-item{grid-template-columns:58px 1fr;}
}

/* Reference 5 hero frame: spacious photo card, clean top bar, no heavy gradients */
html{background:#1f3a26;}
body{background:#f5fbf3;}
nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled){
  position:fixed;
  top:14px;
  left:18px;
  right:18px;
  width:auto;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(31,58,38,.12);
  box-shadow:0 10px 28px rgba(31,58,38,.08);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
nav.primary .wrap{height:72px;padding-inline:34px;}
nav.primary .brand-mark{width:48px;height:48px;}
nav.primary .brand-text .name,nav.primary:not(.scrolled) .brand-text .name{color:#183421;font-family:var(--sans);font-weight:800;}
nav.primary .brand-text .sub,nav.primary:not(.scrolled) .brand-text .sub{color:#6f8275;}
nav.primary ul a,nav.primary:not(.scrolled) ul a,nav.primary .help-btn,nav.primary:not(.scrolled) .help-btn,nav.primary .btn-ghost,nav.primary:not(.scrolled) .btn-ghost{color:#1f3326;}
nav.primary ul a:hover,nav.primary ul a.active,nav.primary:not(.scrolled) ul a:hover,nav.primary:not(.scrolled) ul a.active,nav.primary .help-btn:hover,nav.primary:not(.scrolled) .help-btn:hover{color:#477d55;}
nav.primary ul a::after{bottom:-18px;height:2px;background:#8fb69a;}
nav.primary:not(.scrolled) ul .nav-icon{filter:none;}
nav.primary:not(.scrolled) .hamburger span{background:#1f3326;}
.btn-primary{
  background:#8fb69a;
  color:#fff;
  border-color:#8fb69a;
  box-shadow:none;
}
.btn-primary:hover{background:#6f9879;box-shadow:none;}
.btn-secondary{border-color:rgba(31,58,38,.35);color:#1f3326;background:rgba(255,255,255,.72);}
.btn-secondary:hover{background:#1f3a26;border-color:#1f3a26;color:#fff;}

.hero{
  margin:98px 18px 0;
  min-height:calc(100svh - 122px);
  border-radius:24px;
  background:#24442b;
  align-items:center;
  box-shadow:0 20px 54px rgba(31,58,38,.22);
  border:1px solid rgba(31,58,38,.12);
}
.hero-bg,.hero-video{
  inset:0;
  width:100%;
  height:100%;
  border-radius:24px;
  filter:saturate(1.02) contrast(1.02) brightness(.86);
  background-position:center;
}
.hero-overlay{
  background:rgba(10,29,18,.24);
  border-radius:24px;
}
.hero-overlay-b{display:none;}
.hero-content{
  padding-top:72px;
  padding-bottom:72px;
}
.hero-inner{
  max-width:820px;
  margin:0;
  text-align:left;
  color:#fff;
}
.hero-meta{
  color:#e6f0df;
  font-family:var(--sans);
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  margin-bottom:18px;
}
.hero-meta span::before{background:#b8d5ad;}
.hero .display{
  max-width:930px;
  color:#fff;
  font-family:var(--sans);
  font-weight:700;
  font-size:clamp(52px,7vw,92px);
  line-height:1.02;
  letter-spacing:-.015em;
  text-shadow:0 2px 24px rgba(0,0,0,.30);
}
.hero .display em{
  color:#c9dfbd;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  font-style:normal;
}
.scroll-down{
  margin:34px 0 0;
  width:max-content;
  color:#1f3326;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.55);
  border-radius:999px;
  padding:13px 18px;
  box-shadow:none;
}
.scroll-down:hover{color:#1f3326;background:#fff;}
.hero-rail{display:none;}
.ticker{margin:24px 18px 0;border-radius:18px;background:#fff;border:1px solid rgba(31,58,38,.10);box-shadow:0 14px 34px rgba(31,58,38,.08);}
.ticker-lbl{color:#477d55;border-right-color:#e2eadf;}
.ticker-i{color:#5f7267;}
.ti-co{color:#1f3326;}
.ticker-tr::before{background:linear-gradient(90deg,#fff,transparent);}
.ticker-tr::after{background:linear-gradient(270deg,#fff,transparent);}
.ti-dot,.tdot{background:#8fb69a;}
section:first-of-type:not(.hero){padding-top:78px;}
.audience-card.dark,.fitur-card.feat,section.stats-dark,section.quote-band{background:#0b2e5e;}
section.alt{background:#f5fbf3;}
.btn-primary,.btn-primary:hover{background:#8fb69a;}
.btn-secondary:hover{background:#1f3a26;}

@media(max-width:1320px){
  nav.primary .wrap{padding-inline:24px;}
}

@media(max-width:720px){
  html{background:#f5fbf3;}
  nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled){
    top:10px;
    left:10px;
    right:10px;
    border-radius:18px;
    border:1px solid rgba(31,58,38,.12);
  }
  nav.primary .wrap{height:64px;padding-inline:14px;}
  nav.primary .brand-mark{width:40px;height:40px;}
  .hero{
    margin:86px 10px 0;
    min-height:calc(100svh - 104px);
    border-radius:22px;
  }
  .hero-bg,.hero-video,.hero-overlay{border-radius:22px;}
  .hero-overlay{background:rgba(10,29,18,.38);}
  .hero-content{padding-top:72px;padding-bottom:92px;}
  .hero .display{max-width:11ch;font-size:42px;line-height:1.08;color:#fff;}
  .hero-meta{font-size:10px;gap:8px;color:#eef7ea;}
  .scroll-down{padding:10px 14px;font-size:10px;}
  .ticker{margin:18px 10px 0;border-radius:14px;}
  section:first-of-type:not(.hero){padding-top:58px;}
}

@media(max-width:420px){
  nav.primary .brand-text .name{font-size:14px;}
  .hero .display{font-size:36px;}
}

/* Single-accent cleanup: green only, no blue accent mixing */
:root{
  --forest:#1f3a26;
  --forest-2:#2f5b3a;
  --moss:#6f9879;
  --terra:#6f9879;
  --terra-2:#477d55;
  --cream:#f5fbf3;
  --cream-2:#edf6eb;
  --line:#dbe8d8;
  --line-soft:#e7f0e4;
  --glow:rgba(111,152,121,.15);
}
body{background:#f5fbf3;color:#17251b;}
nav.primary ul a::after,.mobile-bottom-nav .active::before,.mobile-bottom-nav [aria-expanded="true"]::before{background:#6f9879;}
nav.primary ul a:hover,nav.primary ul a.active,nav.primary.scrolled ul a.active,nav.primary.scrolled ul a:hover,.help-btn:hover{color:#477d55;}
.nav-drawer a:focus-visible,.mobile-bottom-nav :is(a,button):focus-visible{outline-color:#6f9879;}
.mobile-bottom-nav .active,.mobile-bottom-nav [aria-expanded="true"]{color:#477d55;}
.mobile-bottom-nav .active .nav-icon,.mobile-bottom-nav [aria-expanded="true"] .nav-icon,nav.primary.scrolled ul a.active .nav-icon,nav.primary.scrolled ul a:hover .nav-icon{filter:invert(42%) sepia(14%) saturate(1133%) hue-rotate(82deg) brightness(92%) contrast(90%);}
.btn-primary,.btn-primary:hover,.bsub,.bsub:hover{background:#6f9879;border-color:#6f9879;color:#fff;box-shadow:none;}
.btn-secondary:hover,.btn-light:hover{background:#1f3a26;border-color:#1f3a26;color:#fff;}
.btn-light{background:#f5fbf3;color:#1f3a26;border-color:#dbe8d8;}
.audience-card.dark,.fitur-card.feat,section.stats-dark,section.quote-band,footer{background:#1f3a26;color:#f5fbf3;}
.audience-card.dark::before,section.stats-dark::before,section.stats-dark::after,.fitur-card.feat::before{display:none;}
.audience-card.dark .card-num,.stat-cell .slab,.quote-attr,.fitur-card.feat .fc-ico{color:#cfe2c7;stroke:#cfe2c7;background:none;-webkit-background-clip:initial;background-clip:initial;}
.stat-cell{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);}
.stat-cell .snum,.stat-cell .snum em{color:#fff;background:none;-webkit-background-clip:initial;background-clip:initial;}
.eyebrow,h2.section-title em,.audience-card .card-num,.reg-year,.step .file-tag,a.reg-link,.ticker-lbl{color:#477d55;background:none;-webkit-background-clip:initial;background-clip:initial;}
.eyebrow::before,.step{border-color:#6f9879;}
.step{border-top-color:#6f9879;}
.fc-ico{stroke:#477d55;}
.ba-pill{background:#1f3a26!important;}
.ticker,.map-legend-box,.kab-filter-box,.audience-card,.fitur-card,.step,.reg-list{background:#fff;border-color:#dbe8d8;box-shadow:0 16px 38px rgba(31,58,38,.08);}
section.alt{background:#f5fbf3;border-color:#e7f0e4;}
.reg-list{background:#fff;}
.reg-title,.fc-t,.step h3,.audience-card h3{color:#17251b;}
.hero .display em{color:#cfe2c7;}
.scroll-down{color:#1f3a26;border-color:rgba(255,255,255,.58);}
.scroll-down:hover{color:#1f3a26;}

/* Single-accent variant: clean government blue like reference 3 */
:root{
  --forest:#1d4f91;
  --forest-2:#2563b8;
  --moss:#2f74d0;
  --terra:#2f74d0;
  --terra-2:#1d4f91;
  --cream:#f5f8ff;
  --cream-2:#edf4ff;
  --line:#dbe7f7;
  --line-soft:#e8f0fb;
  --glow:rgba(47,116,208,.15);
}
html{background:#eaf2ff;}
body{background:#f5f8ff;color:#13233a;}
nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled){
  border-color:rgba(29,79,145,.14);
  box-shadow:0 10px 28px rgba(29,79,145,.08);
}
nav.primary .brand-text .name,nav.primary:not(.scrolled) .brand-text .name{color:#153964;}
nav.primary .brand-text .sub,nav.primary:not(.scrolled) .brand-text .sub{color:#6a7f99;}
nav.primary ul a,nav.primary:not(.scrolled) ul a,nav.primary .help-btn,nav.primary:not(.scrolled) .help-btn,nav.primary .btn-ghost,nav.primary:not(.scrolled) .btn-ghost{color:#173556;}
nav.primary ul a::after,.mobile-bottom-nav .active::before,.mobile-bottom-nav [aria-expanded="true"]::before{background:#2f74d0;}
nav.primary ul a:hover,nav.primary ul a.active,nav.primary.scrolled ul a.active,nav.primary.scrolled ul a:hover,.help-btn:hover{color:#2f74d0;}
nav.primary:not(.scrolled) .hamburger span{background:#173556;}
.nav-drawer a:focus-visible,.mobile-bottom-nav :is(a,button):focus-visible{outline-color:#2f74d0;}
.mobile-bottom-nav .active,.mobile-bottom-nav [aria-expanded="true"]{color:#2f74d0;}
.mobile-bottom-nav .active .nav-icon,.mobile-bottom-nav [aria-expanded="true"] .nav-icon,nav.primary.scrolled ul a.active .nav-icon,nav.primary.scrolled ul a:hover .nav-icon{filter:invert(39%) sepia(74%) saturate(1198%) hue-rotate(193deg) brightness(90%) contrast(89%);}
.btn-primary,.btn-primary:hover,.bsub,.bsub:hover{background:#2f74d0;border-color:#2f74d0;color:#fff;box-shadow:none;}
.btn-secondary{border-color:rgba(29,79,145,.32);color:#173556;}
.btn-secondary:hover,.btn-light:hover{background:#153964;border-color:#153964;color:#fff;}
.btn-light{background:#f5f8ff;color:#153964;border-color:#dbe7f7;}
.hero{
  background:#153964;
  border-color:rgba(29,79,145,.14);
  box-shadow:0 20px 54px rgba(29,79,145,.20);
}
.hero-overlay{background:rgba(9,32,61,.30);}
.hero-meta{color:#edf4ff;}
.hero-meta span::before,.ti-dot,.tdot{background:#8bb8ef;}
.hero .display em{color:#b9d7ff;}
.scroll-down{color:#153964;border-color:rgba(255,255,255,.62);}
.scroll-down:hover{color:#153964;background:#fff;}
.ticker,.map-legend-box,.kab-filter-box,.audience-card,.fitur-card,.step,.reg-list{background:#fff;border-color:#dbe7f7;box-shadow:0 16px 38px rgba(29,79,145,.08);}
.ticker{border-color:rgba(29,79,145,.12);}
.ticker-lbl,.eyebrow,h2.section-title em,.audience-card .card-num,.reg-year,.step .file-tag,a.reg-link{color:#2f74d0;background:none;-webkit-background-clip:initial;background-clip:initial;}
.ticker-i{color:#62758d;}
.ti-co{color:#13233a;}
.ticker-tr::before{background:linear-gradient(90deg,#fff,transparent);}
.ticker-tr::after{background:linear-gradient(270deg,#fff,transparent);}
section.alt{background:#f5f8ff;border-color:#e8f0fb;}
.audience-card.dark,.fitur-card.feat,section.stats-dark,section.quote-band,footer{background:#153964;color:#f5f8ff;}
.audience-card.dark .card-num,.stat-cell .slab,.quote-attr,.fitur-card.feat .fc-ico{color:#b9d7ff;stroke:#b9d7ff;background:none;-webkit-background-clip:initial;background-clip:initial;}
.stat-cell{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);}
.stat-cell .snum,.stat-cell .snum em{color:#fff;background:none;-webkit-background-clip:initial;background-clip:initial;}
.eyebrow::before,.step{border-color:#2f74d0;}
.step{border-top-color:#2f74d0;}
.fc-ico{stroke:#2f74d0;}
.ba-pill{background:#153964!important;}
.reg-title,.fc-t,.step h3,.audience-card h3{color:#13233a;}

@media(max-width:720px){
  html{background:#f5f8ff;}
  nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled){border-color:rgba(29,79,145,.14);}
  .hero-overlay{background:rgba(9,32,61,.42);}
}

/* Blue topbar variant */
nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled){
  background:#153964;
  border-color:#153964;
  box-shadow:0 12px 30px rgba(21,57,100,.18);
}
nav.primary .brand-text .name,nav.primary:not(.scrolled) .brand-text .name{color:#fff;}
nav.primary .brand-text .sub,nav.primary:not(.scrolled) .brand-text .sub{color:rgba(255,255,255,.72);}
nav.primary ul a,nav.primary:not(.scrolled) ul a,nav.primary .help-btn,nav.primary:not(.scrolled) .help-btn,nav.primary .btn-ghost,nav.primary:not(.scrolled) .btn-ghost{color:rgba(255,255,255,.86);}
nav.primary ul a:hover,nav.primary ul a.active,nav.primary.scrolled ul a.active,nav.primary.scrolled ul a:hover,nav.primary .help-btn:hover,nav.primary:not(.scrolled) .help-btn:hover{color:#fff;}
nav.primary ul a::after{background:#8bb8ef;}
nav.primary .nav-icon,nav.primary:not(.scrolled) ul .nav-icon{filter:brightness(0) invert(1);opacity:.9;}
nav.primary .btn-primary{
  background:#fff;
  border-color:#fff;
  color:#153964;
}
nav.primary .btn-primary:hover{
  background:#edf4ff;
  border-color:#edf4ff;
  color:#153964;
}
nav.primary .btn-ghost:hover{color:#fff;}
nav.primary:not(.scrolled) .hamburger span,.hamburger span{background:#fff;}

@media(max-width:720px){
  nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled){background:#153964;border-color:#153964;}
}

/* Subtle technology layer: blue system UI with cyan signals */
:root{
  --tech-blue:#123a6f;
  --tech-blue-2:#1f62b7;
  --tech-cyan:#22d3ee;
  --tech-soft:#eaf6ff;
  --tech-line:#cfe4fb;
}
body{
  background:
    linear-gradient(rgba(18,58,111,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,58,111,.035) 1px,transparent 1px),
    #f4f9ff;
  background-size:32px 32px;
  color:#10233d;
}
nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled){
  background:rgba(18,58,111,.96);
  border-color:rgba(34,211,238,.22);
  box-shadow:0 16px 34px rgba(18,58,111,.20), inset 0 1px 0 rgba(255,255,255,.10);
}
nav.primary ul a::after{
  height:3px;
  background:#22d3ee;
  box-shadow:0 0 16px rgba(34,211,238,.55);
}
nav.primary .btn-primary{
  background:#22d3ee;
  border-color:#22d3ee;
  color:#0f2a50;
  box-shadow:0 0 0 1px rgba(255,255,255,.18),0 10px 24px rgba(34,211,238,.24);
}
nav.primary .btn-primary:hover{background:#7deafa;border-color:#7deafa;color:#0f2a50;}
.hero{
  background:#123a6f;
  border-color:rgba(34,211,238,.22);
  box-shadow:0 24px 64px rgba(18,58,111,.24);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:24px;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(34,211,238,.18) 1px,transparent 1px),
    linear-gradient(rgba(34,211,238,.13) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.45),transparent 62%);
}
.hero::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  z-index:2;
  width:42%;
  height:3px;
  background:linear-gradient(90deg,transparent,#22d3ee,transparent);
  box-shadow:0 0 24px rgba(34,211,238,.65);
  pointer-events:none;
}
.hero-overlay{background:linear-gradient(90deg,rgba(7,28,58,.72) 0%,rgba(7,28,58,.35) 42%,rgba(7,28,58,.16) 100%);}
.hero-meta span::before,.ti-dot,.tdot{background:#22d3ee;box-shadow:0 0 12px rgba(34,211,238,.7);}
.hero .display em{color:#9eeeff;}
.scroll-down{
  background:rgba(255,255,255,.92);
  border-color:rgba(34,211,238,.35);
  box-shadow:0 12px 28px rgba(18,58,111,.16);
}
.ticker,.map-legend-box,.kab-filter-box,.audience-card,.fitur-card,.step,.reg-list{
  border-color:#cfe4fb;
  box-shadow:0 16px 38px rgba(18,58,111,.08), inset 0 1px 0 rgba(255,255,255,.7);
}
.ticker-lbl,.eyebrow,h2.section-title em,.audience-card .card-num,.reg-year,.step .file-tag,a.reg-link{color:#1f62b7;}
.eyebrow::before,.step{border-color:#22d3ee;}
.step{border-top-color:#22d3ee;}
.fc-ico{stroke:#1f62b7;}
.fitur-card:hover,.step:hover,.audience-card:hover{box-shadow:0 20px 48px rgba(18,58,111,.13),0 0 0 1px rgba(34,211,238,.12);}
.audience-card.dark,.fitur-card.feat,section.stats-dark,section.quote-band,footer{background:#123a6f;}
.stat-cell{
  background:rgba(255,255,255,.07);
  border-color:rgba(34,211,238,.16);
}
.audience-card.dark .card-num,.stat-cell .slab,.quote-attr,.fitur-card.feat .fc-ico{color:#9eeeff;stroke:#9eeeff;}
.mobile-bottom-nav .active,.mobile-bottom-nav [aria-expanded="true"]{color:#1f62b7;}
.mobile-bottom-nav .active::before,.mobile-bottom-nav [aria-expanded="true"]::before{background:#22d3ee;}
.mobile-bottom-nav .active .nav-icon,.mobile-bottom-nav [aria-expanded="true"] .nav-icon{filter:invert(48%) sepia(94%) saturate(600%) hue-rotate(153deg) brightness(96%) contrast(94%);}

@media(max-width:720px){
  .hero::before{border-radius:22px;mask-image:linear-gradient(180deg,rgba(0,0,0,.25),transparent 70%);}
  .hero-overlay{background:rgba(7,28,58,.48);}
}

/* Final concept: reference 3 layout, white topbar, digital reclamation hero */
body{
  background:#f4f8fd;
  background-image:none;
  color:#10233d;
}
nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled){
  top:16px;
  left:22px;
  right:22px;
  background:#fff;
  border:1px solid #d9e6f5;
  border-radius:4px;
  box-shadow:0 16px 38px rgba(16,35,61,.12);
}
nav.primary .wrap{height:76px;padding-inline:30px;}
nav.primary .brand{gap:12px;}
nav.primary .brand-mark{
  width:66px;
  height:66px;
  border-radius:0;
  background:#fff;
}
nav.primary .brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
}
nav.primary .brand-text .name,nav.primary:not(.scrolled) .brand-text .name{color:#10233d;}
nav.primary .brand-text .sub,nav.primary:not(.scrolled) .brand-text .sub{color:#64748b;}
nav.primary ul a,nav.primary:not(.scrolled) ul a,nav.primary .help-btn,nav.primary:not(.scrolled) .help-btn,nav.primary .btn-ghost,nav.primary:not(.scrolled) .btn-ghost{
  color:#183756;
}
nav.primary ul a:hover,nav.primary ul a.active,nav.primary.scrolled ul a.active,nav.primary.scrolled ul a:hover,nav.primary .help-btn:hover,nav.primary:not(.scrolled) .help-btn:hover{
  color:#1e63b6;
}
nav.primary ul a::after{
  bottom:-17px;
  height:3px;
  background:#2c8ee8;
  box-shadow:none;
}
nav.primary .nav-icon,nav.primary:not(.scrolled) ul .nav-icon{
  filter:none;
  opacity:.78;
}
nav.primary .btn-primary{
  background:#1e63b6;
  border-color:#1e63b6;
  color:#fff;
  box-shadow:none;
}
nav.primary .btn-primary:hover{
  background:#164f91;
  border-color:#164f91;
  color:#fff;
}
nav.primary .btn-ghost:hover{color:#1e63b6;}
nav.primary:not(.scrolled) .hamburger span,.hamburger span{background:#183756;}

.hero{
  margin:108px 22px 0;
  min-height:560px;
  height:calc(100svh - 130px);
  max-height:720px;
  border-radius:4px;
  background:#092145;
  border:1px solid #d9e6f5;
  box-shadow:0 22px 58px rgba(16,35,61,.14);
}
.hero-bg{
  background-image:url('hero-reklamasi-aceh-mining.png');
  background-position:center right;
  background-size:cover;
  filter:saturate(1.04) contrast(1.02) brightness(.92);
  border-radius:4px;
}
.hero-video{display:none!important;}
.hero-overlay{
  border-radius:4px;
  background:linear-gradient(90deg,rgba(7,23,48,.86) 0%,rgba(7,23,48,.64) 33%,rgba(7,23,48,.20) 65%,rgba(7,23,48,.04) 100%);
}
.hero::before{
  border-radius:4px;
  background:
    linear-gradient(90deg,rgba(44,142,232,.16) 1px,transparent 1px),
    linear-gradient(rgba(44,142,232,.12) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.52),transparent 58%);
}
.hero::after{
  width:36%;
  background:linear-gradient(90deg,transparent,#2c8ee8,transparent);
  box-shadow:0 0 22px rgba(44,142,232,.55);
}
.hero-content{padding-top:60px;padding-bottom:60px;}
.hero-inner{max-width:660px;}
.hero-meta{color:#d9ebff;}
.hero-meta span::before,.ti-dot,.tdot{background:#2c8ee8;box-shadow:0 0 10px rgba(44,142,232,.45);}
.hero .display{
  max-width:760px;
  font-size:clamp(44px,5.7vw,78px);
  line-height:1.04;
  color:#fff;
  text-shadow:0 2px 20px rgba(0,0,0,.28);
}
.hero .display em{color:#9fd2ff;}
.scroll-down{
  background:#fff;
  color:#164f91;
  border-color:#fff;
  box-shadow:0 14px 28px rgba(9,33,69,.18);
}
.scroll-down:hover{color:#164f91;background:#eef6ff;}

.ticker{
  margin:24px 22px 0;
  border-radius:4px;
  border-color:#d9e6f5;
}
.ticker-lbl,.eyebrow,h2.section-title em,.audience-card .card-num,.reg-year,.step .file-tag,a.reg-link{color:#1e63b6;}
.eyebrow::before,.step{border-color:#2c8ee8;}
.step{border-top-color:#2c8ee8;}
.fc-ico{stroke:#1e63b6;}
.audience-card.dark,.fitur-card.feat,section.stats-dark,section.quote-band,footer{background:#092145;}
.audience-card.dark .card-num,.stat-cell .slab,.quote-attr,.fitur-card.feat .fc-ico{color:#9fd2ff;stroke:#9fd2ff;}
.ticker,.map-legend-box,.kab-filter-box,.audience-card,.fitur-card,.step,.reg-list{
  border-color:#d9e6f5;
  box-shadow:0 14px 34px rgba(16,35,61,.08);
}
.mobile-bottom-nav .active,.mobile-bottom-nav [aria-expanded="true"]{color:#1e63b6;}
.mobile-bottom-nav .active::before,.mobile-bottom-nav [aria-expanded="true"]::before{background:#2c8ee8;}

@media(max-width:720px){
  nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled){
    top:10px;
    left:10px;
    right:10px;
    border-radius:4px;
    background:#fff;
    border-color:#d9e6f5;
  }
  nav.primary .wrap{height:66px;padding-inline:12px;}
  nav.primary .brand-mark{width:50px;height:50px;}
  nav.primary .brand-text .name,nav.primary:not(.scrolled) .brand-text .name{color:#10233d;}
  nav.primary .brand-text .sub,nav.primary:not(.scrolled) .brand-text .sub{color:#64748b;}
  nav.primary:not(.scrolled) .hamburger span,.hamburger span{background:#183756;}
  .hero{
    margin:86px 10px 0;
    min-height:520px;
    height:auto;
    border-radius:4px;
  }
  .hero-bg,.hero-overlay,.hero::before{border-radius:4px;}
  .hero-overlay{background:linear-gradient(180deg,rgba(7,23,48,.80) 0%,rgba(7,23,48,.52) 55%,rgba(7,23,48,.22) 100%);}
  .hero-content{padding-top:70px;padding-bottom:90px;}
  .hero .display{font-size:36px;max-width:12ch;}
  .ticker{margin:18px 10px 0;border-radius:4px;}
}

/* Header integrated with page canvas, closer to reference 3 */
nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled){
  top:0;
  left:0;
  right:0;
  border-radius:0;
  border-left:0;
  border-right:0;
  border-top:0;
  background:rgba(255,255,255,.96);
  box-shadow:0 1px 0 #d9e6f5;
}
nav.primary .wrap{
  max-width:1360px;
  height:78px;
  padding-inline:48px;
}
nav.primary .brand-mark{
  width:62px;
  height:62px;
}
.hero{
  margin:78px 22px 0;
}

@media(max-width:720px){
  nav.primary,nav.primary.scrolled,nav.primary:not(.scrolled){
    top:0;
    left:0;
    right:0;
    border-radius:0;
    background:rgba(255,255,255,.98);
  }
  nav.primary .wrap{height:68px;padding-inline:16px;}
  nav.primary .brand-mark{width:48px;height:48px;}
  .hero{margin:68px 10px 0;}
}

/* Simplified topbar and typography */
:root{--serif:"Aleo", Georgia, serif;}
nav.primary .wrap{
  justify-content:space-between;
  gap:18px;
}
nav.primary ul{
  flex:1;
  justify-content:center;
  gap:22px;
  font-family:var(--sans);
  font-size:14px;
  letter-spacing:0;
}
nav.primary ul a{
  min-height:40px;
  gap:7px;
}
nav.primary ul a::after{
  bottom:-18px;
}
nav.primary .brand-text .name,nav.primary:not(.scrolled) .brand-text .name{
  font-family:"Aleo", Georgia, serif;
  font-size:22px;
  font-weight:700;
  letter-spacing:0;
}
nav.primary .brand-text .sub,nav.primary:not(.scrolled) .brand-text .sub{
  font-family:var(--sans);
  font-size:11px;
  letter-spacing:.08em;
}
nav.primary .nav-cta{
  margin-left:auto;
}
nav.primary #nav-hamburger{
  display:none;
}
.help-dropdown{display:block;position:relative;}
.help-btn{min-height:40px;display:flex;align-items:center;gap:7px;font-family:var(--sans);font-size:14px;font-weight:500;color:#183756;}
.help-menu{top:calc(100% + 12px);right:0;background:#fff;border-color:#dbe7f5;border-radius:8px;box-shadow:0 18px 42px rgba(15,46,94,.16);}
.help-menu a:hover,.help-menu a.active-page{background:#eef5ff;color:#1e63b6;}
.hero .display,h2.section-title,.sub-heading,.quote-text,.modal-form-panel h4{
  font-family:"Aleo", Georgia, serif;
}
.hero .display{
  font-weight:700;
}
h2.section-title{
  font-weight:700;
  letter-spacing:0;
}

@media(max-width:1320px){
  nav.primary #nav-hamburger{display:flex;}
  nav.primary ul{display:none;}
  nav.primary .help-dropdown{display:none;}
}

@media(max-width:720px){
  nav.primary #nav-hamburger{display:none;}
  nav.primary .brand-text .name{font-size:18px;}
  nav.primary .brand-text .sub{font-size:10px;}
  nav.primary #btn-nav-daftar{font-size:12px!important;padding-inline:12px;}
}

/* Softer hero frame */
.hero,
.hero-bg,
.hero-video,
.hero-overlay,
.hero-overlay-b,
.hero::before,
.hero::after{
  border-radius:18px;
}
.hero{overflow:hidden;}

@media(max-width:720px){
  .hero,
  .hero-bg,
  .hero-video,
  .hero-overlay,
  .hero-overlay-b,
  .hero::before,
  .hero::after{border-radius:14px;}
}

/* Aceh identity palette: navy foundation with restrained red accents. */
:root{
  --aceh-navy:#10243d;
  --aceh-red:#a91027;
  --aceh-red-hover:#c51a2e;
  --aceh-gold:#c9a25b;
}
nav.primary ul a:hover,
nav.primary ul a.active,
nav.primary.scrolled ul a:hover,
nav.primary.scrolled ul a.active,
.help-btn:hover,
.help-dropdown.open .help-btn{color:var(--aceh-red);}
nav.primary ul a::after{background:var(--aceh-red);box-shadow:none;}
.btn-primary{background:var(--aceh-red);border-color:var(--aceh-red);color:#fff;box-shadow:0 8px 18px rgba(169,16,39,.16);}
.btn-primary:hover{background:var(--aceh-red-hover);border-color:var(--aceh-red-hover);color:#fff;box-shadow:0 10px 22px rgba(169,16,39,.2);}
.btn-ghost:hover{color:var(--aceh-red);border-color:rgba(169,16,39,.34);}
.help-menu a:hover,.help-menu a.active-page{background:#fff1f3;color:var(--aceh-red);}
.hero .display em{color:#d3273f;}
.hero-meta::before,.scroll-down::after{background:var(--aceh-red);}
.section-title em,.sub-heading em{color:var(--aceh-red);}
.eyebrow{color:var(--aceh-red);}
.eyebrow::before{background:var(--aceh-red);}
.mobile-bottom-nav .active,.mobile-bottom-nav [aria-expanded="true"]{color:var(--aceh-red);}
.mobile-bottom-nav .active::before,.mobile-bottom-nav [aria-expanded="true"]::before{background:var(--aceh-red);}

/* Visible red signature, kept away from primary content. */
nav.primary{border-top:3px solid var(--aceh-red);}
.hero::after{
  content:"";
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:170px;
  height:170px;
  border:0;
  border-radius:0 18px 0 0;
  background:var(--aceh-red);
  clip-path:polygon(38% 0,100% 0,100% 100%);
  opacity:.94;
  pointer-events:none;
  z-index:2;
}
@media(max-width:720px){
  .hero::after{width:92px;height:92px;border-radius:0 14px 0 0;}
}

/* Integrated navigation and editorial hero layout. */
nav.primary:not(.scrolled){
  position:absolute;
  top:0;
  left:22px;
  right:22px;
  width:auto;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}
nav.primary.scrolled{
  position:fixed;
  top:0;
  left:0;
  right:0;
  background:rgba(255,255,255,.97);
  border-top:3px solid var(--aceh-red);
  border-bottom:1px solid #dbe7f5;
  box-shadow:0 10px 28px rgba(16,36,61,.09);
  backdrop-filter:blur(14px);
}
nav.primary:not(.scrolled) .wrap{height:92px;padding-inline:32px;}
nav.primary:not(.scrolled) .brand-mark{width:70px;height:70px;background:transparent;}
nav.primary:not(.scrolled) .brand-text .name{color:var(--aceh-navy);}
nav.primary:not(.scrolled) .brand-text .sub{color:#526276;}
nav.primary:not(.scrolled) ul a,
nav.primary:not(.scrolled) .help-btn,
nav.primary:not(.scrolled) .btn-ghost{color:var(--aceh-navy);font-weight:600;}
nav.primary:not(.scrolled) ul .nav-icon{filter:none;opacity:.82;}
nav.primary:not(.scrolled) .hamburger span{background:var(--aceh-navy);}
nav.primary:not(.scrolled) .btn-ghost{border-color:rgba(16,36,61,.24);background:rgba(255,255,255,.5);}

.hero{
  margin:0 22px;
  min-height:700px;
  height:min(820px,96svh);
  max-height:820px;
  border:0;
  border-radius:0 0 18px 18px;
  box-shadow:0 22px 58px rgba(16,36,61,.15);
}
.hero-bg{background-position:center center;filter:saturate(1.02) contrast(1.03) brightness(.98);border-radius:0 0 18px 18px;}
.hero-overlay{
  border-radius:0 0 18px 18px;
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.87) 32%,rgba(255,255,255,.26) 58%,rgba(16,36,61,.08) 100%);
}
.hero-overlay-b{border-radius:0 0 18px 18px;background:linear-gradient(0deg,rgba(16,36,61,.38),transparent 31%);}
.hero-content{align-items:flex-start;padding-top:138px;padding-bottom:118px;}
.hero-inner{max-width:680px;}
.hero-meta{color:#526276;margin-bottom:20px;}
.hero-meta span::before{background:var(--aceh-red);box-shadow:none;}
.hero .display{
  max-width:660px;
  color:#101d2d;
  font-size:clamp(48px,5.4vw,78px);
  line-height:1.01;
  text-shadow:none;
}
.hero .display em{display:block;color:var(--aceh-red);font-style:normal;}
.hero-lead{max-width:590px;margin:22px 0 0;color:#43546a;font-size:16px;line-height:1.7;font-weight:500;}
.hero-actions{display:flex;align-items:center;gap:20px;margin-top:26px;}
.hero-primary{height:48px;padding:0 24px;border-radius:7px;background:var(--aceh-red);border-color:var(--aceh-red);color:#fff;font-weight:700;box-shadow:0 10px 22px rgba(169,16,39,.2);}
.hero-primary:hover{background:var(--aceh-red-hover);border-color:var(--aceh-red-hover);}
.hero-secondary{display:inline-flex;align-items:center;gap:10px;color:var(--aceh-navy);font-size:14px;font-weight:700;}
.hero-play{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;padding-left:2px;background:#fff;border:1px solid rgba(16,36,61,.24);color:var(--aceh-red);box-shadow:0 7px 18px rgba(16,36,61,.11);font-size:12px;}
.hero-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px;max-width:650px;}
.hero-benefit{min-height:82px;padding:15px 14px;background:rgba(255,255,255,.88);border:1px solid rgba(16,36,61,.1);border-radius:8px;box-shadow:0 10px 24px rgba(16,36,61,.08);backdrop-filter:blur(8px);}
.hero-benefit strong,.hero-benefit span{display:block;}
.hero-benefit strong{color:var(--aceh-navy);font-size:13px;font-weight:800;}
.hero-benefit span{margin-top:5px;color:#637287;font-size:11px;line-height:1.35;}
.hero-band{position:absolute;left:0;right:0;bottom:0;z-index:5;min-height:60px;padding:0 32px;display:flex;align-items:center;gap:28px;background:rgba(16,36,61,.94);color:rgba(255,255,255,.78);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;}
.hero-band span+span::before{content:"";display:inline-block;width:3px;height:3px;margin:0 28px 2px 0;border-radius:50%;background:#e65b6e;}
.hero-rail,.scroll-down{display:none!important;}
.ticker{margin-top:18px;}

@media(max-width:1320px){
  nav.primary:not(.scrolled) .help-dropdown{display:none;}
}
@media(max-width:820px){
  nav.primary:not(.scrolled){left:10px;right:10px;}
  nav.primary:not(.scrolled) .wrap{height:76px;padding-inline:14px;}
  nav.primary:not(.scrolled) .brand-mark{width:52px;height:52px;}
  .hero{margin:0 10px;min-height:720px;height:auto;max-height:none;border-radius:0 0 14px 14px;}
  .hero-bg{background-position:64% center;border-radius:0 0 14px 14px;}
  .hero-overlay{border-radius:0 0 14px 14px;background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.82) 54%,rgba(16,36,61,.18) 100%);}
  .hero-overlay-b{border-radius:0 0 14px 14px;}
  .hero-content{padding:112px 24px 150px;}
  .hero-inner{max-width:620px;}
  .hero .display{font-size:clamp(38px,10vw,56px);max-width:11ch;}
  .hero-lead{font-size:14px;max-width:44ch;}
  .hero-benefits{grid-template-columns:1fr 1fr;max-width:460px;}
  .hero-band{min-height:68px;padding:10px 20px;gap:12px;flex-wrap:wrap;align-content:center;}
  .hero-band span+span::before{margin-right:12px;}
}
@media(max-width:520px){
  .hero-content{padding-inline:18px;padding-bottom:176px;}
  .hero-meta{gap:10px;font-size:10px;}
  .hero .display{font-size:38px;}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:14px;}
  .hero-benefits{gap:8px;}
  .hero-benefit{min-height:74px;padding:12px;}
  .hero-band{font-size:9px;letter-spacing:.1em;}
}

/* Full-bleed hero corrections after visual review. */
.hero::after{display:none!important;content:none!important;}
nav.primary:not(.scrolled){left:0;right:0;}
nav.primary:not(.scrolled) .wrap{max-width:none;padding-left:52px;padding-right:52px;}
.hero{
  width:100%;
  margin:0;
  border-radius:0;
  box-shadow:none;
}
.hero-bg,.hero-overlay,.hero-overlay-b{border-radius:0;}
.hero-bg{background-position:center center;}
.hero-content.wrap{max-width:none;padding-left:54px;padding-right:54px;}
.hero-overlay{
  background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 31%,rgba(255,255,255,.28) 54%,rgba(255,255,255,0) 76%);
}
.hero h1.display{
  color:#101d2d!important;
  max-width:630px;
  font-size:clamp(44px,4.5vw,68px);
  line-height:1.02;
  font-style:normal;
  text-shadow:none!important;
}
.hero h1.display em{
  display:block;
  color:var(--aceh-red)!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  font-style:normal!important;
  font-weight:700!important;
}
.hero-inner{margin:0;text-align:left;}
.hero-meta{justify-content:flex-start;}
.hero-meta::before,.hero-meta::after{display:none;}

/* Simplified hero: keep the photograph and message as the primary focus. */
.hero{
  min-height:100svh;
  height:100svh;
  max-height:none;
}
.hero-content{
  padding-top:142px;
  padding-bottom:88px;
}
.hero-inner{max-width:560px;}
.hero h1.display{
  max-width:560px;
  font-size:clamp(44px,4.15vw,64px);
  line-height:1.04;
}
.hero-lead{
  max-width:540px;
  margin-top:20px;
  line-height:1.65;
}
.hero-actions{margin-top:24px;}
.hero-band{
  min-height:44px;
  padding-inline:54px;
  gap:22px;
  background:rgba(16,36,61,.91);
  font-size:9px;
  letter-spacing:.16em;
}
.hero-band span+span::before{margin-right:22px;}
.ticker{margin-top:0;}
.hero-scroll-cue{
  position:absolute;
  z-index:6;
  right:54px;
  bottom:58px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.9);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-decoration:none;
  text-shadow:0 1px 8px rgba(0,0,0,.32);
}
.hero-scroll-cue span:last-child{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:50%;
  font-size:16px;
  animation:heroCue 1.8s ease-in-out infinite;
}
@keyframes heroCue{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(4px);opacity:1}}

@media(max-width:820px){
  nav.primary:not(.scrolled){left:0;right:0;}
  nav.primary:not(.scrolled) .wrap{padding-left:16px;padding-right:16px;}
  .hero{width:100%;margin:0;border-radius:0;}
  .hero-bg,.hero-overlay,.hero-overlay-b{border-radius:0;}
  .hero h1.display{font-size:clamp(38px,10vw,54px);}
  .hero-content.wrap{padding-left:20px;padding-right:20px;}
  .hero{min-height:100svh;height:100svh;}
  .hero-content{padding-top:108px;padding-bottom:94px;}
  .hero-inner{max-width:520px;}
  .hero-band{min-height:48px;padding:8px 20px;gap:10px;}
  .hero-band span+span::before{margin-right:10px;}
  .hero-scroll-cue{right:20px;bottom:60px;font-size:10px;}
}

@media(max-width:520px){
  .hero{min-height:100svh;height:100svh;}
  .hero-content{padding-top:98px;padding-bottom:112px;}
  .hero h1.display{font-size:38px;max-width:100%;}
  .hero-lead{max-width:35ch;}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:14px;}
  .hero-primary{padding-inline:18px;}
  .hero-secondary{font-size:13px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.8);}
  .hero-play{width:34px;height:34px;}
  .hero-band{justify-content:flex-start;font-size:8px;letter-spacing:.08em;}
  .hero-scroll-cue{right:18px;bottom:66px;}
  .hero-scroll-cue span:first-child{display:none;}
}

/* Final amber palette overrides for the unified Minerba landing experience. */
nav.primary{border-top-color:#b85d16!important;background:rgba(255,255,255,.94)!important}
nav.primary .portal-logo{width:210px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
nav.primary ul a::after,nav.primary ul a.active::after{background:#b85d16!important;box-shadow:none!important}
nav.primary ul a:hover,nav.primary ul a.active,.help-btn:hover,.help-dropdown.open .help-btn{color:#b85d16!important}
.btn-primary,.hero-primary{background:#b85d16!important;border-color:#b85d16!important;box-shadow:0 10px 22px rgba(184,93,22,.2)!important}
.btn-primary:hover,.hero-primary:hover{background:#93450d!important;border-color:#93450d!important}
.hero-meta span::before,.hero-meta::before,.scroll-down::after,.eyebrow::before{background:#e9a53a!important}
.hero .display,.hero h1.display{color:#fff!important}
.hero .display em,.hero h1.display em,.section-title em,.sub-heading em{color:#e9a53a!important;background:none!important;-webkit-text-fill-color:initial!important}
.hero-band{background:rgba(43,26,14,.92)!important}
.hero-band span+span::before{background:#e9a53a!important}
.ticker{background:#3a2413!important;border-color:rgba(233,165,58,.35)!important}
.ticker-lbl{color:#ffd27a!important;border-right-color:rgba(233,165,58,.28)!important}
.mobile-bottom-nav .active,.mobile-bottom-nav [aria-expanded="true"]{color:#b85d16!important}
.mobile-bottom-nav .active::before,.mobile-bottom-nav [aria-expanded="true"]::before{background:#b85d16!important}
footer{background:#2b1a0e!important;color:rgba(255,243,220,.75)!important;border-top:1px solid rgba(233,165,58,.35)!important}
footer a:hover{color:#ffd27a!important}
html{background:#2b1a0e!important}
.btt{background:#b85d16!important;box-shadow:0 8px 24px rgba(88,42,8,.3)!important}
.btt:hover{background:#93450d!important}
.map-legend-box,.kab-filter-box{border-color:#eadac5!important;box-shadow:0 16px 38px rgba(121,65,16,.1)!important}
.kab-filter-title,.legend-title{color:#a84f12!important}
.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background:#b85d16!important}
@media(max-width:720px){nav.primary .portal-logo{width:162px;max-height:48px}}