/* v6.9.270 — cinematic final scene layered onto the approved v6.9.267 About page. */
.about-fueltek-page .abx-closing{
  --portal-gold:#e8b638;
  --portal-gold-pale:#ffd979;
  isolation:isolate;
  position:relative;
  display:flex;
  min-height:max(760px,100svh);
  margin:0 -6vw;
  padding:clamp(72px,9svh,118px) clamp(26px,6vw,112px) clamp(76px,8svh,106px);
  overflow:hidden;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  color:#fff;
  text-align:center;
  background:#010201;
  border-top:1px solid rgba(232,182,56,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 150px rgba(0,0,0,.8);
}
.about-fueltek-page .abx-closing::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 51%,transparent 0 22%,rgba(0,0,0,.08) 37%,rgba(0,0,0,.62) 77%,rgba(0,0,0,.88) 100%),
    linear-gradient(180deg,rgba(0,0,0,.46),transparent 32%,transparent 70%,rgba(0,0,0,.68));
}
.about-fueltek-page .abx-closing::after{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:min(78vw,1180px);
  aspect-ratio:1.72;
  pointer-events:none;
  border:1px solid rgba(232,182,56,.13);
  border-radius:50%;
  box-shadow:0 0 90px rgba(232,182,56,.07),inset 0 0 90px rgba(232,182,56,.035);
  transform:translate(-50%,-48%);
}
.about-fueltek-page .abx-closing-media{
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  overflow:hidden;
  pointer-events:none;
}
.about-fueltek-page .abx-closing-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 30% 70%,rgba(0,0,0,.22));
}
.about-fueltek-page .abx-closing-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.88) brightness(.7) contrast(1.1);
  transform:translate3d(0,var(--abx-closing-image-y,0),0) scale(var(--abx-closing-image-scale,1.08));
  will-change:transform;
}
.about-fueltek-page .abx-closing>p,
.about-fueltek-page .abx-closing>h2,
.about-fueltek-page .abx-closing>div,
.about-fueltek-page .abx-closing>small,
.about-fueltek-page .abx-closing>.abx-closing-cue{position:relative;z-index:3}

.about-fueltek-page .abx-closing-brand{
  position:absolute;
  z-index:4;
  top:clamp(25px,4.2svh,48px);
  left:clamp(24px,4vw,72px);
  display:block;
  width:clamp(150px,13vw,220px);
  margin:0;
  padding:0;
  opacity:.96;
  filter:drop-shadow(0 4px 20px rgba(0,0,0,.9));
}
.about-fueltek-page .abx-closing-brand img{display:block;width:100%;height:auto}
.about-fueltek-page .abx-closing-established{
  position:absolute;
  z-index:4;
  top:clamp(30px,4.8svh,56px);
  right:clamp(24px,4vw,72px);
  display:grid;
  min-width:74px;
  margin:0;
  padding:11px 14px 10px;
  color:var(--portal-gold-pale)!important;
  background:rgba(2,3,2,.48);
  border:1px solid rgba(232,182,56,.46);
  box-shadow:inset 0 0 18px rgba(232,182,56,.035),0 14px 36px rgba(0,0,0,.4);
  font-size:9px!important;
  font-weight:750;
  letter-spacing:.16em;
  line-height:1.2;
  text-transform:uppercase;
  backdrop-filter:blur(9px);
}
.about-fueltek-page .abx-closing-established strong{font-size:15px;letter-spacing:.22em}
.about-fueltek-page .abx-closing-era{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 clamp(28px,3.5svh,44px)!important;
  padding:11px 20px!important;
  color:var(--portal-gold-pale)!important;
  background:rgba(3,4,3,.55)!important;
  border:1px solid rgba(232,182,56,.52)!important;
  border-radius:999px!important;
  box-shadow:0 12px 32px rgba(0,0,0,.38),inset 0 0 16px rgba(232,182,56,.04);
  font-size:9px!important;
  font-weight:820;
  letter-spacing:.19em;
  line-height:1;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}
.about-fueltek-page .abx-closing-era::before,
.about-fueltek-page .abx-closing-era::after{content:"";width:34px;height:1px;background:var(--portal-gold)}
.about-fueltek-page .abx-closing-era b{font-weight:400;opacity:.58}
.about-fueltek-page .abx-closing-kicker{
  margin:0 0 clamp(17px,2.6svh,30px)!important;
  padding:0!important;
  color:#d7b85f!important;
  background:none!important;
  border:0!important;
  font-size:clamp(9px,.78vw,12px)!important;
  font-weight:700;
  letter-spacing:.31em;
  line-height:1.8;
  text-transform:uppercase;
  text-shadow:0 3px 18px #000;
}
.about-fueltek-page .abx-closing-kicker strong{color:#f0c85b;font-weight:760}
.about-fueltek-page .abx-closing h2{
  position:relative;
  z-index:3;
  display:flex;
  margin:0;
  align-items:center;
  flex-direction:column;
  color:#fff;
  font-size:clamp(88px,10.5vw,190px);
  font-weight:780;
  letter-spacing:-.085em;
  line-height:.69;
  text-transform:uppercase;
  text-shadow:0 8px 42px rgba(0,0,0,.94),0 0 90px rgba(0,0,0,.86);
}
.about-fueltek-page .abx-closing h2 span{
  color:#f7f7f5;
  background:linear-gradient(180deg,#fff 0%,#f3f3f1 48%,#a4a4a0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.about-fueltek-page .abx-closing h2 em{
  display:block;
  margin-top:.12em;
  color:var(--portal-gold);
  background:linear-gradient(180deg,#ffdf7f 0%,#e8b638 55%,#8f6210 120%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:1.12em;
  font-style:normal;
  font-weight:880;
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.74)) drop-shadow(0 0 22px rgba(232,182,56,.12));
}
.about-fueltek-page .abx-closing-statement{
  display:flex;
  max-width:780px;
  margin:clamp(30px,4svh,48px) auto 0!important;
  padding:18px clamp(24px,3vw,48px)!important;
  align-items:center;
  flex-direction:column;
  gap:4px;
  color:#fff!important;
  background:linear-gradient(90deg,rgba(4,5,4,.2),rgba(4,5,4,.78),rgba(4,5,4,.2))!important;
  border:0!important;
  border-top:1px solid rgba(232,182,56,.58)!important;
  border-bottom:1px solid rgba(232,182,56,.26)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.28)!important;
  font-size:clamp(15px,1.08vw,20px)!important;
  letter-spacing:-.015em;
  line-height:1.45;
  text-shadow:0 2px 14px #000;
  backdrop-filter:blur(10px);
}
.about-fueltek-page .abx-closing-statement strong{font-weight:760}
.about-fueltek-page .abx-closing-statement span{color:#d9d9d4;font-weight:430}
.about-fueltek-page .abx-closing-actions{
  display:flex!important;
  margin:clamp(25px,3.3svh,42px) 0 0!important;
  gap:14px!important;
}
.about-fueltek-page .abx-closing-actions a{
  display:flex;
  min-width:clamp(205px,15vw,270px);
  padding:17px 24px;
  align-items:center;
  justify-content:space-between;
  gap:44px;
  color:#fff;
  background:rgba(2,3,2,.64);
  border:1px solid rgba(232,182,56,.6);
  border-radius:999px;
  box-shadow:0 14px 34px rgba(0,0,0,.34);
  font-size:9px;
  font-weight:840;
  letter-spacing:.13em;
  text-decoration:none;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}
.about-fueltek-page .abx-closing-actions a:first-child{color:#111;background:linear-gradient(135deg,#ffdb70,#dca21f);border-color:#f5ca59}
.about-fueltek-page .abx-closing-actions a span{color:var(--portal-gold-pale);transition:transform .25s ease}
.about-fueltek-page .abx-closing-actions a:first-child span{color:#111}
.about-fueltek-page .abx-closing-actions a:hover{color:#111;background:#f3c856;border-color:#f3c856;transform:translateY(-2px)}
.about-fueltek-page .abx-closing-actions a:hover span{color:#111;transform:translateX(4px)}
.about-fueltek-page .abx-closing-proof{
  position:absolute!important;
  z-index:3;
  top:50%;
  display:flex;
  margin:0!important;
  padding:9px 14px!important;
  flex-direction:column;
  gap:10px;
  color:#d4ad45!important;
  background:linear-gradient(90deg,rgba(1,2,1,.55),transparent)!important;
  border:0!important;
  font-size:8px!important;
  font-weight:760;
  letter-spacing:.18em;
  line-height:1.15;
  text-transform:uppercase;
  text-shadow:0 2px 12px #000;
  transform:translateY(-35%);
}
.about-fueltek-page .abx-closing-proof::before{content:"";position:absolute;top:6px;bottom:6px;width:1px;background:var(--portal-gold);box-shadow:0 0 12px rgba(232,182,56,.6)}
.about-fueltek-page .abx-closing-proof--left{left:clamp(24px,4vw,72px);padding-left:18px!important;text-align:left}
.about-fueltek-page .abx-closing-proof--left::before{left:0}
.about-fueltek-page .abx-closing-proof--right{right:clamp(24px,4vw,72px);padding-right:18px!important;text-align:right}
.about-fueltek-page .abx-closing-proof--right::before{right:0}
.about-fueltek-page .abx-closing-anniversary{
  position:absolute!important;
  z-index:4;
  right:clamp(26px,4.4vw,82px);
  bottom:clamp(28px,4.5svh,58px);
  display:flex;
  width:92px;
  aspect-ratio:1;
  margin:0!important;
  padding:0!important;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  color:var(--portal-gold-pale)!important;
  background:rgba(2,3,2,.55)!important;
  border:1px solid rgba(232,182,56,.62)!important;
  border-radius:50%!important;
  box-shadow:0 0 34px rgba(232,182,56,.09),inset 0 0 26px rgba(232,182,56,.04);
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}
.about-fueltek-page .abx-closing-anniversary strong{font-size:26px;font-weight:360;letter-spacing:-.04em;line-height:1}
.about-fueltek-page .abx-closing-anniversary span{margin-top:5px;font-size:6px;font-weight:760;letter-spacing:.12em;line-height:1.25}
.about-fueltek-page .abx-closing-cue{position:absolute!important;left:50%;bottom:24px;width:16px;height:16px;border-right:2px solid var(--portal-gold);border-bottom:2px solid var(--portal-gold);transform:translateX(-50%) rotate(45deg);filter:drop-shadow(0 0 7px rgba(232,182,56,.42))}
.about-fueltek-page .abx-closing-legal{position:absolute;z-index:3;left:clamp(24px,4vw,72px);right:auto;bottom:clamp(25px,4svh,48px);color:rgba(255,255,255,.36);font-size:6px;font-weight:760;letter-spacing:.14em;text-transform:uppercase}

.about-fueltek-page.about-final-portal-ready .header,
.about-fueltek-page.about-final-portal-ready .fueltek-whatsapp{transition:transform .45s ease,opacity .35s ease}
/* v6.9.275 — keep the site navigation visible and usable over the closing scene. */
.about-fueltek-page.is-abx-final-active .header{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.about-fueltek-page.is-abx-final-active .fueltek-whatsapp{opacity:0!important;pointer-events:none;transform:translateY(26px)!important}
.about-fueltek-page.is-abx-final-active .abx-closing-era{animation:abxPortalIn .65s .08s both}
.about-fueltek-page.is-abx-final-active .abx-closing-kicker{animation:abxPortalIn .65s .16s both}
.about-fueltek-page.is-abx-final-active .abx-closing h2{animation:abxPortalTitle .9s .2s cubic-bezier(.16,1,.3,1) both}
.about-fueltek-page.is-abx-final-active .abx-closing-statement{animation:abxPortalIn .7s .42s both}
.about-fueltek-page.is-abx-final-active .abx-closing-actions{animation:abxPortalIn .7s .52s both}
@keyframes abxPortalIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes abxPortalTitle{from{opacity:.15;transform:scale(.94);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}

@media(max-width:1180px){
  .about-fueltek-page .abx-closing-proof{display:none}
  .about-fueltek-page .abx-closing h2{font-size:clamp(82px,14vw,156px)}
}
@media(max-width:760px){
  .about-fueltek-page .abx-closing{min-height:max(720px,100svh);margin:0 -20px;padding:104px 20px 92px}
  .about-fueltek-page .abx-closing::after{width:128vw;aspect-ratio:1;border-color:rgba(232,182,56,.11)}
  .about-fueltek-page .abx-closing-media img{object-position:center;filter:saturate(.9) brightness(.57) contrast(1.1)}
  .about-fueltek-page .abx-closing-brand{top:22px;left:20px;width:126px}
  .about-fueltek-page .abx-closing-established{top:22px;right:20px;min-width:60px;padding:8px 10px;font-size:7px!important}
  .about-fueltek-page .abx-closing-established strong{font-size:12px}
  .about-fueltek-page .abx-closing-era{gap:7px;margin-bottom:25px!important;padding:9px 12px!important;font-size:7px!important;letter-spacing:.12em}
  .about-fueltek-page .abx-closing-era::before,.about-fueltek-page .abx-closing-era::after{width:18px}
  .about-fueltek-page .abx-closing-kicker{font-size:7px!important;letter-spacing:.21em;line-height:1.7}
  .about-fueltek-page .abx-closing h2{font-size:clamp(68px,23vw,112px);line-height:.73}
  .about-fueltek-page .abx-closing h2 em{font-size:1.03em}
  .about-fueltek-page .abx-closing-statement{max-width:92vw;margin-top:28px!important;padding:15px 10px!important;font-size:14px!important}
  .about-fueltek-page .abx-closing-actions{width:min(100%,380px);margin-top:23px!important;flex-direction:column}
  .about-fueltek-page .abx-closing-actions a{width:100%;min-width:0;padding:15px 21px}
  .about-fueltek-page .abx-closing-anniversary{right:18px;bottom:18px;width:68px}
  .about-fueltek-page .abx-closing-anniversary strong{font-size:20px}.about-fueltek-page .abx-closing-anniversary span{font-size:5px}
  .about-fueltek-page .abx-closing-cue{display:none}
  .about-fueltek-page .abx-closing-legal{left:18px;bottom:22px;max-width:48vw;font-size:5px;line-height:1.5;text-align:left}
}
@media(max-height:760px) and (min-width:761px){
  .about-fueltek-page .abx-closing{min-height:760px;padding-top:74px;padding-bottom:72px}
  .about-fueltek-page .abx-closing-era{margin-bottom:20px!important}.about-fueltek-page .abx-closing-kicker{margin-bottom:15px!important}
  .about-fueltek-page .abx-closing h2{font-size:clamp(82px,9.5vw,146px)}
  .about-fueltek-page .abx-closing-statement{margin-top:26px!important}.about-fueltek-page .abx-closing-actions{margin-top:22px!important}
}
@media(prefers-reduced-motion:reduce){
  .about-fueltek-page .abx-closing-media img{transform:none!important}
  .about-fueltek-page.is-abx-final-active .abx-closing-era,
  .about-fueltek-page.is-abx-final-active .abx-closing-kicker,
  .about-fueltek-page.is-abx-final-active .abx-closing h2,
  .about-fueltek-page.is-abx-final-active .abx-closing-statement,
  .about-fueltek-page.is-abx-final-active .abx-closing-actions{animation:none}
}
html.a11y-reduce-motion .about-fueltek-page .abx-closing-media img{transform:none!important}
