/* Fueltek pointer spotlight surfaces — v6.9.385
   Shared, scoped and theme-aware. No content or controls are intercepted. */

.fueltek-glow-surface {
  --fueltek-glow-x: 50%;
  --fueltek-glow-y: 50%;
  --fueltek-glow-hue: 38;
  --fueltek-glow-opacity: 0;
  isolation: isolate;
}

.fueltek-glow-surface[data-fueltek-glow-positioned="true"] {
  position: relative;
}

.fueltek-glow-layer {
  position: absolute;
  inset: 0;
  z-index: 30;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  opacity: var(--fueltek-glow-opacity);
  transition: opacity 180ms ease;
  background:
    radial-gradient(
      250px circle at var(--fueltek-glow-x) var(--fueltek-glow-y),
      hsl(var(--fueltek-glow-hue) 100% 67% / .15),
      hsl(var(--fueltek-glow-hue) 100% 58% / .055) 32%,
      transparent 68%
    );
  box-shadow: inset 0 0 0 1px hsl(var(--fueltek-glow-hue) 100% 68% / .07);
}

.fueltek-glow-layer::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background:
    radial-gradient(
      190px circle at var(--fueltek-glow-x) var(--fueltek-glow-y),
      hsl(var(--fueltek-glow-hue) 100% 72% / .96),
      hsl(var(--fueltek-glow-hue) 100% 58% / .34) 38%,
      transparent 72%
    );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.fueltek-glow-layer::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  left: var(--fueltek-glow-x);
  top: var(--fueltek-glow-y);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: hsl(var(--fueltek-glow-hue) 100% 58% / .11);
  filter: blur(28px);
}

.fueltek-glow-surface.is-fueltek-glow-active,
.fueltek-glow-surface:focus-within {
  --fueltek-glow-opacity: 1;
}

/* Slightly richer effect on larger visual panels. */
.fueltek-glow-surface:is(
  .product-stage,
  .hero-visual,
  .hero-feature-panel,
  .solution-card,
  .sector-card,
  .testimonial-card,
  .contact-quick-panel article
) .fueltek-glow-layer {
  background:
    radial-gradient(
      340px circle at var(--fueltek-glow-x) var(--fueltek-glow-y),
      hsl(var(--fueltek-glow-hue) 100% 68% / .17),
      hsl(var(--fueltek-glow-hue) 100% 57% / .055) 38%,
      transparent 72%
    );
}

/* Light mode keeps the glow visible without reducing text contrast. */
html[data-theme="light"] .fueltek-glow-layer {
  background:
    radial-gradient(
      250px circle at var(--fueltek-glow-x) var(--fueltek-glow-y),
      hsl(var(--fueltek-glow-hue) 98% 46% / .115),
      hsl(var(--fueltek-glow-hue) 92% 45% / .045) 34%,
      transparent 70%
    );
  box-shadow: inset 0 0 0 1px hsl(var(--fueltek-glow-hue) 86% 40% / .075);
}

html[data-theme="light"] .fueltek-glow-layer::before {
  background:
    radial-gradient(
      190px circle at var(--fueltek-glow-x) var(--fueltek-glow-y),
      hsl(var(--fueltek-glow-hue) 96% 42% / .72),
      hsl(var(--fueltek-glow-hue) 90% 43% / .24) 40%,
      transparent 74%
    );
}

html[data-theme="light"] .fueltek-glow-layer::after {
  background: hsl(var(--fueltek-glow-hue) 94% 45% / .075);
}

/* Preserve the intentional white logo-card backgrounds. */
html[data-theme="light"] .client-logo-card .fueltek-glow-layer {
  background:
    radial-gradient(
      190px circle at var(--fueltek-glow-x) var(--fueltek-glow-y),
      hsl(var(--fueltek-glow-hue) 96% 48% / .09),
      transparent 68%
    );
}

/* Keyboard users get a centred, stable spotlight. */
.fueltek-glow-surface:focus-within {
  --fueltek-glow-x: 50%;
  --fueltek-glow-y: 50%;
}

@media (hover: none), (pointer: coarse) {
  .fueltek-glow-surface {
    --fueltek-glow-opacity: 0;
  }

  .fueltek-glow-surface:focus-within {
    --fueltek-glow-opacity: .72;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fueltek-glow-layer {
    transition: none;
  }
}

@media (forced-colors: active) {
  .fueltek-glow-layer {
    display: none !important;
  }
}


/* v6.9.18 — fiery edge glow override */
.fueltek-glow-layer {
  background: none !important;
  box-shadow: inset 0 0 0 1px hsl(var(--fueltek-glow-hue) 100% 68% / .06) !important;
}

.fueltek-glow-layer::before {
  inset: -1px !important;
  padding: 1.5px !important;
  background:
    radial-gradient(
      180px 140px at var(--fueltek-glow-x) var(--fueltek-glow-y),
      rgba(255,250,235,.98) 0%,
      rgba(255,214,110,.96) 14%,
      rgba(255,178,42,.94) 28%,
      rgba(255,121,24,.88) 46%,
      rgba(209,63,10,.62) 60%,
      rgba(209,63,10,0) 74%
    ) border-box !important;
  filter: saturate(1.16) brightness(1.03) !important;
}

.fueltek-glow-layer::after {
  inset: -7px !important;
  width: auto !important;
  height: auto !important;
  left: 0 !important;
  top: 0 !important;
  border-radius: inherit !important;
  padding: 7px !important;
  transform: none !important;
  background:
    radial-gradient(
      240px 180px at var(--fueltek-glow-x) var(--fueltek-glow-y),
      rgba(255,186,44,.40) 0%,
      rgba(255,130,20,.28) 26%,
      rgba(220,74,12,.16) 48%,
      rgba(220,74,12,0) 70%
    ) border-box !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  mask-composite: exclude !important;
  filter: blur(14px) saturate(1.22) !important;
}

/* Larger panels get a wider, richer fire trail around the edge. */
.fueltek-glow-surface:is(
  .product-stage,
  .hero-visual,
  .hero-feature-panel,
  .solution-card,
  .sector-card,
  .testimonial-card,
  .contact-quick-panel article,
  .detail-card,
  .faq details,
  .comp-card,
  .product-card
) .fueltek-glow-layer::before {
  background:
    radial-gradient(
      260px 190px at var(--fueltek-glow-x) var(--fueltek-glow-y),
      rgba(255,251,238,.98) 0%,
      rgba(255,220,120,.96) 13%,
      rgba(255,183,44,.96) 26%,
      rgba(255,123,24,.90) 43%,
      rgba(214,66,10,.66) 58%,
      rgba(214,66,10,0) 74%
    ) border-box !important;
}

.fueltek-glow-surface:is(
  .product-stage,
  .hero-visual,
  .hero-feature-panel,
  .solution-card,
  .sector-card,
  .testimonial-card,
  .contact-quick-panel article,
  .detail-card,
  .faq details,
  .comp-card,
  .product-card
) .fueltek-glow-layer::after {
  background:
    radial-gradient(
      320px 220px at var(--fueltek-glow-x) var(--fueltek-glow-y),
      rgba(255,188,50,.42) 0%,
      rgba(255,125,18,.28) 25%,
      rgba(220,74,12,.18) 46%,
      rgba(220,74,12,0) 70%
    ) border-box !important;
}

/* Light theme: same fire-edge effect, slightly cleaner so the panels stay crisp. */
html[data-theme="light"] .fueltek-glow-layer {
  background: none !important;
  box-shadow: inset 0 0 0 1px rgba(148,106,29,.08) !important;
}

html[data-theme="light"] .fueltek-glow-layer::before {
  background:
    radial-gradient(
      180px 140px at var(--fueltek-glow-x) var(--fueltek-glow-y),
      rgba(255,248,228,.98) 0%,
      rgba(255,211,100,.92) 14%,
      rgba(245,167,37,.88) 30%,
      rgba(227,109,24,.70) 46%,
      rgba(184,75,14,.34) 60%,
      rgba(184,75,14,0) 74%
    ) border-box !important;
}

html[data-theme="light"] .fueltek-glow-layer::after {
  background:
    radial-gradient(
      220px 170px at var(--fueltek-glow-x) var(--fueltek-glow-y),
      rgba(243,179,36,.22) 0%,
      rgba(230,120,24,.14) 30%,
      rgba(184,75,14,.08) 52%,
      rgba(184,75,14,0) 72%
    ) border-box !important;
  filter: blur(12px) saturate(1.14) !important;
}

html[data-theme="light"] .client-logo-card .fueltek-glow-layer::before {
  background:
    radial-gradient(
      170px 130px at var(--fueltek-glow-x) var(--fueltek-glow-y),
      rgba(255,248,232,.94) 0%,
      rgba(246,184,58,.74) 24%,
      rgba(218,106,24,.38) 47%,
      rgba(218,106,24,0) 72%
    ) border-box !important;
}


/* v6.9.19 — whole-perimeter fire + proximity activation */
.fueltek-glow-surface {
  --fueltek-glow-opacity: .34;
  --fueltek-glow-proximity: 0;
}

.fueltek-glow-layer {
  opacity: calc(.34 + (var(--fueltek-glow-proximity, 0) * .66)) !important;
  overflow: visible !important;
  transition: opacity 160ms ease, filter 160ms ease !important;
}

/* A permanent low-level flame line runs around all four sides. */
.fueltek-glow-layer {
  background:
    linear-gradient(90deg,
      rgba(255,132,18,.44),
      rgba(255,206,86,.72) 24%,
      rgba(255,247,222,.78) 50%,
      rgba(255,160,26,.60) 76%,
      rgba(196,55,8,.42)
    ) border-box !important;
  padding:1px !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  mask-composite:exclude !important;
}

/* The moving hot flame rides over the complete perimeter line. */
.fueltek-glow-layer::before {
  background:
    radial-gradient(
      280px 210px at var(--fueltek-glow-x) var(--fueltek-glow-y),
      rgba(255,255,244,.99) 0%,
      rgba(255,226,133,.98) 12%,
      rgba(255,178,36,.97) 27%,
      rgba(255,111,18,.91) 43%,
      rgba(207,52,7,.70) 58%,
      rgba(207,52,7,0) 75%
    ),
    conic-gradient(
      from 20deg,
      rgba(255,112,16,.60),
      rgba(255,204,80,.78),
      rgba(255,246,216,.82),
      rgba(255,151,24,.72),
      rgba(193,49,7,.55),
      rgba(255,112,16,.60)
    ) !important;
}

.fueltek-glow-layer::after {
  opacity: calc(.30 + (var(--fueltek-glow-proximity, 0) * .70)) !important;
}

.fueltek-glow-surface.is-fueltek-glow-near .fueltek-glow-layer {
  filter:brightness(calc(.92 + (var(--fueltek-glow-proximity, 0) * .28))) saturate(1.10) !important;
}

html[data-theme="light"] .fueltek-glow-layer {
  background:
    linear-gradient(90deg,
      rgba(185,72,10,.32),
      rgba(239,155,30,.52) 24%,
      rgba(255,219,126,.66) 50%,
      rgba(221,111,19,.48) 76%,
      rgba(160,58,8,.28)
    ) border-box !important;
}

html[data-theme="light"] .fueltek-glow-layer::before {
  background:
    radial-gradient(
      260px 195px at var(--fueltek-glow-x) var(--fueltek-glow-y),
      rgba(255,252,240,.96) 0%,
      rgba(255,220,119,.92) 14%,
      rgba(244,163,35,.88) 29%,
      rgba(222,94,18,.72) 46%,
      rgba(169,54,8,.42) 60%,
      rgba(169,54,8,0) 75%
    ),
    conic-gradient(
      from 20deg,
      rgba(207,78,10,.40),
      rgba(239,159,33,.62),
      rgba(255,222,133,.70),
      rgba(224,111,20,.54),
      rgba(160,52,8,.34),
      rgba(207,78,10,.40)
    ) !important;
}

@media (hover:none), (pointer:coarse) {
  .fueltek-glow-surface { --fueltek-glow-opacity:.24; }
  .fueltek-glow-layer { opacity:.24 !important; }
  .fueltek-glow-surface:focus-within .fueltek-glow-layer { opacity:.82 !important; }
}

@media (prefers-reduced-motion:reduce) {
  .fueltek-glow-layer { transition:none !important; }
}


/* v6.9.385 — cross-page consistency pass.
   The glow layer must inherit each panel's real radius and never influence layout. */
.fueltek-glow-surface > .fueltek-glow-layer{
  margin:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  box-sizing:border-box!important;
}

/* These shared card families are now deliberately part of the same richer
   perimeter treatment used by the homepage contact cards. */
.fueltek-glow-surface:is(
  .feature-card-v191,
  .feature-band-v191,
  .local-card,
  .local-tool,
  .local-cta-panel-v314,
  .benefit-card,
  .evidence-card,
  .quick-stat,
  .product-intro-card-v191,
  .support-card-v325,
  .support-step-v325,
  .package-step-v237,
  .tank-table-card-v237,
  .dist-card-v328,
  .dist-side-v328,
  .dist-product-v328,
  .dist-band-v328,
  .finder-basis-card,
  .finder-result-box,
  .finder-package-panel,
  .finder-existing-control-panel,
  .finder-alternative-panel,
  .finder-tag-estimate-panel,
  .finder-report-panel,
  .finder-card,
  .showroom-panel-card,
  .cta-card
) .fueltek-glow-layer::before{
  background:
    radial-gradient(
      260px 190px at var(--fueltek-glow-x) var(--fueltek-glow-y),
      rgba(255,251,238,.98) 0%,
      rgba(255,220,120,.96) 13%,
      rgba(255,183,44,.96) 26%,
      rgba(255,123,24,.90) 43%,
      rgba(214,66,10,.66) 58%,
      rgba(214,66,10,0) 74%
    ) border-box!important;
}