/* Access Infinite — approved animated infinity artwork as FULL-SCREEN hero.
   2026-10-11. Preserve the exact uploaded GIF frames and real interactive
   content. Only the GIF itself moves; no transforms, pans or zoom effects. */
body.home{margin:0!important;overflow-x:hidden!important;background:#04131b!important}
body.home main{margin:0!important;padding:0!important;min-height:100svh!important;background:#04131b!important}
body.home .site-header{
 position:absolute!important;z-index:500!important;top:0!important;left:0!important;
 width:100%!important;background:transparent!important;background-image:none!important;
 box-shadow:none!important;border:0!important
}
body.home .site-header .nav{
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:68px!important;max-height:none!important;padding:8px 16px!important
}
body.home .site-header .brand.ai-brand-wordmark{display:none!important}
body.home .site-header .ai-desktop-nav{
 display:flex!important;align-items:center!important;justify-content:center!important;
 margin:0 auto!important;gap:clamp(17px,2.8vw,43px)!important
}
body.home .site-header .ai-public-menu.ai-mobile-nav{display:none!important}
body.home .ai-onepage.ai-cinematic-home.ai-full-frame-home{
 display:block!important;position:relative!important;isolation:isolate!important;
 margin:0!important;padding:0!important;width:100%!important;max-width:none!important;
 min-height:100svh!important;overflow:hidden!important;
 background:#04131b!important;background-image:none!important
}
body.home .ai-full-frame-home .ai-cinematic-fullscreen-media{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;z-index:0!important;
 margin:0!important;padding:0!important;overflow:hidden!important;
 pointer-events:none!important;background:#04131b!important
}
body.home .ai-full-frame-home .ai-cinematic-fullscreen-image{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 object-fit:cover!important;object-position:50% 45%!important;
 margin:0!important;padding:0!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;
 image-rendering:auto!important;opacity:1!important;
 transform:none!important;transition:none!important;animation:none!important;
 filter:none!important;mix-blend-mode:normal!important
}
/* Legibility layer stays stationary. The upper artwork remains visible. */
body.home .ai-full-frame-home:before{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(180deg,
  rgba(1,11,18,.23) 0%,rgba(1,11,18,.10) 32%,
  rgba(1,11,18,.38) 50%,rgba(1,11,18,.69) 76%,
  rgba(1,11,18,.85) 100%);
}
body.home .ai-full-frame-home .ai-onepage-hero{
 display:flex!important;position:relative!important;z-index:2!important;
 box-sizing:border-box!important;align-items:flex-end!important;justify-content:center!important;
 min-height:100svh!important;height:auto!important;max-height:none!important;
 width:100%!important;max-width:none!important;
 padding:clamp(100px,11vh,150px) 20px 26px!important;
 margin:0!important;overflow:visible!important;
 background:transparent!important;background-image:none!important;text-align:center!important
}
body.home .ai-full-frame-home .ai-cinematic-content{
 display:flex!important;position:relative!important;z-index:3!important;
 flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;
 gap:0!important;width:100%!important;max-width:1080px!important;
 margin:0 auto!important;padding:0!important;
 transform:none!important;animation:none!important
}
body.home .ai-full-frame-home .ai-home-hero-logo{display:none!important}
body.home .ai-full-frame-home .ai-onepage-badge{
 font-size:clamp(10px,.8vw,12px)!important;letter-spacing:.17em!important;
 line-height:1.4!important;margin:0 auto 10px!important;padding:0!important;
 color:#9bf5df!important;text-shadow:0 2px 8px rgba(0,0,0,.8)
}
body.home .ai-full-frame-home h1{
 font-size:clamp(41px,4.4vw,71px)!important;line-height:1.07!important;
 letter-spacing:-.055em!important;margin:0 auto 12px!important;padding:0!important;
 width:100%!important;max-width:1040px!important;text-wrap:balance!important;
 text-shadow:0 3px 14px rgba(0,0,0,.8)
}
body.home .ai-full-frame-home h1 span{color:#78f5d5!important}
body.home .ai-full-frame-home .ai-onepage-intro{
 font-size:clamp(14px,1.25vw,18px)!important;line-height:1.52!important;
 max-width:750px!important;margin:0 auto 18px!important;padding:0!important;
 color:#edf5f5!important;text-shadow:0 2px 8px rgba(0,0,0,.85)
}
body.home .ai-full-frame-home .ai-onepage-benefits{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:clamp(7px,1.3vw,15px)!important;width:min(100%,830px)!important;
 max-width:830px!important;margin:0 auto 16px!important;background:transparent!important
}
body.home .ai-full-frame-home .ai-onepage-benefits .ai-cinematic-feature{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 gap:12px!important;min-height:80px!important;height:auto!important;
 padding:12px 14px!important;text-align:left!important;
 background:rgba(2,17,26,.79)!important;
 border:1px solid rgba(99,247,216,.30)!important;border-radius:13px!important;
 box-shadow:0 8px 20px rgba(0,0,0,.18)!important
}
body.home .ai-full-frame-home .ai-benefit-icon{
 width:42px!important;height:42px!important;flex:0 0 42px!important
}
body.home .ai-full-frame-home .ai-benefit-icon svg{width:24px!important;height:24px!important}
body.home .ai-full-frame-home .ai-feature-description strong{font-size:clamp(13px,1.1vw,16px)!important}
body.home .ai-full-frame-home .ai-feature-description>span{font-size:clamp(11px,.9vw,13px)!important}
body.home .ai-full-frame-home .ai-onepage-entry{
 width:min(100%,360px)!important;max-width:360px!important;
 margin:0 auto!important;padding:0!important
}
body.home .ai-full-frame-home .ai-onepage-signin{
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:53px!important;width:100%!important;border-radius:14px!important
}
body.home .ai-full-frame-home .ai-onepage-entry p{
 margin:10px auto 0!important;font-size:14px!important;text-shadow:0 1px 8px #000
}
body.home .site-footer{background:#04131b!important}
@media(min-width:700px) and (max-height:760px){
 body.home .ai-full-frame-home .ai-onepage-hero{padding-top:77px!important;padding-bottom:10px!important}
 body.home .ai-full-frame-home h1{font-size:clamp(35px,4vw,57px)!important;margin-bottom:7px!important}
 body.home .ai-full-frame-home .ai-onepage-intro{font-size:14px!important;margin-bottom:10px!important}
 body.home .ai-full-frame-home .ai-onepage-benefits{margin-bottom:10px!important}
 body.home .ai-full-frame-home .ai-onepage-benefits .ai-cinematic-feature{
  min-height:66px!important;padding:8px 11px!important
 }
 body.home .ai-full-frame-home .ai-onepage-signin{min-height:46px!important}
 body.home .ai-full-frame-home .ai-onepage-entry p{margin-top:7px!important}
}
@media(max-width:699px){
 body.home .site-header .nav{
  min-height:68px!important;padding:8px 14px!important;
  justify-content:flex-end!important
 }
 body.home .site-header .ai-desktop-nav{display:none!important}
 body.home .site-header .ai-public-menu.ai-mobile-nav{
  display:block!important;position:relative!important;z-index:600!important;
  margin-left:auto!important
 }
 body.home .ai-full-frame-home .ai-cinematic-fullscreen-media{
  background:radial-gradient(ellipse at 50% 34%,#0a3438 0%,#04131b 75%)!important
 }
 /* Mobile: fill the viewport AND show the entire infinity mark rather than
    cropping away one of its loops. The background color fills the extra height. */
 body.home .ai-full-frame-home .ai-cinematic-fullscreen-image{
  top:75px!important;bottom:auto!important;
  width:100%!important;height:min(45svh,390px)!important;
  object-fit:contain!important;object-position:center center!important;
 }
 body.home .ai-full-frame-home:before{
  background:linear-gradient(180deg,rgba(1,11,18,.13) 0%,rgba(1,11,18,.04) 25%,
   rgba(1,11,18,.36) 43%,rgba(1,11,18,.70) 74%,rgba(1,11,18,.84) 100%)!important
 }
 body.home .ai-full-frame-home .ai-onepage-hero{
  min-height:100svh!important;align-items:flex-end!important;justify-content:center!important;
  padding:clamp(340px,47svh,455px) 14px 28px!important
 }
 body.home .ai-full-frame-home .ai-cinematic-content{max-width:550px!important;justify-content:flex-end!important}
 body.home .ai-full-frame-home .ai-onepage-badge{
  font-size:10px!important;letter-spacing:.12em!important;margin:0 auto 9px!important
 }
 body.home .ai-full-frame-home h1{
  font-size:clamp(35px,9vw,55px)!important;line-height:1.10!important;
  margin:0 auto 16px!important
 }
 body.home .ai-full-frame-home .ai-onepage-intro{
  font-size:clamp(13px,3.8vw,16px)!important;line-height:1.55!important;
  margin:0 auto 19px!important;max-width:540px!important
 }
 body.home .ai-full-frame-home .ai-onepage-benefits{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
  width:100%!important;margin:0 auto 19px!important
 }
 body.home .ai-full-frame-home .ai-onepage-benefits .ai-cinematic-feature{
  min-height:112px!important;flex-direction:column!important;justify-content:center!important;
  text-align:center!important;gap:6px!important;padding:9px 5px!important
 }
 body.home .ai-full-frame-home .ai-benefit-icon{width:34px!important;height:34px!important;flex:0 0 34px!important}
 body.home .ai-full-frame-home .ai-benefit-icon svg{width:20px!important;height:20px!important}
 body.home .ai-full-frame-home .ai-feature-description strong{font-size:13px!important}
 body.home .ai-full-frame-home .ai-feature-description>span{font-size:11px!important;line-height:1.3!important}
 body.home .ai-full-frame-home .ai-onepage-entry{width:100%!important;max-width:100%!important}
 body.home .ai-full-frame-home .ai-onepage-signin{min-height:55px!important}
 body.home .ai-full-frame-home .ai-onepage-entry p{font-size:14px!important;margin:12px auto 0!important}
}
@media(max-width:355px){
 body.home .ai-full-frame-home .ai-onepage-hero{padding-inline:10px!important}
 body.home .ai-full-frame-home .ai-onepage-benefits .ai-cinematic-feature{padding:8px 4px!important}
 body.home .ai-full-frame-home .ai-feature-description>span{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
 /* GIF playback is not CSS controllable. No additional motion is applied. */
 body.home .ai-full-frame-home .ai-cinematic-fullscreen-image{animation:none!important;transform:none!important}
}