/* ===========================================================================
   SITE FOOTER - SHARED STYLES
   Linked from inside the "SPL Footer" component, so every page that carries
   the footer loads exactly this one file.

   WHAT THIS REPLACES. The footer was a hand-written HTML embed copied onto all
   fifteen pages, each copy carrying the same 5KB <style> block inline - fifteen
   byte-identical copies of the markup and fifteen of the styles. Changing one
   link meant fifteen edits, and a missed one meant one page quietly drifting.
   The markup now lives once, in a Webflow component, and the styling lives
   once, here.

   Everything down to the "NAVY VARIANT" block below is lifted VERBATIM from
   that inline <style> (normalised, it hashes identically to what was inline).
   Nothing about the footer's orange look changed in the move.
   =========================================================================== */

#spl-footer{width:100%;background:#E46021;color:#fff;font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}
#spl-footer *{box-sizing:border-box;margin:0;padding:0}
#spl-footer a{color:#fff!important;text-decoration:none!important}
#spl-footer .spl-footer-inner{position:relative;max-width:1640px;margin:0 auto;padding:clamp(48px,5vw,76px) clamp(24px,4vw,64px) clamp(34px,4vw,52px)}

/* Scroll to top arrow */
#spl-footer .spl-footer-scroll{position:absolute;top:clamp(48px,5vw,76px);right:clamp(24px,4vw,64px);z-index:2;display:flex!important;align-items:center;justify-content:center;width:38px;height:50px;background:transparent;border:0;color:#fff!important;cursor:pointer;transition:opacity .2s,transform .2s}
#spl-footer .spl-footer-scroll:hover{opacity:.7;transform:translateY(-3px)}
#spl-footer .spl-footer-scroll svg{width:26px;height:38px}

/* Main four column structure */
#spl-footer .spl-footer-grid{display:grid;grid-template-columns:minmax(290px,1.35fr) repeat(3,minmax(175px,1fr));gap:clamp(42px,5vw,92px);align-items:start}
#spl-footer .spl-footer-brand{max-width:410px}
#spl-footer .spl-footer-logo{display:inline-block;margin-bottom:24px}
#spl-footer .spl-footer-logo img{display:block;width:min(100%,280px);height:auto}
#spl-footer .spl-footer-intro{max-width:390px;font-size:clamp(.92rem,1vw,1.05rem);line-height:1.65;color:rgba(255,255,255,.9);margin-bottom:22px}

/* Contact and social links */
#spl-footer .spl-footer-phone{display:inline-flex!important;align-items:center;gap:10px;font-size:1rem;font-weight:600;margin-bottom:18px}
#spl-footer .spl-footer-phone svg{width:19px;height:19px;flex:none}
#spl-footer .spl-footer-socials{display:flex;align-items:center;gap:18px;margin-bottom:22px}
#spl-footer .spl-footer-socials a{display:inline-flex!important;align-items:center;justify-content:center;color:#fff!important;transition:opacity .2s,transform .2s}
#spl-footer .spl-footer-socials a:hover{opacity:.72;transform:translateY(-2px)}
#spl-footer .spl-footer-socials svg{width:22px;height:22px}
#spl-footer .spl-footer-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:52px;padding:13px 24px;background:#111437;border-radius:999px;color:#fff!important;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,transform .2s}
#spl-footer .spl-footer-button:hover{background:#242857;transform:translateY(-2px)}
#spl-footer .spl-footer-badges{display:flex;align-items:center;gap:14px;margin-top:24px;flex-wrap:wrap}
#spl-footer .spl-footer-badges img{display:block;width:auto;height:76px;object-fit:contain}
#spl-footer .spl-footer-badges img:first-child{height:72px}

/* Navigation columns */
#spl-footer .spl-footer-heading{font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;margin-bottom:24px}
#spl-footer .spl-footer-group + .spl-footer-group{margin-top:38px}
#spl-footer .spl-footer-links{display:flex;flex-direction:column;gap:16px}
#spl-footer .spl-footer-links a{display:inline-flex!important;align-items:flex-start;gap:10px;width:fit-content;font-size:clamp(.92rem,1vw,1.04rem);line-height:1.45;color:rgba(255,255,255,.88)!important;transition:color .2s,opacity .2s}
#spl-footer .spl-footer-links a::before{content:"→";display:inline-block;flex:none;font-family:Arial,sans-serif;font-size:1.08rem;font-weight:300;line-height:1.3;color:currentColor}
#spl-footer .spl-footer-links a:hover{color:#fff!important;opacity:.72}

/* Legal section */
#spl-footer .spl-footer-legal{margin-top:clamp(48px,5vw,72px);padding-top:30px;border-top:1px solid rgba(255,255,255,.3)}
#spl-footer .spl-footer-legal-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;margin-bottom:20px}
#spl-footer .spl-footer-legal-links a,#spl-footer .spl-footer-legal-links span{font-size:.78rem;color:rgba(255,255,255,.9)!important}
#spl-footer .spl-footer-entity,#spl-footer .spl-footer-disclaimer{max-width:1100px;font-size:.72rem;line-height:1.65;color:rgba(255,255,255,.78)}
#spl-footer .spl-footer-entity{margin-bottom:8px}

/* Responsive layout */
@media(max-width:1100px){
  #spl-footer .spl-footer-grid{grid-template-columns:minmax(270px,1.2fr) repeat(2,minmax(180px,1fr))}
  #spl-footer .spl-footer-col:last-child{grid-column:2}
}
@media(max-width:760px){
  #spl-footer .spl-footer-grid{grid-template-columns:1fr 1fr;gap:42px 32px}
  #spl-footer .spl-footer-brand{grid-column:1 / -1;max-width:460px}
  #spl-footer .spl-footer-col:last-child{grid-column:auto}
}
@media(max-width:520px){
  #spl-footer .spl-footer-inner{padding:44px 22px 32px}
  #spl-footer .spl-footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px 24px}
  #spl-footer .spl-footer-brand{grid-column:1 / -1}
  #spl-footer .spl-footer-col:last-child{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
  #spl-footer .spl-footer-col:last-child .spl-footer-group + .spl-footer-group{margin-top:0}
  #spl-footer .spl-footer-logo img{width:240px}
  #spl-footer .spl-footer-heading{margin-bottom:18px}
  #spl-footer .spl-footer-scroll{top:42px;right:22px;width:34px;height:46px}
  #spl-footer .spl-footer-logo img{max-width:calc(100% - 64px)}
}


/* ===========================================================================
   NAVY VARIANT - /invest ONLY

   The investor page's footer is navy on the current live site, and that was
   the intent here too - but on this build it was rendering orange like every
   other page. No navy version existed in the footer's styles; the only navy
   in it was the Contact pill.

   HOW IT IS SCOPED WITHOUT A SECOND FOOTER. The footer is one shared
   component, so the variant keys off the page rather than the footer: it
   applies when the page contains .inv1, the investor page's hero, which
   appears on no other page. One footer, one stylesheet, one exception.

   The live site's navy footer is navy with every piece of text white, so that
   is what this is. The Contact pill is navy on orange, which would vanish on a
   navy field, so on this page it flips to orange. Side benefit: white on navy
   is 16.3:1, so the small legal text - 2.7:1 white-on-orange everywhere else -
   is fully legible on this page.
   =========================================================================== */
html body:has(.inv1) #spl-footer {
  background: #111437;
}
html body:has(.inv1) #spl-footer .spl-footer-button {
  background: #E46021;
}
html body:has(.inv1) #spl-footer .spl-footer-button:hover {
  background: #D45516;
}
html body:has(.inv1) #spl-footer .spl-footer-legal {
  border-top-color: rgba(255, 255, 255, 0.22);
}