/* FINAL FIX: program heroes use the exact same visual system as the homepage hero. */
body.ads-program-page .hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:#980f1b !important;
  background-image:linear-gradient(118deg,#8f0c17 0%,#9f101d 52%,#980f1b 100%) !important;
  color:#fff !important;
  border:0 !important;
  padding:44px 0 36px !important;
}
body.ads-program-page .hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:url('/asset-image/baground%20taruna.webp') center/cover no-repeat !important;
  opacity:1 !important;
  mix-blend-mode:screen !important;
}
body.ads-program-page .hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:radial-gradient(circle at 78% 24%,rgba(244,210,125,.10),transparent 22%),radial-gradient(circle at 42% 92%,rgba(255,255,255,.035),transparent 28%) !important;
  mix-blend-mode:screen !important;
}
body.ads-program-page .hero > *{position:relative !important;z-index:1 !important}
body.ads-program-page .hero .wrap::before{
  content:"" !important;
  position:absolute !important;
  inset:24px 0 auto 0 !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14) 18%,rgba(255,255,255,.06) 82%,transparent) !important;
  pointer-events:none !important;
}
body.ads-program-page .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.82fr) !important;gap:48px !important}
body.ads-program-page .hero-copy{padding:0 !important}
body.ads-program-page .hero .eyebrow{font-size:.68rem !important;color:#fff !important}
body.ads-program-page .hero .eyebrow:before{background:#fff !important}
body.ads-program-page .hero h1{max-width:680px !important;margin:14px 0 16px !important;font-size:clamp(3.05rem,4.35vw,4.25rem) !important;line-height:.96 !important;letter-spacing:-.055em !important}
body.ads-program-page .hero-lead{max-width:590px !important;margin-bottom:19px !important;font-size:.96rem !important;line-height:1.62 !important}
body.ads-program-page .hero-points{gap:7px !important;margin-bottom:20px !important}
body.ads-program-page .hero-points span{padding:5px 9px !important;font-size:.68rem !important}
body.ads-program-page .hero-actions{gap:9px !important}
body.ads-program-page .hero-actions .btn{min-height:44px !important;padding:10px 17px !important;font-size:.8rem !important}
body.ads-program-page .hero-note{margin-top:12px !important;font-size:.7rem !important}
body.ads-program-page .hero-parent-note{font-size:.7rem !important}
body.ads-program-page .hero-media{position:relative !important;min-height:430px !important}
body.ads-program-page .hero-alumni-visual{position:absolute !important;z-index:1 !important;inset:-30px -74px 58px -56px !important;display:flex !important;align-items:flex-end !important;justify-content:center !important;pointer-events:none !important}
body.ads-program-page .hero-alumni-visual img{width:100% !important;height:100% !important;max-width:none !important;object-fit:contain !important;object-position:center bottom !important;filter:drop-shadow(0 22px 24px rgba(35,0,4,.32)) !important}
body.ads-program-page .proof-stack--link{min-width:380px !important;padding-right:11px !important;border:1px solid rgba(91,8,16,.08) !important;cursor:pointer !important}
body.ads-program-page .proof-stack__arrow{display:grid !important;place-items:center !important;flex:none !important;width:31px !important;height:31px !important;margin-left:auto !important;border-radius:50% !important;background:var(--red) !important;color:#fff !important;font-size:.78rem !important;font-weight:900 !important}
body.ads-program-page .hero-proof{background:#fff !important;color:#0b1f3a !important}

/* Desktop: dropdowns are click-open and stay open until the user clicks away. */
@media(min-width:901px){
  .site-header .desktop-nav > .nav-dropdown:hover > .nav-dropdown-menu,
  .site-header .desktop-nav > .calculator-dropdown-wrap:hover > .calculator-dropdown,
  .site-header .desktop-nav > .nav-dropdown:focus-within > .nav-dropdown-menu,
  .site-header .desktop-nav > .calculator-dropdown-wrap:focus-within > .calculator-dropdown{display:none !important}
  .site-header .desktop-nav > .nav-dropdown.is-open > .nav-dropdown-menu,
  .site-header .desktop-nav > .calculator-dropdown-wrap.is-open > .calculator-dropdown{display:grid !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important}
  .site-header .desktop-nav > .nav-dropdown.is-open > .nav-dropdown-trigger,
  .site-header .desktop-nav > .calculator-dropdown-wrap.is-open > .nav-dropdown-trigger{background:#9f0b18 !important;color:#fff !important;padding:9px 13px !important;margin:-9px -13px !important;border-radius:10px !important}
}

/* Mobile: one clean menu, with native details kept open after tapping. */
@media(max-width:900px){
  header .mobile-nav{display:none !important}
  header .mobile-nav.is-open{display:flex !important}
  header .mobile-nav .nav-program-mobile{width:100% !important}
  header .mobile-nav .nav-program-mobile summary{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:12px 0 !important}
  header .mobile-nav .nav-program-mobile[open] summary{color:#9f0b18 !important}
  header .mobile-nav .nav-program-mobile-list{display:flex !important;flex-direction:column !important;gap:0 !important;padding:4px 0 8px 14px !important;border-left:2px solid #f0dfe1 !important}
  header .mobile-nav .nav-program-mobile-list a{display:block !important;padding:10px 8px !important}
  body.ads-program-page .hero{padding:44px 0 36px !important}
  body.ads-program-page .hero-grid{grid-template-columns:1fr !important;gap:22px !important}
  body.ads-program-page .hero h1{font-size:clamp(2.45rem,12vw,3.55rem) !important}
  body.ads-program-page .hero-media{min-height:430px !important}
  body.ads-program-page .hero-alumni-visual{inset:-4px -24px 76px -24px !important}
  body.ads-program-page .proof-stack--link{min-width:0 !important;width:calc(100% - 16px) !important}
}
@media(max-width:520px){
  body.ads-program-page .hero-media{min-height:360px !important}
  body.ads-program-page .hero-alumni-visual{inset:2px -34px 80px -34px !important}
  body.ads-program-page .proof-stack--link{gap:8px !important;padding-inline:10px 8px !important}
  body.ads-program-page .proof-stack__arrow{width:28px !important;height:28px !important}
}