:root{--jd-bg:#08111f;--jd-bg2:#0d1d33;--jd-line:rgba(255,255,255,.14);--jd-card:#101f34;--jd-text:#f8fbff;--jd-muted:#c3d2e4;--jd-gold:#d6a84f;--jd-gold2:#f1d27b;--jd-ink:#101820}.jd-mega-wrap{width:min(1160px,calc(100% - 32px));margin-inline:auto}.jd-mega-header{position:sticky;top:0;z-index:999;background:rgba(8,17,31,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--jd-line);box-shadow:0 14px 40px rgba(0,0,0,.22)}.jd-mega-toprow{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.jd-mega-brand,.jd-footer-brand{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.01em}.jd-mega-brand img,.jd-footer-brand img{border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.22)}.jd-mega-brand span span,.jd-footer-brand span span{color:var(--jd-gold2)}.jd-mega-brand small{display:block;color:var(--jd-muted);font-size:12px;font-weight:700;margin-top:2px}.jd-mega-menu{display:flex;align-items:center;gap:4px}.jd-mega-menu>a,.jd-mega-dropdown>button{font:700 14px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;color:#eef6ff;text-decoration:none;border:0;background:transparent;border-radius:999px;padding:11px 12px;cursor:pointer}.jd-mega-menu>a:hover,.jd-mega-dropdown:hover>button,.jd-mega-dropdown>button:focus-visible{background:rgba(255,255,255,.10);color:#fff}.jd-mega-cta{background:linear-gradient(135deg,var(--jd-gold),var(--jd-gold2))!important;color:#111827!important;box-shadow:0 10px 24px rgba(214,168,79,.22)}.jd-mega-dropdown{position:relative}.jd-mega-panel{position:absolute;right:0;top:calc(100% + 12px);display:none;width:min(920px,calc(100vw - 32px));padding:20px;background:linear-gradient(180deg,#10213a,#081421);border:1px solid var(--jd-line);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.38);z-index:1000}.jd-mega-dropdown:hover .jd-mega-panel,.jd-mega-dropdown:focus-within .jd-mega-panel{display:grid}.jd-mega-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.jd-city-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:680px}.jd-mega-panel b,.jd-mega-panel h3{display:block;color:var(--jd-gold2);margin:0 0 10px;font-size:14px}.jd-mega-panel a{display:block;color:#eff6ff;text-decoration:none;padding:8px 10px;border-radius:12px;font-size:14px}.jd-mega-panel a:hover{background:rgba(255,255,255,.10)}.jd-mega-toggle{display:none;border:1px solid var(--jd-line);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;padding:10px 12px;font-size:20px}.jd-mega-mobile{border-top:1px solid var(--jd-line);padding:10px 0 16px}.jd-mega-mobile a{display:block;width:min(1160px,calc(100% - 32px));margin:0 auto 6px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none;font-weight:750}.jd-internal-links{background:linear-gradient(180deg,#f8fafc,#eef4fb);color:var(--jd-ink);padding:50px 0;border-top:1px solid #d8e1ec;border-bottom:1px solid #d8e1ec}.jd-internal-links .jd-eyebrow{margin:0 0 10px;color:#8a651d;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:12px}.jd-internal-links h2{margin:0 0 22px;font-size:clamp(24px,3vw,36px);line-height:1.1;color:#10213a}.jd-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.jd-related-grid>div{background:#fff;border:1px solid #d8e1ec;border-radius:20px;padding:18px;box-shadow:0 18px 42px rgba(16,33,58,.08)}.jd-related-grid h3{margin:0 0 12px;color:#10213a;font-size:16px}.jd-related-grid a{display:block;color:#17406f;text-decoration:none;font-weight:750;padding:8px 0;border-top:1px solid #edf2f7}.jd-related-grid a:first-of-type{border-top:0}.jd-related-grid a:hover{color:#8a651d}.jd-mega-footer{background:linear-gradient(180deg,#08111f,#050914);color:#e8f0fb;padding:54px 0 24px}.jd-footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:26px}.jd-mega-footer h3{color:var(--jd-gold2);margin:0 0 12px;font-size:16px}.jd-mega-footer p{color:var(--jd-muted);line-height:1.7}.jd-mega-footer a{display:block;color:#edf6ff;text-decoration:none;margin:0 0 9px;font-weight:650}.jd-mega-footer a:hover{color:var(--jd-gold2)}.jd-footer-note{font-size:13px}.jd-footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--jd-line);margin-top:28px;padding-top:20px;color:var(--jd-muted);font-size:14px}@media (max-width:980px){.jd-mega-menu{display:none}.jd-mega-toggle{display:inline-flex}.jd-mega-toprow{min-height:66px}.jd-mega-brand small{display:none}.jd-related-grid,.jd-footer-grid{grid-template-columns:1fr 1fr}.jd-footer-about{grid-column:1/-1}}@media (max-width:640px){.jd-related-grid,.jd-footer-grid{grid-template-columns:1fr}.jd-mega-wrap{width:min(100% - 24px,1160px)}.jd-footer-bottom{flex-direction:column}.jd-internal-links{padding:36px 0}.jd-mega-brand img{width:38px;height:38px}}

/* Phase 2 content-quality cards: readable on light and dark page templates */
.phase2-quality{background:#fff;color:#102033;border:1px solid rgba(7,17,31,.09);border-radius:28px;padding:clamp(20px,3vw,34px);box-shadow:0 18px 60px rgba(11,23,40,.08)}
.phase2-quality h2{margin:0 0 14px;color:#07111f;font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:-.04em;line-height:1.15}.phase2-quality h3{margin:0 0 8px;color:#102033;font-size:1.05rem}.phase2-quality p{color:#334155;line-height:1.8;margin:0 0 12px}.phase2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.phase2-mini{background:#f8f1e5;border:1px solid rgba(7,17,31,.08);border-radius:20px;padding:18px}.phase2-mini ul{margin:8px 0 0;padding-left:18px;color:#334155;line-height:1.75}.phase2-quality a{color:#17406f;font-weight:800;text-decoration:none}.phase2-quality a:hover{color:#8a651d}.phase2-note{margin-top:14px;border-left:4px solid #d6a84f;background:#fff7e6;padding:12px 14px;border-radius:14px;color:#334155}.phase2-note strong{color:#07111f}@media (max-width:900px){.phase2-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.phase2-grid{grid-template-columns:1fr}.phase2-quality{border-radius:22px}}
/* Phase 3 technical hardening: focus visibility, reduced motion, safe card contrast */
:where(a,button,[role="button"],input,textarea,select):focus-visible{outline:3px solid #f0d99a;outline-offset:3px;border-radius:12px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
:where(.phase2-quality,.phase2-mini,.jd-card,.card,.panel,.box){overflow-wrap:anywhere}
.jd-lang-switch{display:inline-flex!important;align-items:center;gap:.45em}
.jd-lang-flag{font-size:1.05em;line-height:1}
.jd-lang-label{line-height:1}

/* Header logo: landscape mark only (hide text lockup) */
.jd-mega-brand{
  gap:0;
  padding:6px 10px;
  border-radius:14px;
  transition:background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.jd-mega-brand>span{display:none!important}
.jd-mega-brand img{
  width:auto!important;
  height:44px!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  display:block;
  transition:transform .22s ease, filter .22s ease, opacity .22s ease;
}
.jd-mega-brand:hover{
  background:rgba(255,255,255,.06);
  box-shadow:0 8px 22px rgba(2,10,22,.18);
}
.jd-mega-brand:hover img{
  transform:translateY(-1px) scale(1.01);
  filter:drop-shadow(0 6px 12px rgba(10,28,52,.25));
}
@media (max-width:640px){
  .jd-mega-brand{padding:4px 6px}
  .jd-mega-brand img{height:38px!important;width:auto!important}
}

/* Footer logo: samakan dengan header (landscape, tanpa teks lockup) */
.jd-footer-brand{
  gap:0!important;
  padding:6px 0;
  background:transparent!important;
  box-shadow:none!important;
}
.jd-footer-brand>span{display:none!important}
.jd-footer-brand img{
  width:auto!important;
  height:44px!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  display:block;
}
@media (max-width:640px){
  .jd-footer-brand img{height:38px!important;width:auto!important}
}

/* Phase 5 premium UI pass: refined hero typography context, footer composition, iconography */
.jd-mega-header{
  background:
    linear-gradient(180deg,rgba(7,15,28,.98),rgba(10,20,36,.96)),
    radial-gradient(circle at 84% -22%,rgba(214,168,79,.22),transparent 42%);
  border-bottom:1px solid rgba(241,210,123,.2);
  box-shadow:0 16px 46px rgba(0,0,0,.3);
}
.jd-mega-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(241,210,123,.5),transparent);
  pointer-events:none;
}
.jd-mega-toprow{min-height:80px;gap:20px}
.jd-mega-menu{gap:6px}
.jd-mega-menu>a,.jd-mega-dropdown>button{
  font-family:"Aptos","Segoe UI",Tahoma,sans-serif;
  font-size:15px;
  font-weight:760;
  letter-spacing:.01em;
  padding:12px 14px;
  position:relative;
}
.jd-mega-menu>a:not(.jd-mega-cta)::after,
.jd-mega-dropdown>button::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:7px;
  height:1px;
  opacity:0;
  transform:scaleX(.4);
  transform-origin:center;
  transition:opacity .2s ease,transform .2s ease;
  background:linear-gradient(90deg,transparent,var(--jd-gold2),transparent);
}
.jd-mega-menu>a:not(.jd-mega-cta):hover::after,
.jd-mega-dropdown:hover>button::after,
.jd-mega-dropdown>button:focus-visible::after{
  opacity:.9;
  transform:scaleX(1);
}
.jd-mega-cta{
  padding:12px 22px!important;
  font-weight:850!important;
  letter-spacing:.01em;
  border:1px solid rgba(111,80,24,.5)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 12px 24px rgba(214,168,79,.25)!important;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.jd-mega-cta:hover{
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    0 14px 28px rgba(214,168,79,.3)!important;
  filter:saturate(1.03);
}
.jd-mega-mobile a{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.06));
}

.jd-mega-footer{
  position:relative;
  padding:62px 0 24px;
  background:
    radial-gradient(circle at 14% -8%,rgba(214,168,79,.16),transparent 34%),
    linear-gradient(180deg,#071121,#050914);
}
.jd-mega-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.18;
  pointer-events:none;
}
.jd-footer-grid{
  position:relative;
  z-index:1;
  gap:24px;
  align-items:start;
}
.jd-footer-panel{
  padding:20px;
  border:1px solid rgba(241,210,123,.22);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(16,30,50,.82),rgba(8,16,29,.82));
  box-shadow:0 20px 44px rgba(0,0,0,.24);
}
.jd-footer-panel .jd-footer-brand{margin-bottom:8px}
.jd-footer-panel p{
  margin:.25rem 0;
  font-size:14px;
  line-height:1.75;
}
.jd-footer-note{opacity:.96}
.jd-footer-badges{
  margin:12px 0 14px;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.jd-footer-badges li{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  font-size:11.5px;
  font-weight:760;
  letter-spacing:.02em;
  color:#f5e4bb;
  border:1px solid rgba(241,210,123,.34);
  background:rgba(241,210,123,.1);
  border-radius:999px;
}
.jd-footer-cta{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  margin-top:2px!important;
  padding:10px 14px;
  font-weight:800!important;
  color:#0e1a2d!important;
  border-radius:999px;
  background:linear-gradient(135deg,var(--jd-gold),var(--jd-gold2));
  border:1px solid rgba(111,80,24,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    0 10px 22px rgba(214,168,79,.24);
}
.jd-footer-cta::after{
  content:"↗";
  font-size:14px;
  line-height:1;
}
.jd-footer-col h3{
  margin:0 0 13px;
  display:flex;
  align-items:center;
  gap:8px;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:12px;
  color:#f1dca9;
}
.jd-footer-col h3::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(180deg,var(--jd-gold2),var(--jd-gold));
  box-shadow:0 0 0 4px rgba(241,210,123,.15);
}
.jd-footer-col a{
  position:relative;
  padding-left:14px;
  margin:0 0 9px;
  line-height:1.45;
  transition:color .2s ease,transform .2s ease;
}
.jd-footer-col a::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(241,210,123,.62);
}
.jd-footer-col a:hover{transform:translateX(2px)}
.jd-footer-bottom{
  position:relative;
  z-index:1;
  margin-top:32px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.16);
  font-size:13px;
}
@media (max-width:980px){
  .jd-mega-toprow{min-height:72px}
  .jd-mega-menu>a,.jd-mega-dropdown>button{font-size:14px}
  .jd-footer-panel{grid-column:1/-1}
}
@media (max-width:640px){
  .jd-footer-panel{padding:16px;border-radius:16px}
  .jd-footer-badges li{font-size:11px;padding:6px 9px}
  .jd-footer-col h3{font-size:11px}
}

/* Mobile mega menu accordion */
.jd-mega-mobile details{
  width:min(1160px,calc(100% - 32px));
  margin:0 auto 8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  overflow:hidden;
}
.jd-mega-mobile summary{
  list-style:none;
  cursor:pointer;
  padding:12px 14px;
  font-weight:800;
  color:#f6f9ff;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.jd-mega-mobile summary::-webkit-details-marker{display:none}
.jd-mega-mobile summary::after{content:"+";font-weight:900;color:#f1d27b}
.jd-mega-mobile details[open] summary{background:rgba(255,255,255,.08)}
.jd-mega-mobile details[open] summary::after{content:"−"}
.jd-mega-mobile details a{
  width:auto;
  margin:0 10px 8px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
}
.jd-mega-mobile .jd-mega-cta{margin-top:10px}