/* Fueltek v6.9.61 — homepage rules moved from after </html> into a normal cached stylesheet. */

/* V66 — use the supplied clean FT4000 image without mirroring, while keeping the improved side spacing. */
.hero#home .stage-image-mode .ft400-product .product-render img{
  transform:none!important;
  transform-origin:50% 100%!important;
  transition:transform .75s cubic-bezier(.22,.8,.2,1),filter .75s ease!important;
}
.hero#home .stage-image-mode .ft400-product.slot-left{
  left:33.5%!important; bottom:76px!important; z-index:10!important; opacity:.9!important;
  filter:brightness(.88) saturate(.98) drop-shadow(0 24px 26px rgba(0,0,0,.86))!important;
  transform:translateX(-50%) translate3d(0,0,var(--side-depth)) rotateZ(-1deg) rotateY(3deg) scale(.59)!important;
}
.hero#home .stage-image-mode .ft400-product.slot-right{
  left:66.5%!important; bottom:76px!important; z-index:10!important; opacity:.9!important;
  filter:brightness(.88) saturate(.98) drop-shadow(0 24px 26px rgba(0,0,0,.86))!important;
  transform:translateX(-50%) translate3d(0,0,var(--side-depth)) rotateZ(1deg) rotateY(-3deg) scale(.59)!important;
}
.hero#home .stage-image-mode .ft400-product.slot-far-left{left:25%!important}
.hero#home .stage-image-mode .ft400-product.slot-far-right{left:75%!important}
@media(max-width:1280px){
  .hero#home .stage-image-mode .ft400-product.slot-left{left:31%!important;transform:translateX(-50%) translate3d(0,0,var(--side-depth)) scale(.53)!important}
  .hero#home .stage-image-mode .ft400-product.slot-right{left:69%!important;transform:translateX(-50%) translate3d(0,0,var(--side-depth)) scale(.53)!important}
}

/* V69 — preserve the uploaded baseline and raise only the FT4000 when it occupies the left secondary slot. */
.hero#home .stage-image-mode .ft400-product.slot-left{
  bottom:140px!important;
}
@media(max-width:1280px){
  .hero#home .stage-image-mode .ft400-product.slot-left{
    bottom:140px!important;
  }
}
@media(max-width:900px){
  .hero#home .stage-image-mode .ft400-product.slot-left{
    bottom:var(--side-bottom)!important;
  }
}

/* v6.9.35 — continuous Fueltek-gold invitation effect for the hero product CTA. */
@property --fueltek-cta-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.hero#home .hero-feature-panel .feature-next{
  --fueltek-cta-angle:0deg;
  isolation:isolate!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  background:
    linear-gradient(180deg,rgba(16,14,9,.96),rgba(7,7,5,.96)) padding-box,
    conic-gradient(
      from var(--fueltek-cta-angle),
      rgba(243,179,36,.18) 0deg,
      rgba(243,179,36,.18) 255deg,
      rgba(255,230,155,.95) 286deg,
      var(--acid) 310deg,
      rgba(243,179,36,.18) 342deg,
      rgba(243,179,36,.18) 360deg
    ) border-box!important;
  box-shadow:
    inset 0 0 0 1px rgba(243,179,36,.08),
    0 0 0 rgba(243,179,36,0)!important;
  animation:
    fueltek-cta-border 3.8s linear infinite,
    fueltek-cta-breathe 3.8s ease-in-out infinite!important;
  transition:transform .25s ease,color .25s ease,box-shadow .25s ease!important;
}
.hero#home .hero-feature-panel .feature-next::after{
  animation:fueltek-cta-arrow 1.9s cubic-bezier(.25,1,.5,1) infinite!important;
  transform:translateX(0);
}
.hero#home .hero-feature-panel .feature-next:hover,
.hero#home .hero-feature-panel .feature-next:focus-visible{
  transform:translateY(-2px)!important;
  color:#080805!important;
  background:var(--acid)!important;
  box-shadow:0 10px 30px rgba(243,179,36,.24),0 0 24px rgba(243,179,36,.22)!important;
  animation-play-state:paused!important;
}
.hero#home .hero-feature-panel .feature-next:active{transform:translateY(0)!important}
@keyframes fueltek-cta-border{to{--fueltek-cta-angle:360deg}}
@keyframes fueltek-cta-breathe{
  0%,100%{box-shadow:inset 0 0 0 1px rgba(243,179,36,.07),0 0 0 rgba(243,179,36,0)}
  48%,58%{box-shadow:inset 0 0 18px rgba(243,179,36,.055),0 0 20px rgba(243,179,36,.14)}
}
@keyframes fueltek-cta-arrow{
  0%,58%,100%{transform:translateX(0);opacity:1}
  72%{transform:translateX(5px);opacity:.72}
  84%{transform:translateX(0);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .hero#home .hero-feature-panel .feature-next,
  .hero#home .hero-feature-panel .feature-next::after{animation:none!important}
}

/* v6.9.46 — keep FT4000 visually locked and prevent a return-to-page spin. */
.hero#home .showcase.carousel-position-lock,
.hero#home .showcase.carousel-position-lock .product-object,
.hero#home .showcase.carousel-position-lock .product-render,
.hero#home .showcase.carousel-position-lock .product-render img{
  animation:none!important;
  transition:none!important;
}
.hero#home .stage-image-mode .ft400-product.slot-center{
  transform:translateX(-50%) translate3d(0,0,var(--center-depth)) rotateZ(0deg) rotateY(0deg) rotateX(0deg) scale(var(--active-scale))!important;
}
.hero#home .stage-image-mode .ft400-product.slot-left{
  transform:translateX(-50%) translate3d(0,0,var(--side-depth)) rotateZ(0deg) rotateY(0deg) scale(var(--side-scale))!important;
}
.hero#home .stage-image-mode .ft400-product.slot-right{
  transform:translateX(-50%) translate3d(0,0,var(--side-depth)) rotateZ(0deg) rotateY(0deg) scale(var(--side-scale))!important;
}
.hero#home .stage-image-mode .ft400-product.slot-far-left,
.hero#home .stage-image-mode .ft400-product.slot-far-right{
  transform:translateX(-50%) translate3d(0,0,var(--far-depth)) rotateZ(0deg) rotateY(0deg) scale(var(--far-scale))!important;
}
.hero#home .stage-image-mode .ft400-product .product-render,
.hero#home .stage-image-mode .ft400-product .product-render img{
  animation:none!important;
}

/* v6.9.78 — remove the empty black band between the fixed navigation and hero visual.
   The background is raised and extended by the same amount, so the hero height and
   lower composition remain unchanged. */
@media (min-width:1281px){
  .hero#home .stage-image-bg{
    top:-82px!important;
    height:782px!important;
    min-height:782px!important;
  }
}
@media (min-width:1051px) and (max-width:1280px){
  .hero#home .stage-image-bg{
    top:-72px!important;
    height:780px!important;
    min-height:780px!important;
  }
}


/* v6.9.80 — balanced homepage start position.
   Keep the hero behind the fixed navigation with no visible black gap, but retain a
   small 36px top offset so the opening artwork and copy are not hidden too far under
   the header. Matching scroll-margin keeps Home/logo clicks at the same position. */
@media (min-width:1221px){
  html[data-theme] body{
    padding-top:36px!important;
  }
  .hero#home{
    scroll-margin-top:36px!important;
  }
}