/* LEADOM MASTER | Original magnet's ink surface is the single site background.
   Source: #approach .ld-mag-section and the approved global space-ink theme.
   No re-created gradients, section grids, or glow layers. */
:root {--leadom-original-magnet-ink:#0D142B;--leadom-original-magnet-white:#FFFFFF}
html[data-theme="space-ink"],html[data-theme="space-ink"] body{background:#0D142B!important;background-image:none!important}
html[data-theme="space-white"],html[data-theme="space-white"] body{background:#FFFFFF!important;background-image:none!important}
/* The document paints the only ink field; structural wrappers let it show through. */
html body main,html body main>div,html body main>section,html body main section,
html body>section,html body>footer,
html body .hero,html body .ld-clients-v5,html body .ld-clients-inner,
html body .ld-logo-marquee,html body .ld-logo-track,
html body .capabilities-scroll,html body .ld-mag-section,
html body .ld-orchestration,html body .ld-orchestration-inner,
html body #revenue-design,html body .academy,html body .academy-refined,
html body .closing,html body #contact.closing,html body .ld-inquiry-section,
html body .ld-hero,html body .ld-main,html body .ld-detail-bottom,
html body .ld-content-section,html body .ld-outcome-group,
html body .ld-course-group,html body .ld-type-group,
html body .ld18-showcase,html body .ld18-corporate,
html body .ld17-main,html body .ld17-about-hero,
html body .ld17-about-conclusion,html body .ld17-people-hero,
html body .ld17-team-section,html body .ld-f-container,
html body .academy-refined-layout,html body .academy-content,
html body .cap-stack,html body .cap-intro{
  background-color:transparent!important;background-image:none!important;
  background-attachment:scroll!important;
}
/* Remove decorations applied to structural section BACKGROUNDS only. */
html body .ld-clients-v5::before,html body .ld-clients-v5::after,
html body .academy-refined::before,html body .academy-refined::after,
html body .ld-orchestration::before,html body .ld-orchestration::after,
html body #revenue-design::before,html body #revenue-design::after,
html body #contact.closing::before,html body #contact.closing::after,
html body .ld-unified-footer::before,html body .ld-unified-footer::after,
html body .ld-logo-marquee::before,html body .ld-logo-marquee::after{
  display:none!important;content:none!important;
}
html body .hero,html body .ld-clients-v5,html body .capabilities-scroll,
html body .academy,html body .ld-orchestration,html body #contact.closing,
html body .ld-unified-footer,html body .ld-hero,html body .ld-main{
  border-top-color:transparent!important;border-bottom-color:transparent!important;
}
/* The logo marquee has a soft alpha fade, never a dark overlay box. */
html body .ld-logo-marquee{
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%);
}
html body .ld-client-logo{background:transparent!important;background-image:none!important}
/* Approved department layout improvements retained. */
html body #revenue-design .ld-dept-space.ld-dept-money{
 margin-top:0!important;padding-top:0!important;padding-bottom:40px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html body #revenue-design .ld-dept-space.ld-dept-money::before,
html body #revenue-design .ld-dept-space.ld-dept-money::after{display:none!important;content:none!important}
html body #revenue-design .ld-money-stack{top:18px!important}
html body #revenue-design .ld-dept-grid{padding-top:248px!important;margin-bottom:56px!important}
@media(max-width:760px){html body #revenue-design .ld-money-stack{top:12px!important}
html body #revenue-design .ld-dept-grid{padding-top:198px!important;margin-bottom:30px!important}}


/* v20 | Slimmer modern navbar + department refinements */
#ld-header{top:12px!important}
#ld-header .ld-nav{
  min-height:54px!important;
  padding:4px 10px 4px 16px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(13,20,43,.68)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 14px 44px rgba(2,7,18,.20)!important;
  gap:10px!important;
}
#ld-header.ld-nav-scrolled .ld-nav{
  background:rgba(13,20,43,.76)!important;
  box-shadow:0 18px 54px rgba(2,7,18,.28)!important;
}
#ld-header .ld-logo{font-size:20px!important;gap:7px!important}
#ld-header .ld-logo svg{height:23px!important;width:23px!important}
#ld-header .ld-links{gap:0!important}
#ld-header .ld-links>a,
#ld-header .ld-links>.ld-nav-item>.ld-nav-trigger{
  min-height:34px!important;
  padding:8px 10px!important;
  font-size:12px!important;
  letter-spacing:0!important;
  border-radius:14px!important;
}
#ld-header .ld-links>a::after,
#ld-header .ld-links>.ld-nav-item>.ld-nav-trigger::after{
  left:10px!important;right:10px!important;bottom:5px!important;height:1.5px!important;background:#0044FF!important;opacity:1!important;
}
#ld-header .ld-dropdown{
  top:calc(100% + 6px)!important;
  border-radius:22px!important;
  padding:20px 22px 22px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(13,20,43,.92)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
#ld-header .ld-dropdown .ld-menu-col a{border-radius:12px!important}
#ld-header .ld-mobile-toggle{width:40px!important;height:40px!important;border-radius:14px!important}
#ld-header .ld-mobile-menu.is-open{border-radius:20px!important}
@media(max-width:900px){
  #ld-header{top:10px!important;padding:0 4%!important}
  #ld-header .ld-nav{min-height:52px!important;padding:4px 8px 4px 14px!important;border-radius:20px!important}
  #ld-header .ld-logo{font-size:19px!important}
}

/* homepage revenue-design module refinement */
#revenue-design .ld-dept-space.ld-dept-money{
  min-height:490px!important;
  margin:8px auto 0!important;
  padding:6px 0 28px!important;
}
#revenue-design .ld-dept-grid{
  gap:12px!important;
  padding-top:220px!important;
  margin-bottom:30px!important;
}
#revenue-design .ld-dept-stage{
  min-height:142px!important;
  padding:18px 18px 18px!important;
  border-radius:20px!important;
}
#revenue-design .ld-stage-index{margin-bottom:18px!important;font-size:10px!important}
#revenue-design .ld-dept-stage strong{font-size:clamp(16px,1.15vw,21px)!important}
#revenue-design .ld-dept-stage em{min-height:40px!important;font-size:12px!important;margin-top:7px!important}
#revenue-design .ld-stage-gain{display:none!important}
#revenue-design .ld-stage-dots{bottom:14px!important;height:8px!important}
#revenue-design .ld-money-stack{top:22px!important;width:198px!important;height:186px!important;transition:transform 1.18s cubic-bezier(.2,.88,.22,1)!important}
#revenue-design .ld-stack-shadow{left:16px!important;right:16px!important;bottom:8px!important;height:22px!important}
#revenue-design .ld-stack-note{left:10px!important;right:10px!important;bottom:22px!important;height:78px!important;border-radius:15px!important;transition:transform .32s cubic-bezier(.22,.9,.24,1),opacity .24s ease!important}
#revenue-design .ld-stack-note.is-visible{transform:translateY(calc(var(--layer) * -3.35px)) translateX(calc(var(--layer) * .42px)) rotate(calc((var(--layer) - 10) * .08deg)) scale(1)!important}
#revenue-design .ld-stack-note.is-snap{transform:translateY(calc(var(--layer) * -3.35px - 6px)) translateX(calc(var(--layer) * .42px)) rotate(calc((var(--layer) - 10) * .08deg)) scale(1.014)!important}
#revenue-design .ld-stack-note.is-falling{opacity:0!important;transform:translateX(var(--fall-x,18px)) translateY(var(--fall-y,74px)) rotate(var(--fall-r,12deg)) scale(.92)!important}
#revenue-design .ld-stack-note i{left:14px!important;top:11px!important;font-size:10px!important}
#revenue-design .ld-stack-note b{right:12px!important;top:11px!important;font-size:9px!important}
#revenue-design .ld-stack-note u{left:14px!important;bottom:12px!important;width:60px!important;height:14px!important}
#revenue-design .ld-stack-note s{right:12px!important;bottom:10px!important;width:42px!important;height:42px!important}
#revenue-design .ld-stack-crest{width:64px!important;height:64px!important}
#revenue-design .ld-stack-band{left:78px!important;right:78px!important;bottom:21px!important;height:80px!important;border-radius:10px!important}
#revenue-design .ld-stack-band:before{font-size:10px!important}
#revenue-design .ld-stack-band:after{font-size:7px!important}
#revenue-design .ld-dept-narrative{margin-top:18px!important;margin-bottom:10px!important}
#revenue-design .ld-dept-narrative strong{font-size:11px!important}
#revenue-design .ld-dept-narrative span{max-width:460px!important;font-size:12px!important}
#revenue-design .ld-framework{margin-top:14px!important;gap:8px!important}
#revenue-design .ld-framework-tag{padding:8px 12px!important;font-size:12px!important}
#revenue-design .ld-dept-footnote{margin-top:10px!important;font-size:11px!important;color:rgba(255,255,255,.52)!important}
@media(max-width:1180px){
  #revenue-design .ld-money-stack{top:18px!important;width:184px!important;height:174px!important}
  #revenue-design .ld-dept-grid{padding-top:212px!important}
}
@media(max-width:900px){
  #revenue-design .ld-dept-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-top:262px!important}
}
@media(max-width:760px){
  #revenue-design .ld-dept-space.ld-dept-money{min-height:810px!important;padding-bottom:22px!important}
  #revenue-design .ld-money-stack{width:174px!important;height:164px!important;top:10px!important}
  #revenue-design .ld-dept-grid{padding-top:188px!important;gap:10px!important}
  #revenue-design .ld-dept-stage{min-height:136px!important;padding:16px!important}
  #revenue-design .ld-dept-stage em{min-height:0!important}
}


/* V21: single permanent dark system. The original magnet ink layer is unchanged. */
:root{color-scheme:dark!important;--upt-hover-blue:#0044FF;--upt-glow:rgba(0,68,255,.11)}
html,html[data-theme],html body{background-color:#0D142B!important;color-scheme:dark!important}
html body .ld-theme,html body [data-theme-value]{display:none!important}
/* A pointer-responsive light lives ABOVE the unchanged ink, never repaints it. */
body::after{
  content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(480px circle at var(--upt-x,50%) var(--upt-y,50%),rgba(0,68,255,.10),rgba(0,68,255,.038) 32%,transparent 73%);
  opacity:0;transition:opacity .45s ease;
}
html.upt-pointer-active body::after{opacity:1}
body>header,body>main,body>section,body>footer{position:relative;z-index:2}
/* Elegant movement, no color system substitution, no oversized glow. */
html body a.btn,html body a.ld-btn,html body button.btn,
html body .ld20-cta,html body .ld-nav-cta,html body .ld18-explore,
html body a[class*="cta"],html body button[type="submit"],
html body .ld-page .ld-btn{
  position:relative;isolation:isolate;overflow:hidden;
  transition:transform .48s cubic-bezier(.22,1,.36,1),background-color .28s ease,border-color .28s ease,color .28s ease,box-shadow .35s ease!important;
}
html body a.btn::after,html body a.ld-btn::after,
html body button.btn::after,html body .ld20-cta::after,
html body .ld-nav-cta::after,html body .ld18-explore::after,
html body a[class*="cta"]::after,html body button[type="submit"]::after{
  content:"";position:absolute;inset:-5%;z-index:-1;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.18) 45%,transparent 75%);
  transform:translateX(-130%);transition:transform .67s cubic-bezier(.22,1,.36,1);
}
html body a.btn:hover::after,html body a.ld-btn:hover::after,
html body button.btn:hover::after,html body .ld20-cta:hover::after,
html body .ld-nav-cta:hover::after,html body .ld18-explore:hover::after,
html body a[class*="cta"]:hover::after,html body button[type="submit"]:hover::after{transform:translateX(130%)}
html body .upt-magnetic{will-change:transform}
html body .upt-magnetic:hover{box-shadow:0 12px 38px rgba(0,68,255,.16)}
html body #ld-header .ld-links>a:hover,
html body #ld-header .ld-links>.ld-nav-item>.ld-nav-trigger:hover{
  color:#fff!important;background:rgba(255,255,255,.055)!important;
}
html body #ld-header .ld-links>a::after,
html body #ld-header .ld-links>.ld-nav-item>.ld-nav-trigger::after{
  transform-origin:left center!important;
  background:#0044FF!important;height:2px!important;
}
html body #ld-header .ld-nav{transition:border-color .25s ease,background-color .25s ease,box-shadow .3s ease!important}
html body #ld-header .ld-nav:hover{border-color:rgba(255,255,255,.28)!important}
html body .ld-dept-stage:not(.is-active):hover,
html body .ld-page .ld-card:hover{
  border-color:rgba(0,68,255,.50)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.12)!important;
  transform:translateY(-3px);
}
html body a:focus-visible,html body button:focus-visible{outline:2px solid #7FA3FF!important;outline-offset:4px!important}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  body::after{display:none!important}
  html body .upt-magnetic{transform:none!important;will-change:auto}
  html body a.btn::after,html body a.ld-btn::after,
  html body button.btn::after,html body .ld20-cta::after,
  html body .ld-nav-cta::after,html body .ld18-explore::after,
  html body a[class*="cta"]::after,html body button[type="submit"]::after{display:none!important}
}


/* V22 / Dropdown hover language follows the top nav: bottom-line reveal only. */
#ld-header .ld-dropdown .ld-menu-col a,
#ld-header .ld-dropdown a.ld-academy-overview {
  position:relative!important;
  padding-left:9px!important;
  padding-right:9px!important;
  background:transparent!important;
  transform:none!important;
  border:0!important;
  box-shadow:none!important;
  transition:color .28s ease, opacity .28s ease!important;
}
/* Remove the previous left-edge indicator completely. */
#ld-header .ld-dropdown .ld-menu-col a::before,
#ld-header .ld-dropdown a.ld-academy-overview::before {
  content:none!important;
  display:none!important;
  width:0!important;
  opacity:0!important;
}
/* Same UPT-style short line below the label as the navbar categories. */
#ld-header .ld-dropdown .ld-menu-col a::after,
#ld-header .ld-dropdown a.ld-academy-overview::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:9px!important;
  right:calc(100% - 9px)!important;
  bottom:4px!important;
  height:2px!important;
  border-radius:2px!important;
  background:#0044FF!important;
  opacity:1!important;
  pointer-events:none!important;
  transform:none!important;
  transition:right .42s cubic-bezier(.22,1,.36,1)!important;
}
#ld-header .ld-dropdown .ld-menu-col a:hover,
#ld-header .ld-dropdown .ld-menu-col a:focus-visible,
#ld-header .ld-dropdown a.ld-academy-overview:hover,
#ld-header .ld-dropdown a.ld-academy-overview:focus-visible {
  padding-left:9px!important;
  background:transparent!important;
  color:#FFFFFF!important;
}
#ld-header .ld-dropdown .ld-menu-col a:hover::after,
#ld-header .ld-dropdown .ld-menu-col a:focus-visible::after,
#ld-header .ld-dropdown a.ld-academy-overview:hover::after,
#ld-header .ld-dropdown a.ld-academy-overview:focus-visible::after {
  right:9px!important;
}
@media(prefers-reduced-motion:reduce){
  #ld-header .ld-dropdown .ld-menu-col a::after,
  #ld-header .ld-dropdown a.ld-academy-overview::after {transition:none!important}
}

/* V33: four function department sequence */
@media(min-width:1181px){#revenue-design .ld-dept-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
