/* LEADOM v5.20 · Mobile Experience · Preserves approved brand palette and artwork */
:root{--ld20-azure:#0044FF;--ld20-ink:#0D142B;--ld20-white:#FFFFFF}
/* Native vector glyphs instead of iOS emoji arrows */
.ld20-arrow{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:0 0 auto;color:inherit;stroke:currentColor}
a .ld20-arrow,button .ld20-arrow{width:1.12em;height:1.12em;transition:transform .24s ease}
a:hover .ld20-arrow,button:hover .ld20-arrow{transform:translate(2px,-2px)}
.ld20-chevron{display:inline-block;width:17px;height:17px;stroke:currentColor;flex:0 0 auto}
#ld-header .ld-nav-trigger .ld20-chevron{width:15px;height:15px;transition:transform .2s ease;stroke:currentColor}
#ld-header .ld-nav-item[data-open="true"] .ld-nav-trigger .ld20-chevron{transform:rotate(180deg)}
/* Stronger navigation legibility without thickening the approved pill */
#ld-header .ld-links{gap:clamp(5px,.7vw,16px)!important}
#ld-header .ld-links>a,#ld-header .ld-links>.ld-nav-item>.ld-nav-trigger{font-size:clamp(12px,.91vw,15px)!important;font-weight:700!important;letter-spacing:-.01em;min-height:38px;padding:9px clamp(6px,.78vw,13px)!important}
#ld-header .ld-dropdown .ld-menu-col a{font-size:14px!important;line-height:1.5}
#ld-header .ld-dropdown .ld-menu-label{font-size:12px!important}
/* High-fidelity CSS strokes for all legacy pseudo glyphs */
.academy li::before,.ld-page .ld-list li::before,#academy .ld18-home-deck .ld18-deck-prompt::before{content:""!important;width:17px;height:17px;display:inline-block;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYgMTggMTggNk04IDZoMTB2MTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNDRGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");background-repeat:no-repeat;background-size:contain;background-position:center;vertical-align:-3px;border:0;color:transparent!important}
.ld-page .ld-list li::before{position:absolute;top:18px;left:2px}
.academy li::before{margin-right:14px!important}
#academy .ld18-home-deck .ld18-deck-prompt::before{position:static!important;margin-right:8px!important}
/* Calm, accessible alternation: both headline versions reserve a shared footprint */
.hero h1.hero-headline.ld20-hero-cycle{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:center!important;position:relative;max-width:min(1010px,100%)!important;margin-top:26px!important;margin-bottom:28px!important;line-height:1.04!important;letter-spacing:-.065em!important;overflow:visible!important}
.hero h1.ld20-hero-cycle>.ld20-hero-variant{grid-area:1 / 1!important;display:block!important;position:relative!important;width:100%;min-width:0;opacity:0;pointer-events:none;will-change:opacity;transition:none;white-space:normal}
.hero h1.ld20-hero-cycle>.ld20-hero-gtm{animation:ld20-headline-gtm 11s infinite ease-in-out}
.hero h1.ld20-hero-cycle>.ld20-hero-lead{animation:ld20-headline-lead 11s infinite ease-in-out}
.hero h1.ld20-hero-cycle .hero-gtm{font:inherit!important;letter-spacing:inherit!important;display:inline!important;line-height:inherit!important;text-transform:none!important;position:static!important;color:transparent!important;background:linear-gradient(115deg,#0044FF 0%,#83AEFF 42%,#FFFFFF 65%,#0044FF 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:none!important}
html[data-theme="space-ink"] .hero h1.ld20-hero-cycle .hero-gtm{background:linear-gradient(115deg,#FFFFFF 0%,#A1C1FF 35%,#0044FF 100%)!important;background-clip:text!important;-webkit-background-clip:text!important}
@keyframes ld20-headline-gtm{0%,43%{opacity:1}48%,94%{opacity:0}99%,100%{opacity:1}}
@keyframes ld20-headline-lead{0%,43%{opacity:0}48%,94%{opacity:1}99%,100%{opacity:0}}
/* Image quality: native image dimensions exceed CSS view size, preserve native interpolation */
.hero .art svg,.hero .sculpture-object,#academy .ld18-home-deck img,.ld-page .ld18-showcase img{image-rendering:auto!important}
/* Mobile-first disclosure nav and more comfortable touch targets */
@media(max-width:1090px){
 #ld-header .ld-nav{min-height:64px!important}
 #ld-header .ld-logo{font-size:23px!important}
 #ld-header .ld-mobile-toggle{width:45px!important;height:45px!important;display:grid!important;place-items:center!important;background:#0044FF!important;padding:0!important}
 #ld-header .ld-mobile-toggle .ld20-mobile-menu-icon{width:23px;height:23px;color:#FFFFFF;transition:transform .25s ease}
 #ld-header .ld-mobile-toggle .ld20-icon-close{display:none}
 #ld-header .ld-mobile-toggle.ld20-open .ld20-icon-hamb{display:none}
 #ld-header .ld-mobile-toggle.ld20-open .ld20-icon-close{display:block}
 #ld-header .ld-mobile-menu.is-open{width:min(760px,100%)!important;max-height:calc(100dvh - 91px)!important;padding:16px!important;overscroll-behavior:contain}
 #ld-header .ld-mobile-menu>a{font-size:17px!important;font-weight:700!important;min-height:51px;display:flex!important;align-items:center;padding:12px 15px!important}
 #ld-header .ld-mobile-menu details{border:1px solid rgba(255,255,255,.20);border-radius:14px;margin:6px 0 10px;background:rgba(255,255,255,.025);overflow:hidden}
 #ld-header .ld-mobile-menu details[open]{border-color:#0044FF;background:rgba(0,68,255,.075)}
 #ld-header .ld-mobile-menu details > summary{list-style:none;display:flex!important;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;color:#FFFFFF!important;font-size:18px!important;font-weight:700!important;line-height:1.35!important;padding:15px 16px!important;min-height:59px}
 #ld-header .ld-mobile-menu details > summary::-webkit-details-marker{display:none}
 #ld-header .ld-mobile-menu details > summary::marker{content:""}
 #ld-header .ld20-mobile-summary-right{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #0044FF;border-radius:50%;color:#FFFFFF;flex-shrink:0;background:rgba(0,68,255,.07)}
 #ld-header .ld20-mobile-summary-right .ld20-chevron{width:17px;height:17px;transition:transform .22s ease}
 #ld-header .ld-mobile-menu details[open] .ld20-chevron{transform:rotate(180deg)}
 #ld-header .ld-mobile-menu details > a{font-size:15px!important;line-height:1.4!important;font-weight:500!important;padding:13px 16px!important;margin:0!important;min-height:45px;display:flex!important;align-items:center;gap:9px;white-space:normal}
 #ld-header .ld-mobile-heading{font-size:11px!important;line-height:1.4!important;letter-spacing:.11em!important;padding:20px 16px 6px!important;color:rgba(255,255,255,.75)!important}
 #ld-header .ld-mobile-menu details .ld-mobile-overview{margin-top:7px!important;border-top:1px solid rgba(255,255,255,.17);font-weight:700!important}
 #ld-header .ld-mobile-menu details a:focus-visible,#ld-header .ld-mobile-menu summary:focus-visible{outline:2px solid #0044FF!important;outline-offset:-2px}
}
@media(max-width:760px){
 .hero h1.hero-headline.ld20-hero-cycle{font-size:clamp(38px,8vw,60px)!important;max-width:100%!important;min-height:2.15em!important}
 .hero h1.ld20-hero-cycle>.ld20-hero-lead{font-size:.86em!important;letter-spacing:-.06em!important}
 /* Give the badge teaser enough safe space below sticky nav and hide hover-only noise */
 #academy{scroll-margin-top:106px!important}
 #academy .ld18-home-deck .ld18-deck-prompt{margin-bottom:0!important}
 .hero .actions .btn{min-height:49px}
}
@media(max-width:460px){
 .hero h1.hero-headline.ld20-hero-cycle{font-size:clamp(34px,9.8vw,45px)!important;min-height:2.4em!important;letter-spacing:-.06em!important}
 .hero h1.ld20-hero-cycle>.ld20-hero-lead{font-size:.89em!important}
 #ld-header .ld-logo{font-size:21px!important}
 #ld-header .ld-mobile-menu.is-open{border-radius:18px!important}
 .hero .actions{gap:9px!important;flex-wrap:wrap}
 .hero .actions .btn{font-size:clamp(12px,3.1vw,14px)!important;padding:14px 15px!important;gap:7px!important}
}
@media(prefers-reduced-motion:reduce){
 .hero h1.ld20-hero-cycle>.ld20-hero-gtm{animation:none!important;opacity:1!important}
 .hero h1.ld20-hero-cycle>.ld20-hero-lead{animation:none!important;opacity:0!important}
 .ld20-arrow,.ld20-mobile-menu-icon,.ld20-chevron{transition:none!important}
}


/* v5.21: Brand-correct rotating HERO text. NO SILVER, and no off-brand blues. */
html[data-theme="space-ink"] .hero h1.hero-headline.ld20-hero-cycle,
html[data-theme="space-ink"] .hero h1.ld20-hero-cycle > .ld20-hero-variant {
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  text-shadow:none!important;
  filter:none!important;
}
html[data-theme="space-white"] .hero h1.hero-headline.ld20-hero-cycle,
html[data-theme="space-white"] .hero h1.ld20-hero-cycle > .ld20-hero-variant {
  color:#0D142B!important;
  -webkit-text-fill-color:#0D142B!important;
  text-shadow:none!important;
  filter:none!important;
}
/* Both GTM and Lead Generation share this one emphasized span. The other words stay solid. */
html[data-theme="space-ink"] .hero h1.ld20-hero-cycle .hero-gtm,
html[data-theme="space-ink"] .hero h1.ld20-hero-cycle .ld20-lead-generation {
  color:transparent!important;
  background:linear-gradient(108deg,#0044FF 0%,#FFFFFF 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  filter:none!important;
}
html[data-theme="space-white"] .hero h1.ld20-hero-cycle .hero-gtm,
html[data-theme="space-white"] .hero h1.ld20-hero-cycle .ld20-lead-generation {
  color:transparent!important;
  background:linear-gradient(108deg,#0044FF 0%,#0D142B 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  filter:none!important;
}

/* v5.22 | One consistent Azure-to-White treatment for both headline highlights.
   Keep the complete phrase 'Lead Generation' in one gradient-painting box.
   This fixes the partial gradient on iOS Safari when an inline background
   is fragmented across visual line boxes. Preserve approved palette. */
:root{--ld22-highlight-gradient:linear-gradient(110deg,#0044FF 0%,#FFFFFF 100%)}
html[data-theme="space-ink"] .hero h1.ld20-hero-cycle .hero-gtm,
html[data-theme="space-ink"] .hero h1.ld20-hero-cycle .ld20-lead-generation,
html[data-theme="space-white"] .hero h1.ld20-hero-cycle .hero-gtm,
html[data-theme="space-white"] .hero h1.ld20-hero-cycle .ld20-lead-generation{
  display:inline-block!important;
  white-space:nowrap!important;
  vertical-align:baseline!important;
  color:transparent!important;
  background-image:var(--ld22-highlight-gradient)!important;
  background-color:transparent!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  box-decoration-break:clone!important;
  -webkit-box-decoration-break:clone!important;
  filter:none!important;
  text-shadow:none!important;
}
/* A hairline Ink edge lets the White end remain legible on a White canvas,
   without changing either gradient stop or introducing a new brand color. */
html[data-theme="space-white"] .hero h1.ld20-hero-cycle .hero-gtm,
html[data-theme="space-white"] .hero h1.ld20-hero-cycle .ld20-lead-generation{
  -webkit-text-stroke:.38px rgba(13,20,43,.35)!important;
}
html[data-theme="space-ink"] .hero h1.ld20-hero-cycle .hero-gtm,
html[data-theme="space-ink"] .hero h1.ld20-hero-cycle .ld20-lead-generation{
  -webkit-text-stroke:0!important;
}
/* The longer phrase must fit on narrow phones without splitting its gradient. */
@media(max-width:460px){
  .hero h1.ld20-hero-cycle .ld20-lead-generation{font-size:clamp(.78em,8.5vw,.95em)!important;letter-spacing:-.07em!important}
}
@media(min-width:461px) and (max-width:900px){
  .hero h1.ld20-hero-cycle .ld20-lead-generation{font-size:.91em!important}
}