.elementor-8 .elementor-element.elementor-element-9a8f530{--display:flex;}/* Start custom CSS for html, class: .elementor-element-abb2cca */:root{
  --ink:#0B0716;
  --plum:#1A103D;
  --plum2:#2A1658;
  --lime:#B6FF2E;
  --gold:#F5C542;

  --text: rgba(255,255,255,0.92);
  --muted: rgba(255,255,255,0.84);
  --dim: rgba(255,255,255,0.62);

  --ring: rgba(255,255,255,0.16);
  --ring2: rgba(255,255,255,0.12);

  --shadow: 0 0 0 1px rgba(182,255,46,0.14),
            0 22px 70px rgba(0,0,0,0.62),
            0 0 55px rgba(182,255,46,0.10);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.container{
  max-width:1180px;
  margin:0 auto;
  padding:0 16px;
}

/* HERO */
.hero{
  position:relative;
  overflow:hidden;
  height:clamp(520px, 70vh, 680px);
}

/* Background image */
.hero__bg{
  position:absolute;
  inset:0;
  background-image:url("https://7of9juicein.com/wp-content/uploads/2026/02/7of9-juicein-banner-test.png");
  background-size:cover;
  background-position:center;
  transform:scale(1.01);
  filter:saturate(1.12) contrast(1.05);
}

/* Page overlay: a little darker where text sits, still vibrant */
.hero__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 70% 40%, rgba(11,7,22,0.10), rgba(11,7,22,0.52) 60%, rgba(11,7,22,0.62) 100%),
    linear-gradient(to right, rgba(11,7,22,0.34), rgba(11,7,22,0.18), rgba(11,7,22,0.06)),
    linear-gradient(135deg, rgba(26,16,61,0.24), transparent 58%, rgba(42,22,88,0.12));
}

/* Frame forces the box to sit INSIDE the image with clear top/bottom spacing */
.hero__frame{
  position:absolute;
  inset:0;
  z-index:1;
}
.hero__frameInner{
  height:100%;
  position:relative;
}

/* Top reduced, bottom fixed */
.hero__cardWrap{
  position:absolute;
  top:0.7in;
  bottom:0.5in;
  left:0;
  right:0;

  display:flex;
  align-items:stretch;
  justify-content:flex-end;
}

/* CARD */
.hero__card{
  position:relative;
  height:100%;
  width:min(920px, 100%);
  border-radius:12px;

  /* Transparent but darker + premium gradient depth */
  background:
    /* left neon strip */
    linear-gradient(90deg, rgba(182,255,46,0.95) 0 4px, rgba(0,0,0,0) 4px),
    /* glow washes */
    radial-gradient(900px 420px at 12% 12%, rgba(182,255,46,0.14), rgba(0,0,0,0) 60%),
    radial-gradient(680px 380px at 92% 0%, rgba(245,197,66,0.12), rgba(0,0,0,0) 56%),
    /* base glass gradient */
    linear-gradient(180deg, rgba(42,22,88,0.46), rgba(11,7,22,0.44));

  border:1px solid rgba(255,255,255,0.10);
  box-shadow:var(--shadow);
  overflow:hidden;

  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;

  padding:26px 26px 76px; /* extra visible bottom space */
}

/* Gradient border (premium) */
.hero__card::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:12px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.55),
    rgba(245,197,66,0.30),
    rgba(42,22,88,0.25),
    rgba(255,255,255,0.10)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
}

/* Shimmer highlight (subtle, premium) */
.hero__card::after{
  content:"";
  position:absolute;
  top:-20%;
  left:-40%;
  width:70%;
  height:140%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.10) 50%, rgba(255,255,255,0) 100%);
  transform: rotate(18deg);
  opacity:0.35;
  pointer-events:none;
  animation: cardShine 7.5s ease-in-out infinite;
}
@keyframes cardShine{
  0%   { transform: translateX(-10%) rotate(18deg); opacity:0.18; }
  45%  { opacity:0.30; }
  50%  { transform: translateX(160%) rotate(18deg); opacity:0.34; }
  100% { transform: translateX(160%) rotate(18deg); opacity:0.0; }
}

/* Glass blur */
@supports ((-webkit-backdrop-filter: blur(16px)) or (backdrop-filter: blur(16px))){
  .hero__card{
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
}

/* move card right by .5in on desktop */
@media (min-width: 920px){
  .hero__card{
    transform: translateX(0.5in);
  }
}

/* Kicker */
.hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  color: rgba(255,255,255,0.86);

  background: linear-gradient(135deg, rgba(42,22,88,0.78), rgba(26,16,61,0.52));
  border: 1px solid rgba(182,255,46,0.16);
  padding:8px 11px;
  border-radius:999px;

  box-shadow: 0 10px 28px rgba(0,0,0,0.35), 0 0 18px rgba(182,255,46,0.08);
}
.hero__kickerDot{
  width:8px;
  height:8px;
  border-radius:999px;
  background: var(--lime);
  box-shadow: 0 0 0 4px rgba(182,255,46,0.12), 0 0 16px rgba(182,255,46,0.20);
}

/* Type */
.hero__title{
  margin:14px 0 0;
  font-family:Sora,system-ui,sans-serif;
  font-weight:900;
  letter-spacing:-0.03em;
  line-height:1.06;
  font-size:clamp(28px, 3.4vw, 52px);
  text-align:left;
}
.hero__titleAccent{
  background: linear-gradient(90deg, var(--lime), var(--gold));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero__subhead{
  margin:14px 0 0;
  font-size:clamp(15px, 1.35vw, 18px);
  line-height:1.55;
  color: rgba(255,255,255,0.86);
  max-width:62ch;
  text-align:left;
}

/* Cred chips */
.hero__cred{
  margin:16px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.chip{
  display:inline-flex;
  align-items:center;
  padding:10px 12px;
  border-radius:10px;

  background:
    radial-gradient(200px 90px at 15% 25%, rgba(182,255,46,0.08), rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));

  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.88);
  font-size:13px;
  font-weight:800;

  box-shadow: 0 12px 34px rgba(0,0,0,0.35);
}

/* CTA */
.hero__cta{
  margin:18px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  text-decoration:none;
  font-weight:900;
  font-size:15px;
  line-height:1;

  padding:14px 18px;
  border-radius:12px;
  border:1px solid transparent;

  transition: transform 120ms ease, filter 120ms ease, background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
  user-select:none;
}
.btn:active{ transform: translateY(1px); }
.btn__icon{ display:inline-flex; }

/* Primary: vibrant gradient + glow */
.btn--primary{
  background: linear-gradient(135deg, rgba(182,255,46,1), rgba(245,197,66,0.95));
  color: var(--ink);
  border-color: rgba(182,255,46,0.30);
  box-shadow: 0 18px 40px rgba(0,0,0,0.40), 0 0 26px rgba(182,255,46,0.20);
}
.btn--primary:hover{
  filter: brightness(0.98);
  box-shadow: 0 22px 50px rgba(0,0,0,0.45), 0 0 34px rgba(182,255,46,0.26);
}

/* Secondary: glass gradient */
.btn--secondary{
  background:
    radial-gradient(320px 120px at 20% 20%, rgba(182,255,46,0.07), rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.06));
  color: rgba(255,255,255,0.94);
  border-color: rgba(255,255,255,0.16);
  box-shadow: 0 16px 38px rgba(0,0,0,0.38);
}
.btn--secondary:hover{
  background:
    radial-gradient(320px 120px at 20% 20%, rgba(182,255,46,0.10), rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.08));
}

.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  border-radius:12px;

  background:
    radial-gradient(260px 110px at 25% 30%, rgba(245,197,66,0.10), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.06));

  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.86);
  font-weight:900;
  font-size:14px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.36);
}

.hero__micro{
  margin:14px 0 0;
  font-size:12px;
  color: var(--dim);
  text-align:left;
}

/* Extra bottom breathing area inside the card */
.hero__breather{
  flex: 1;
  min-height: 18px;
}

/* Mobile tightening */
@media (max-width: 420px){
  .hero__card{
    padding:20px 18px 72px;
  }
  .btn{
    width:100%;
    justify-content:center;
  }
  .pill{
    width:100%;
    justify-content:center;
  }
}

/* ===== EXTRA GLOW BOOST (premium, controlled) ===== */

/* Stronger ambient glow around the card */
.hero__card{
  box-shadow:
    0 0 0 1px rgba(182,255,46,0.18),
    0 26px 86px rgba(0,0,0,0.66),
    0 0 70px rgba(182,255,46,0.16),
    0 0 110px rgba(245,197,66,0.10);
}

/* Push the inner glow sources a bit brighter */
.hero__card::after{
  opacity:0.42;
  filter: blur(0px); /* keep crisp shimmer */
}
.hero__card{
  background:
    linear-gradient(90deg, rgba(182,255,46,0.98) 0 4px, rgba(0,0,0,0) 4px),
    radial-gradient(980px 460px at 12% 14%, rgba(182,255,46,0.18), rgba(0,0,0,0) 62%),
    radial-gradient(740px 420px at 92% 0%, rgba(245,197,66,0.14), rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(42,22,88,0.48), rgba(11,7,22,0.46));
}

/* Kicker glow */
.hero__kicker{
  box-shadow:
    0 12px 34px rgba(0,0,0,0.40),
    0 0 26px rgba(182,255,46,0.12);
}
.hero__kickerDot{
  box-shadow:
    0 0 0 4px rgba(182,255,46,0.14),
    0 0 22px rgba(182,255,46,0.28);
}

/* Chips: slightly more luminous edge */
.chip{
  box-shadow:
    0 14px 38px rgba(0,0,0,0.40),
    0 0 22px rgba(182,255,46,0.06);
  border-color: rgba(255,255,255,0.16);
}

/* Buttons: more halo + lift */
.btn--primary{
  box-shadow:
    0 22px 56px rgba(0,0,0,0.46),
    0 0 40px rgba(182,255,46,0.24),
    0 0 70px rgba(245,197,66,0.12);
}
.btn--primary:hover{
  box-shadow:
    0 28px 66px rgba(0,0,0,0.50),
    0 0 54px rgba(182,255,46,0.30),
    0 0 90px rgba(245,197,66,0.16);
}

.btn--secondary{
  box-shadow:
    0 20px 48px rgba(0,0,0,0.44),
    0 0 26px rgba(245,197,66,0.06);
}
.btn--secondary:hover{
  box-shadow:
    0 24px 58px rgba(0,0,0,0.48),
    0 0 34px rgba(245,197,66,0.08);
}

/* Pill: soft gold-lime glow */
.pill{
  box-shadow:
    0 18px 48px rgba(0,0,0,0.40),
    0 0 30px rgba(245,197,66,0.08),
    0 0 34px rgba(182,255,46,0.06);
}


/* Move the micro line up so it sits above the bottom breathing space */
.hero__micro{
  margin-top: 10px;        /* slightly tighter */
  margin-bottom: 14px;     /* creates lift */
  position: relative;
  top: -10px;              /* moves it up */
  z-index: 2;              /* ensures it stays above glow layers */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a5d1fd *//* =========================
   SECTION 2: STRIPE (standalone)
   Better framing + premium glow + 2 videos at bottom-left
   ========================= */

.stripe{
  position: relative;
  overflow: hidden;
  padding: 14px 0;
  background:
    radial-gradient(1100px 260px at 18% 30%, rgba(182,255,46,0.22), rgba(0,0,0,0) 62%),
    radial-gradient(1000px 280px at 88% 26%, rgba(245,197,66,0.20), rgba(0,0,0,0) 60%),
    linear-gradient(135deg, rgba(42,22,88,0.58), rgba(11,7,22,0.90));
  border-top: 1px solid rgba(255,255,255,0.10);
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.stripe::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:2px;
  background: linear-gradient(90deg,
    rgba(182,255,46,0),
    rgba(182,255,46,0.60),
    rgba(245,197,66,0.55),
    rgba(245,197,66,0)
  );
  opacity: 0.95;
  pointer-events:none;
}

.stripe::after{
  content:"";
  position:absolute;
  inset:-200px -240px auto auto;
  width: 560px;
  height: 560px;
  border-radius: 999px;
  background: rgba(182,255,46,0.14);
  filter: blur(82px);
  pointer-events:none;
}

/* Safe container helper (fine if you already have it) */
.container{
  max-width:1180px;
  margin:0 auto;
  padding:0 16px;
}

.stripe__inner{
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
  align-items: stretch;
}

@media (min-width: 920px){
  .stripe__inner{
    grid-template-columns: 1.05fr 0.95fr;
    gap: 18px;
  }
}

/* LEFT PANEL (framed) */
.stripe__left{
  position: relative;
  display:flex;
  flex-direction:column;
  gap: 8px;
  padding: 14px;
  border-radius: 16px;

  background:
    radial-gradient(520px 180px at 18% 10%, rgba(182,255,46,0.16), rgba(0,0,0,0) 60%),
    radial-gradient(520px 180px at 92% 0%, rgba(245,197,66,0.14), rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));

  border: 1px solid rgba(255,255,255,0.14);
  box-shadow:
    0 28px 78px rgba(0,0,0,0.60),
    0 0 60px rgba(182,255,46,0.14),
    0 0 52px rgba(245,197,66,0.12);
}

.stripe__left::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:16px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.55),
    rgba(245,197,66,0.40),
    rgba(255,255,255,0.10)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
}

/* Eyebrow */
.stripe__eyebrow{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;

  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color: rgba(255,255,255,0.84);

  padding: 7px 11px;
  border-radius: 999px;

  background:
    radial-gradient(240px 90px at 25% 30%, rgba(182,255,46,0.14), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(11,7,22,0.35), rgba(11,7,22,0.18));
  border: 1px solid rgba(255,255,255,0.14);

  box-shadow:
    0 18px 54px rgba(0,0,0,0.52),
    0 0 40px rgba(182,255,46,0.12),
    0 0 34px rgba(245,197,66,0.10);
}

.stripe__spark{
  color: rgba(245,197,66,0.98);
  text-shadow:
    0 0 18px rgba(245,197,66,0.26),
    0 0 14px rgba(182,255,46,0.18);
}

.stripe__headline{
  margin:0;
  font-family: Sora, system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.08;
  font-size: clamp(21px, 2.0vw, 32px);
  color: rgba(255,255,255,0.96);
}

.stripe__accent{
  background: linear-gradient(90deg, rgba(182,255,46,1), rgba(245,197,66,0.98));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
  filter: drop-shadow(0 0 14px rgba(182,255,46,0.12));
}

.stripe__sub{
  margin:0;
  max-width: 68ch;
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(255,255,255,0.82);
}

/* VIDEO GROUP — pinned to bottom */
.stripe__miniVideos{
  margin-top: auto; /* pins to bottom of left panel */
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

/* MINI VIDEO BOX */
.stripe__miniVideo{
  border-radius: 16px;
  overflow: hidden;
  position: relative;

  background:
    radial-gradient(360px 140px at 20% 15%, rgba(182,255,46,0.18), rgba(0,0,0,0) 60%),
    radial-gradient(360px 140px at 90% 0%, rgba(245,197,66,0.16), rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04));

  border: 1px solid rgba(255,255,255,0.14);

  box-shadow:
    0 26px 70px rgba(0,0,0,0.60),
    0 0 58px rgba(182,255,46,0.16),
    0 0 48px rgba(245,197,66,0.12);
}

.stripe__miniVideo::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:16px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.60),
    rgba(245,197,66,0.42),
    rgba(255,255,255,0.12)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
  z-index: 2;
}

.stripe__miniVideo::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgba(11,7,22,0.42), rgba(11,7,22,0.08) 55%, rgba(11,7,22,0.00));
  pointer-events:none;
  z-index: 1;
}

.stripe__miniVideoEl{
  width: 100%;
  aspect-ratio: 16 / 10;
  display:block;
  object-fit: cover;
  transform: scale(1.01);
  filter: saturate(1.10) contrast(1.05);
}

/* RIGHT PANEL (framed) */
.stripe__right{
  position: relative;
  padding: 12px;
  border-radius: 16px;

  background:
    radial-gradient(520px 180px at 20% 10%, rgba(182,255,46,0.18), rgba(0,0,0,0) 60%),
    radial-gradient(520px 180px at 92% 0%, rgba(245,197,66,0.14), rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,0.11), rgba(255,255,255,0.05));

  border: 1px solid rgba(255,255,255,0.16);

  box-shadow:
    0 30px 86px rgba(0,0,0,0.62),
    0 0 64px rgba(182,255,46,0.18),
    0 0 60px rgba(245,197,66,0.12);
}

.stripe__right::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:16px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.55),
    rgba(245,197,66,0.40),
    rgba(255,255,255,0.10)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
}

.stripe__list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.stripe__item{
  display:grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  align-items: start;

  padding: 9px 10px;
  border-radius: 12px;

  background:
    radial-gradient(240px 90px at 18% 35%, rgba(182,255,46,0.10), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.06));
  border: 1px solid rgba(255,255,255,0.10);

  box-shadow:
    0 18px 46px rgba(0,0,0,0.42),
    0 0 24px rgba(182,255,46,0.08);
}

.stripe__icon{
  width: 34px;
  height: 34px;
  display:grid;
  place-items:center;
  border-radius: 12px;

  background: linear-gradient(135deg, rgba(182,255,46,0.26), rgba(245,197,66,0.20));
  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.92);

  box-shadow:
    0 16px 40px rgba(0,0,0,0.52),
    0 0 26px rgba(182,255,46,0.14),
    0 0 22px rgba(245,197,66,0.10);
}

.stripe__title{
  margin:0;
  font-weight: 900;
  font-size: 14px;
  color: rgba(255,255,255,0.94);
}

.stripe__desc{
  margin:4px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255,255,255,0.78);
}

.stripe__promise{
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 12px;

  background:
    radial-gradient(320px 120px at 18% 30%, rgba(245,197,66,0.14), rgba(0,0,0,0) 62%),
    radial-gradient(320px 120px at 86% 30%, rgba(182,255,46,0.12), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.05));
  border: 1px solid rgba(255,255,255,0.14);

  color: rgba(255,255,255,0.86);
  font-size: 13.5px;
  line-height: 1.45;

  box-shadow:
    0 22px 60px rgba(0,0,0,0.55),
    0 0 44px rgba(245,197,66,0.12),
    0 0 42px rgba(182,255,46,0.10);
}

/* mobile: stack the videos */
@media (max-width: 520px){
  .stripe{ padding: 12px 0; }
  .stripe__right{ padding: 11px; }
  .stripe__item{ grid-template-columns: 32px 1fr; }
  .stripe__miniVideos{ grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c86626 *//* =========================
   SECTION 3: NAFDAC PRODUCT SPOTLIGHT
   Smaller container + sharper contrast + premium badge
   ========================= */

.nafdac{
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  background:
    radial-gradient(900px 340px at 16% 30%, rgba(182,255,46,0.16), rgba(0,0,0,0) 62%),
    radial-gradient(820px 320px at 88% 26%, rgba(245,197,66,0.14), rgba(0,0,0,0) 60%),
    linear-gradient(135deg, rgba(26,16,61,0.72), rgba(11,7,22,0.96));
  border-top: 1px solid rgba(255,255,255,0.10);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  isolation: isolate;
}

/* Reduce container size ONLY in this section */
.nafdac .container{
  max-width: 980px;
  padding: 0 16px;
}

/* Crisp top highlight */
.nafdac::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:2px;
  background: linear-gradient(90deg,
    rgba(182,255,46,0),
    rgba(182,255,46,0.70),
    rgba(245,197,66,0.60),
    rgba(245,197,66,0)
  );
  opacity: .95;
  pointer-events:none;
}

/* Ambient glow (kept, but cleaner) */
.nafdac::after{
  content:"";
  position:absolute;
  left:-220px;
  bottom:-260px;
  width: 640px;
  height: 640px;
  border-radius: 999px;
  background: rgba(182,255,46,0.10);
  filter: blur(88px);
  pointer-events:none;
  z-index: -1;
}

.nafdac__inner{
  position: relative;
  z-index: 1;
}

.nafdac__grid{
  display: grid;
  gap: 20px;
  align-items: center;
}

@media (min-width: 980px){
  .nafdac__grid{
    grid-template-columns: 0.92fr 1.08fr;
    gap: 28px;
  }
}

/* =========================
   MEDIA PANEL (sharper)
   ========================= */
.nafdac__media{
  position: relative;
  margin: 0;
  padding: 22px 16px;
  border-radius: 16px;
  overflow: hidden;

  background:
    radial-gradient(520px 240px at 26% 18%, rgba(182,255,46,0.14), rgba(0,0,0,0) 60%),
    radial-gradient(520px 240px at 86% 0%, rgba(245,197,66,0.12), rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  border: 1px solid rgba(255,255,255,0.16);

  box-shadow:
    0 30px 92px rgba(0,0,0,0.72),
    0 0 58px rgba(182,255,46,0.14),
    0 0 48px rgba(245,197,66,0.10);

  display: grid;
  place-items: center;
}

.nafdac__media::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:16px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.62),
    rgba(245,197,66,0.42),
    rgba(255,255,255,0.10)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
}

/* Keep image punchy with contrast */
.nafdac__img{
  width: min(330px, 100%);
  height: auto;
  display: block;
  filter:
    saturate(1.10)
    contrast(1.10)
    drop-shadow(0 26px 64px rgba(0,0,0,0.74));
  transform: translateY(2px);
}

/* Subtle spark texture (less hazy) */
.nafdac__media::after{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(2px 2px at 22% 35%, rgba(255,255,255,0.55), rgba(255,255,255,0)),
    radial-gradient(2px 2px at 58% 28%, rgba(245,197,66,0.65), rgba(245,197,66,0)),
    radial-gradient(2px 2px at 76% 44%, rgba(182,255,46,0.55), rgba(182,255,46,0));
  opacity: .36;
  pointer-events:none;
}

/* Badge = crisp “honour” */
.nafdac__badge{
  position: absolute;
  top: 12px;
  right: 12px;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 12px;
  border-radius: 999px;

  background:
    radial-gradient(240px 90px at 18% 30%, rgba(245,197,66,0.18), rgba(0,0,0,0) 62%),
    radial-gradient(240px 90px at 86% 30%, rgba(182,255,46,0.14), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(11,7,22,0.62), rgba(11,7,22,0.40));

  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.94);
  font-weight: 900;
  font-size: 12.5px;
  letter-spacing: .02em;

  box-shadow:
    0 20px 60px rgba(0,0,0,0.70),
    0 0 40px rgba(245,197,66,0.14),
    0 0 34px rgba(182,255,46,0.10);
}

.nafdac__badge::before{
  content:"";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(245,197,66,0.98);
  box-shadow:
    0 0 0 4px rgba(245,197,66,0.14),
    0 0 22px rgba(245,197,66,0.22);
}

/* =========================
   COPY PANEL (sharper + tighter)
   ========================= */
.nafdac__content{
  position: relative;
  padding: 16px 16px;
  border-radius: 16px;

  background:
    radial-gradient(720px 260px at 18% 10%, rgba(182,255,46,0.12), rgba(0,0,0,0) 62%),
    radial-gradient(720px 260px at 92% 0%, rgba(245,197,66,0.10), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  border: 1px solid rgba(255,255,255,0.16);

  box-shadow:
    0 30px 92px rgba(0,0,0,0.70),
    0 0 52px rgba(182,255,46,0.12),
    0 0 44px rgba(245,197,66,0.10);
}

.nafdac__content::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:16px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.55),
    rgba(245,197,66,0.38),
    rgba(255,255,255,0.10)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
}

.nafdac__eyebrow{
  margin:0 0 10px;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  width:max-content;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.86);

  padding: 8px 12px;
  border-radius: 999px;

  background:
    radial-gradient(240px 90px at 20% 30%, rgba(182,255,46,0.14), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, rgba(11,7,22,0.58), rgba(11,7,22,0.30));
  border: 1px solid rgba(255,255,255,0.16);

  box-shadow:
    0 18px 56px rgba(0,0,0,0.66),
    0 0 34px rgba(182,255,46,0.12),
    0 0 28px rgba(245,197,66,0.10);
}

.nafdac__dot{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(182,255,46,0.98);
  box-shadow:
    0 0 0 4px rgba(182,255,46,0.14),
    0 0 22px rgba(182,255,46,0.22);
}

.nafdac__title{
  margin:0;
  font-family: Sora, system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.08;
  font-size: clamp(26px, 2.5vw, 42px);
  color: rgba(255,255,255,0.96);
}

.nafdac__accent{
  background: linear-gradient(90deg, rgba(182,255,46,1), rgba(245,197,66,0.98));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
  filter: drop-shadow(0 0 16px rgba(182,255,46,0.14));
}

.nafdac__sub{
  margin: 10px 0 0;
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,0.84);
}

.nafdac__slogan{
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 14px;

  background:
    radial-gradient(420px 160px at 18% 35%, rgba(245,197,66,0.18), rgba(0,0,0,0) 62%),
    radial-gradient(420px 160px at 86% 35%, rgba(182,255,46,0.14), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  border: 1px solid rgba(255,255,255,0.16);

  color: rgba(255,255,255,0.92);
  font-size: 14px;
  line-height: 1.45;

  box-shadow:
    0 22px 70px rgba(0,0,0,0.70),
    0 0 44px rgba(245,197,66,0.14),
    0 0 38px rgba(182,255,46,0.10);
}

.nafdac__points{
  margin: 14px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
}

.nafdac__chip{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border-radius: 999px;

  background:
    radial-gradient(240px 90px at 18% 30%, rgba(182,255,46,0.10), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  border: 1px solid rgba(255,255,255,0.16);

  color: rgba(255,255,255,0.90);
  font-weight: 900;
  font-size: 13px;

  box-shadow:
    0 20px 60px rgba(0,0,0,0.68),
    0 0 26px rgba(182,255,46,0.10),
    0 0 22px rgba(245,197,66,0.08);
}

/* CTA button: sharper contrast */
.nafdac__cta{
  margin-top: 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  text-decoration:none;
  font-weight: 900;
  font-size: 15px;

  padding: 14px 18px;
  border-radius: 14px;

  background: linear-gradient(135deg, rgba(182,255,46,1), rgba(245,197,66,0.96));
  color: rgba(11,7,22,0.98);
  border: 1px solid rgba(255,255,255,0.10);

  box-shadow:
    0 28px 86px rgba(0,0,0,0.72),
    0 0 52px rgba(182,255,46,0.22),
    0 0 44px rgba(245,197,66,0.14);

  transition: transform 120ms ease, filter 120ms ease, box-shadow 120ms ease;
}

.nafdac__cta:hover{
  filter: brightness(0.98);
  box-shadow:
    0 32px 96px rgba(0,0,0,0.76),
    0 0 64px rgba(182,255,46,0.26),
    0 0 54px rgba(245,197,66,0.18);
}

.nafdac__cta:active{
  transform: translateY(1px);
}

.nafdac__micro{
  margin: 12px 0 0;
  color: rgba(255,255,255,0.72);
  font-size: 13px;
}

/* Mobile */
@media (max-width: 520px){
  .nafdac{ padding: 44px 0; }
  .nafdac__media{ padding: 20px 14px; }
  .nafdac__content{ padding: 14px 14px; }
  .nafdac__cta{ width: 100%; }
}

/* SECTION 3: tighter container + tighter layout */
.nafdac .container{
  max-width: 900px;
  padding: 0 14px;
}

@media (min-width: 980px){
  .nafdac__grid{
    grid-template-columns: 0.90fr 1.10fr;
    gap: 22px;
  }
}

.nafdac__media{ padding: 20px 14px; }
.nafdac__content{ padding: 14px 14px; }

.nafdac__img{ width: min(310px, 100%); }

.nafdac{ padding: 46px 0; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efef8a4 *//* =========================
   SECTION 4: BENEFITS (slim premium stripe)
   Gold + lime accents on deep base
   ========================= */

.benefits{
  position: relative;
  overflow: hidden;
  padding: 26px 0; /* slim stripe */
  background:
    radial-gradient(980px 260px at 16% 35%, rgba(182,255,46,0.20), rgba(0,0,0,0) 62%),
    radial-gradient(860px 260px at 88% 30%, rgba(245,197,66,0.16), rgba(0,0,0,0) 60%),
    linear-gradient(135deg, rgba(26,16,61,0.70), rgba(11,7,22,0.96));
  border-top: 1px solid rgba(255,255,255,0.10);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  isolation: isolate;
}

/* tighten container only for this section */
.benefits .container{
  max-width: 980px;
  padding: 0 14px;
}

.benefits::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:2px;
  background: linear-gradient(90deg,
    rgba(182,255,46,0),
    rgba(182,255,46,0.72),
    rgba(245,197,66,0.58),
    rgba(245,197,66,0)
  );
  opacity: .95;
  pointer-events:none;
}

.benefits::after{
  content:"";
  position:absolute;
  right:-220px;
  bottom:-260px;
  width: 640px;
  height: 640px;
  border-radius: 999px;
  background: rgba(245,197,66,0.10);
  filter: blur(92px);
  pointer-events:none;
  z-index: -1;
}

.benefits__header{
  display:flex;
  flex-direction:column;
  gap: 10px;
  margin-bottom: 16px; /* slim */
}

.benefits__eyebrow{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  width: max-content;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.86);

  padding: 8px 12px;
  border-radius: 999px;

  background:
    radial-gradient(240px 90px at 20% 30%, rgba(182,255,46,0.14), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, rgba(11,7,22,0.60), rgba(11,7,22,0.32));
  border: 1px solid rgba(255,255,255,0.16);

  box-shadow:
    0 18px 56px rgba(0,0,0,0.66),
    0 0 34px rgba(182,255,46,0.12),
    0 0 28px rgba(245,197,66,0.10);
}

.benefits__dot{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(182,255,46,0.98);
  box-shadow:
    0 0 0 4px rgba(182,255,46,0.14),
    0 0 22px rgba(182,255,46,0.22);
}

.benefits__title{
  margin:0;
  font-family: Sora, system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.08;
  font-size: clamp(24px, 2.4vw, 40px);
  color: rgba(255,255,255,0.96);
}

.benefits__accent{
  background: linear-gradient(90deg, rgba(182,255,46,1), rgba(245,197,66,0.98));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
  filter: drop-shadow(0 0 16px rgba(182,255,46,0.14));
}

.benefits__sub{
  margin:0;
  max-width: 70ch;
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(255,255,255,0.82);
}

/* cards */
.benefits__grid{
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr;
}

@media (min-width: 780px){
  .benefits__grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.benefits__card{
  position: relative;
  padding: 14px 14px;
  border-radius: 16px;

  background:
    radial-gradient(380px 160px at 18% 20%, rgba(182,255,46,0.10), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  border: 1px solid rgba(255,255,255,0.16);

  box-shadow:
    0 22px 74px rgba(0,0,0,0.70),
    0 0 28px rgba(182,255,46,0.10),
    0 0 22px rgba(245,197,66,0.08);

  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.benefits__card::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:16px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.40),
    rgba(245,197,66,0.28),
    rgba(255,255,255,0.10)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
  opacity: .75;
}

.benefits__card:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.22);
  box-shadow:
    0 26px 88px rgba(0,0,0,0.74),
    0 0 34px rgba(182,255,46,0.12),
    0 0 28px rgba(245,197,66,0.10);
}

.benefits__icon{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  font-size: 18px;

  background: linear-gradient(135deg, rgba(182,255,46,0.20), rgba(245,197,66,0.16));
  border: 1px solid rgba(255,255,255,0.18);

  box-shadow:
    0 16px 44px rgba(0,0,0,0.62),
    0 0 24px rgba(182,255,46,0.10),
    0 0 22px rgba(245,197,66,0.08);

  margin-bottom: 10px;
}

.benefits__cardTitle{
  margin:0;
  font-weight: 900;
  font-size: 14.5px;
  color: rgba(255,255,255,0.94);
}

.benefits__cardText{
  margin: 8px 0 0;
  font-size: 13.5px;
  line-height: 1.5;
  color: rgba(255,255,255,0.80);
}

.benefits__card--highlight{
  background:
    radial-gradient(420px 180px at 18% 20%, rgba(245,197,66,0.14), rgba(0,0,0,0) 62%),
    radial-gradient(420px 180px at 86% 20%, rgba(182,255,46,0.12), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03));
  border-color: rgba(255,255,255,0.18);
}

.benefits__fineprint{
  margin: 14px 0 0;
  color: rgba(255,255,255,0.68);
  font-size: 12.5px;
  line-height: 1.45;
}

/* mobile slim */
@media (max-width: 520px){
  .benefits{ padding: 22px 0; }
  .benefits__header{ margin-bottom: 14px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e715eaa *//* =========================
   SECTION 5: CUSTOMER FAVOURITES (fixed spacing + premium, no forced bottom gap)
   Drop-in replacement for Section 5 CSS
   ========================= */

.favs{
  position: relative;
  overflow: hidden;
  padding: 54px 0; /* keep section height */
  background:
    radial-gradient(1100px 420px at 14% 30%, rgba(182,255,46,0.24), rgba(0,0,0,0) 62%),
    radial-gradient(960px 380px at 90% 28%, rgba(245,197,66,0.14), rgba(0,0,0,0) 60%),
    linear-gradient(135deg, rgba(26,16,61,0.74), rgba(11,7,22,0.97));
  border-top: 1px solid rgba(255,255,255,0.10);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  isolation: isolate;
}

.favs .container{
  max-width: 980px;
  padding: 0 14px;
}

.favs::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:2px;
  background: linear-gradient(90deg,
    rgba(182,255,46,0),
    rgba(182,255,46,0.86),
    rgba(245,197,66,0.62),
    rgba(245,197,66,0)
  );
  opacity: .98;
  pointer-events:none;
}

.favs::after{
  content:"";
  position:absolute;
  right:-240px;
  bottom:-280px;
  width: 720px;
  height: 720px;
  border-radius: 999px;
  background: rgba(182,255,46,0.12);
  filter: blur(98px);
  pointer-events:none;
  z-index: -1;
}

.favs__header{
  display:flex;
  flex-direction:column;
  gap: 10px;
  margin-bottom: 18px;
}

.favs__eyebrow{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  width: max-content;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.88);
  padding: 8px 12px;
  border-radius: 999px;
  background:
    radial-gradient(240px 90px at 18% 30%, rgba(182,255,46,0.18), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, rgba(11,7,22,0.64), rgba(11,7,22,0.34));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 18px 56px rgba(0,0,0,0.68),
    0 0 40px rgba(182,255,46,0.14),
    0 0 26px rgba(245,197,66,0.08);
}

.favs__dot{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(182,255,46,0.98);
  box-shadow:
    0 0 0 4px rgba(182,255,46,0.16),
    0 0 26px rgba(182,255,46,0.28);
}

.favs__title{
  margin:0;
  font-family: Sora, system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.08;
  font-size: clamp(26px, 2.6vw, 44px);
  color: rgba(255,255,255,0.96);
  text-shadow:
    0 0 22px rgba(182,255,46,0.10),
    0 0 18px rgba(245,197,66,0.08);
}

.favs__accent{
  background: linear-gradient(90deg, rgba(182,255,46,1), rgba(245,197,66,0.98));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(182,255,46,0.18));
}

.favs__sub{
  margin:0;
  max-width: 70ch;
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(255,255,255,0.82);
}

/* GRID */
.favs__grid{
  display:grid;
  gap: 14px;
  grid-template-columns: 1fr;
}

@media (min-width: 980px){
  .favs__grid--three{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 680px) and (max-width: 979px){
  .favs__grid--three{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* CARD */
.favs__card{
  position: relative;
  padding: 18px 16px 16px;
  border-radius: 18px;
  overflow: hidden;

  /* IMPORTANT FIX:
     remove forced bottom push that created massive empty space */
  min-height: 0;
  display: block;

  background:
    radial-gradient(420px 180px at 18% 22%, rgba(182,255,46,0.12), rgba(0,0,0,0) 62%),
    radial-gradient(420px 180px at 92% 0%, rgba(245,197,66,0.10), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 28px 92px rgba(0,0,0,0.72),
    0 0 36px rgba(182,255,46,0.12),
    0 0 26px rgba(245,197,66,0.08);

  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, filter 140ms ease;
}

.favs__card::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:18px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.46),
    rgba(245,197,66,0.26),
    rgba(255,255,255,0.10)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
  opacity: .82;
}

.favs__card:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.22);
  filter: saturate(1.05);
  box-shadow:
    0 34px 110px rgba(0,0,0,0.76),
    0 0 58px rgba(182,255,46,0.18),
    0 0 30px rgba(245,197,66,0.10);
}

/* STAR CARD */
.favs__card--star{
  border-color: rgba(182,255,46,0.40);
  box-shadow:
    0 40px 132px rgba(0,0,0,0.78),
    0 0 96px rgba(182,255,46,0.26),
    0 0 46px rgba(245,197,66,0.14);
}

@media (min-width: 980px){
  .favs__card--star{
    transform: scale(1.02);
  }
  .favs__card--star:hover{
    transform: translateY(-2px) scale(1.03);
  }
}

.favs__card--star::after{
  content:"";
  position:absolute;
  inset:-42%;
  background:
    radial-gradient(2px 2px at 26% 28%, rgba(245,197,66,0.62), rgba(245,197,66,0)),
    radial-gradient(2px 2px at 74% 38%, rgba(182,255,46,0.62), rgba(182,255,46,0)),
    radial-gradient(2px 2px at 56% 72%, rgba(255,255,255,0.45), rgba(255,255,255,0));
  opacity: .36;
  pointer-events:none;
}

/* EDITABLE BADGE */
.favs__badge{
  position:absolute;
  top: 12px;
  right: 12px;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background:
    radial-gradient(240px 90px at 18% 30%, rgba(245,197,66,0.28), rgba(0,0,0,0) 62%),
    radial-gradient(240px 90px at 86% 30%, rgba(182,255,46,0.18), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(11,7,22,0.60), rgba(11,7,22,0.36));
  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.94);
  font-weight: 900;
  font-size: 12.5px;
  letter-spacing: .02em;
  box-shadow:
    0 22px 70px rgba(0,0,0,0.74),
    0 0 56px rgba(245,197,66,0.18),
    0 0 40px rgba(182,255,46,0.12);
  outline: none;
  cursor: text;
}

.favs__badge::before{
  content:"";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(245,197,66,0.98);
  box-shadow:
    0 0 0 4px rgba(245,197,66,0.14),
    0 0 24px rgba(245,197,66,0.24);
}

.favs__badge:focus{
  border-color: rgba(182,255,46,0.48);
  box-shadow:
    0 26px 96px rgba(0,0,0,0.78),
    0 0 84px rgba(182,255,46,0.22),
    0 0 46px rgba(245,197,66,0.16);
}

.favs__badge--star{
  border-color: rgba(182,255,46,0.52);
  box-shadow:
    0 28px 104px rgba(0,0,0,0.78),
    0 0 110px rgba(182,255,46,0.28),
    0 0 54px rgba(245,197,66,0.18);
}

/* TOP ROW */
.favs__top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-top: 10px;
}

.favs__thumb{
  width: 86px;
  height: 86px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background: linear-gradient(135deg, rgba(182,255,46,0.20), rgba(245,197,66,0.10));
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow:
    0 20px 66px rgba(0,0,0,0.72),
    0 0 40px rgba(182,255,46,0.16),
    0 0 22px rgba(245,197,66,0.08);
}

.favs__thumb--star{
  border-color: rgba(182,255,46,0.36);
  box-shadow:
    0 22px 74px rgba(0,0,0,0.74),
    0 0 72px rgba(182,255,46,0.22),
    0 0 26px rgba(245,197,66,0.10);
}

.favs__thumbImg{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.18);
  filter: saturate(1.10) contrast(1.10) drop-shadow(0 10px 24px rgba(0,0,0,0.42));
}

.favs__heading{
  display:flex;
  flex-direction:column;
  gap: 4px;
  min-width: 0;
}

.favs__name{
  margin:0;
  font-weight: 900;
  font-size: 19px;
  color: rgba(255,255,255,0.97);
  letter-spacing: -0.01em;
  line-height: 1.15;
  text-shadow:
    0 0 18px rgba(182,255,46,0.10),
    0 0 14px rgba(245,197,66,0.08);
}

.favs__mini{
  margin:0;
  font-size: 12.8px;
  color: rgba(255,255,255,0.76);
  letter-spacing: .01em;
  text-shadow: 0 0 14px rgba(182,255,46,0.08);
}

.favs__desc{
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,0.84);
  text-shadow: 0 0 14px rgba(0,0,0,0.25);
}

/* BOTTOM LINE: glow words only (no buttons) */
.favs__meta{
  margin: 12px 0 0;       /* FIX: no auto push */
  padding-top: 0;         /* FIX: remove big separation */
  display:flex;
  flex-wrap:wrap;
  column-gap: 10px;
  row-gap: 6px;
}

.favs__tag{
  display:inline;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(255,255,255,0.78);
  font-weight: 900;
  font-size: 12.5px;
  letter-spacing: .01em;
  text-shadow:
    0 0 18px rgba(182,255,46,0.10),
    0 0 14px rgba(245,197,66,0.06);
}

.favs__tag--lime{
  color: rgba(182,255,46,0.92);
  text-shadow:
    0 0 22px rgba(182,255,46,0.18),
    0 0 16px rgba(182,255,46,0.12);
}

.favs__tag--gold{
  color: rgba(245,197,66,0.92);
  text-shadow:
    0 0 22px rgba(245,197,66,0.16),
    0 0 16px rgba(245,197,66,0.10);
}

.favs__tag:not(:last-child)::after{
  content: "•";
  margin-left: 10px;
  color: rgba(255,255,255,0.40);
  text-shadow: none;
}

/* remove the bottom instruction area entirely if it still exists */
.favs__note{ display:none; }

/* mobile */
@media (max-width: 520px){
  .favs{ padding: 46px 0; }
  .favs__badge{ top: 10px; right: 10px; }
  .favs__thumb{ width: 76px; height: 76px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b46cf02 *//* =========================
   SECTION 6: PRODUCT CATEGORY (premium + bigger images + clean buttons)
   ========================= */

.catrot{
  position: relative;
  overflow: hidden;
  padding: 62px 0;
  background:
    radial-gradient(1200px 520px at 14% 18%, rgba(182,255,46,0.18), rgba(0,0,0,0) 62%),
    radial-gradient(980px 440px at 88% 22%, rgba(245,197,66,0.14), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(8,6,18,0.98), rgba(20,12,48,0.92));
  border-top: 1px solid rgba(255,255,255,0.10);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  isolation: isolate;
}

.catrot .container{
  max-width: 1040px;
  padding: 0 14px;
}

/* inner panel framing */
.catrot__inner{
  position: relative;
  border-radius: 26px;
  padding: 22px 18px 18px;
  background:
    radial-gradient(900px 320px at 20% 10%, rgba(182,255,46,0.10), rgba(0,0,0,0) 60%),
    radial-gradient(700px 260px at 92% 0%, rgba(245,197,66,0.10), rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow:
    0 44px 140px rgba(0,0,0,0.78),
    0 0 70px rgba(182,255,46,0.10),
    0 0 44px rgba(245,197,66,0.08);
}

.catrot__inner::before{
  content:"";
  position:absolute;
  left: 18px;
  right: 18px;
  top: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg,
    rgba(182,255,46,0),
    rgba(182,255,46,0.86),
    rgba(245,197,66,0.64),
    rgba(245,197,66,0)
  );
  opacity: .95;
  pointer-events:none;
}

.catrot::after{
  content:"";
  position:absolute;
  left:-220px;
  bottom:-280px;
  width: 720px;
  height: 720px;
  border-radius: 999px;
  background: rgba(245,197,66,0.10);
  filter: blur(96px);
  pointer-events:none;
  z-index: -1;
}

/* header */
.catrot__header{
  display:flex;
  flex-direction:column;
  gap: 10px;
  margin-bottom: 18px;
}

.catrot__eyebrow{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  width: max-content;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.88);
  padding: 8px 12px;
  border-radius: 999px;
  background:
    radial-gradient(240px 90px at 18% 30%, rgba(182,255,46,0.18), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, rgba(8,6,18,0.62), rgba(8,6,18,0.34));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 18px 56px rgba(0,0,0,0.70),
    0 0 42px rgba(182,255,46,0.14),
    0 0 26px rgba(245,197,66,0.08);
}

.catrot__dot{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(182,255,46,0.98);
  box-shadow:
    0 0 0 4px rgba(182,255,46,0.16),
    0 0 26px rgba(182,255,46,0.30);
}

.catrot__title{
  margin:0;
  font-family: Sora, system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.08;
  font-size: clamp(26px, 2.6vw, 44px);
  color: rgba(255,255,255,0.96);
  text-shadow:
    0 0 26px rgba(182,255,46,0.10),
    0 0 20px rgba(245,197,66,0.08);
}

.catrot__accent{
  background: linear-gradient(90deg, rgba(182,255,46,1), rgba(245,197,66,0.98));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(182,255,46,0.20));
}

.catrot__sub{
  margin:0;
  max-width: 72ch;
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(255,255,255,0.82);
}

/* grid */
.catrot__grid{
  display:grid;
  gap: 14px;
  grid-template-columns: 1fr;
}

@media (min-width: 980px){
  .catrot__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 700px) and (max-width: 979px){
  .catrot__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* card */
.catrot__card{
  position: relative;
  border-radius: 18px;
  padding: 16px 14px 14px;
  overflow: hidden;
  background:
    radial-gradient(420px 180px at 18% 22%, rgba(182,255,46,0.10), rgba(0,0,0,0) 62%),
    radial-gradient(420px 180px at 92% 0%, rgba(245,197,66,0.10), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow:
    0 30px 96px rgba(0,0,0,0.72),
    0 0 44px rgba(182,255,46,0.10),
    0 0 26px rgba(245,197,66,0.08);
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, filter 140ms ease;
}

.catrot__card::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:18px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.42),
    rgba(245,197,66,0.22),
    rgba(255,255,255,0.10)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
  opacity: .86;
}

.catrot__card:hover{
  transform: translateY(-2px);
  border-color: rgba(182,255,46,0.26);
  filter: saturate(1.06);
  box-shadow:
    0 38px 120px rgba(0,0,0,0.76),
    0 0 62px rgba(182,255,46,0.16),
    0 0 34px rgba(245,197,66,0.10);
}

/* star card */
.catrot__card--star{
  border-color: rgba(182,255,46,0.34);
  box-shadow:
    0 40px 128px rgba(0,0,0,0.78),
    0 0 86px rgba(182,255,46,0.22),
    0 0 40px rgba(245,197,66,0.12);
}

.catrot__card--star::after{
  content:"";
  position:absolute;
  inset:-45%;
  background:
    radial-gradient(2px 2px at 22% 28%, rgba(245,197,66,0.62), rgba(245,197,66,0)),
    radial-gradient(2px 2px at 72% 34%, rgba(182,255,46,0.62), rgba(182,255,46,0)),
    radial-gradient(2px 2px at 52% 76%, rgba(255,255,255,0.42), rgba(255,255,255,0));
  opacity: .34;
  pointer-events:none;
}

/* badge */
.catrot__badge{
  position:absolute;
  top: 12px;
  right: 12px;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 9px 11px;
  border-radius: 999px;
  color: rgba(255,255,255,0.94);
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .02em;
  background:
    radial-gradient(240px 90px at 18% 30%, rgba(245,197,66,0.22), rgba(0,0,0,0) 62%),
    radial-gradient(240px 90px at 86% 30%, rgba(182,255,46,0.18), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(8,6,18,0.62), rgba(8,6,18,0.34));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 22px 74px rgba(0,0,0,0.74),
    0 0 54px rgba(245,197,66,0.14),
    0 0 36px rgba(182,255,46,0.12);
}

.catrot__badge::before{
  content:"";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(245,197,66,0.98);
  box-shadow:
    0 0 0 4px rgba(245,197,66,0.14),
    0 0 22px rgba(245,197,66,0.22);
}

.catrot__badge--star{
  border-color: rgba(182,255,46,0.34);
  box-shadow:
    0 24px 86px rgba(0,0,0,0.78),
    0 0 84px rgba(182,255,46,0.20),
    0 0 44px rgba(245,197,66,0.16);
}

/* top row */
.catrot__top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-top: 14px;
}

/* bigger image */
.catrot__thumb{
  width: 112px;
  height: 112px;
  border-radius: 22px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background: linear-gradient(135deg, rgba(182,255,46,0.18), rgba(245,197,66,0.10));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 22px 74px rgba(0,0,0,0.74),
    0 0 48px rgba(182,255,46,0.16),
    0 0 26px rgba(245,197,66,0.08);
  text-decoration: none;
}

.catrot__thumb:focus-visible{
  outline: 2px solid rgba(182,255,46,0.55);
  outline-offset: 3px;
}

.catrot__thumb--star{
  border-color: rgba(182,255,46,0.32);
  box-shadow:
    0 24px 84px rgba(0,0,0,0.76),
    0 0 72px rgba(182,255,46,0.22),
    0 0 30px rgba(245,197,66,0.10);
}

.catrot__img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.34);
  filter: saturate(1.12) contrast(1.12) drop-shadow(0 12px 28px rgba(0,0,0,0.44));
}

/* text */
.catrot__head{
  display:flex;
  flex-direction:column;
  gap: 4px;
  min-width: 0;
}

.catrot__name{
  margin:0;
  font-weight: 900;
  font-size: 17px;
  line-height: 1.15;
  color: rgba(255,255,255,0.97);
  letter-spacing: -0.01em;
  text-shadow:
    0 0 18px rgba(182,255,46,0.10),
    0 0 14px rgba(245,197,66,0.08);
}

.catrot__link{
  color: inherit;
  text-decoration: none;
}

.catrot__link:hover{
  text-decoration: underline;
  text-underline-offset: 4px;
}

.catrot__link:focus-visible{
  outline: 2px solid rgba(245,197,66,0.55);
  outline-offset: 3px;
  border-radius: 8px;
}

.catrot__micro{
  margin:0;
  font-size: 12.6px;
  color: rgba(255,255,255,0.76);
  text-shadow: 0 0 14px rgba(182,255,46,0.08);
}

.catrot__benefit{
  margin: 12px 0 0;
  font-size: 13.6px;
  line-height: 1.45;
  color: rgba(255,255,255,0.84);
}

.catrot__ingredients{
  margin: 10px 0 0;
  font-size: 12.6px;
  line-height: 1.45;
  color: rgba(255,255,255,0.74);
}

.catrot__ingredients strong{
  color: rgba(255,255,255,0.90);
}

/* price */
.catrot__price{
  margin: 12px 0 0;
  display:flex;
  align-items:baseline;
  gap: 6px;
  font-weight: 900;
  letter-spacing: -0.01em;
}

.catrot__currency{
  color: rgba(245,197,66,0.92);
  text-shadow: 0 0 18px rgba(245,197,66,0.16);
}

.catrot__amount{
  color: rgba(255,255,255,0.96);
  font-size: 16px;
  text-shadow: 0 0 18px rgba(182,255,46,0.10);
}

/* ACTIONS (fixed: no oversized “massive” button look) */
.catrot__actions{
  margin-top: 12px;
  display:flex;
}

.catrot__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 100%;
  text-decoration:none;

  border-radius: 14px; /* premium, not overly pill */
  font-weight: 900;
  font-size: 12.3px;
  letter-spacing: .02em;

  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.96);

  background:
    radial-gradient(240px 90px at 18% 30%, rgba(182,255,46,0.16), rgba(0,0,0,0) 62%),
    radial-gradient(240px 90px at 86% 30%, rgba(245,197,66,0.14), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.03));

  box-shadow:
    0 18px 62px rgba(0,0,0,0.72),
    0 0 46px rgba(182,255,46,0.12),
    0 0 26px rgba(245,197,66,0.08);

  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, filter 140ms ease;
}

.catrot__btn:hover{
  transform: translateY(-1px);
  border-color: rgba(182,255,46,0.28);
  filter: saturate(1.06);
  box-shadow:
    0 22px 78px rgba(0,0,0,0.76),
    0 0 62px rgba(182,255,46,0.16),
    0 0 34px rgba(245,197,66,0.10);
}

.catrot__btn:active{ transform: translateY(0px); }

.catrot__btn:focus-visible{
  outline: 2px solid rgba(182,255,46,0.55);
  outline-offset: 3px;
}

.catrot__btn--order{
  border-color: rgba(182,255,46,0.22);
}

/* footer menu button */
.catrot__footer{
  margin-top: 18px;
  display:flex;
  justify-content:center;
}

.catrot__btn--menu{
  width: auto;
  min-width: 240px;
  padding: 12px 16px;
  border-radius: 999px;
  border-color: rgba(245,197,66,0.24);
  box-shadow:
    0 22px 78px rgba(0,0,0,0.76),
    0 0 56px rgba(245,197,66,0.14),
    0 0 32px rgba(182,255,46,0.10);
}

/* responsive */
@media (max-width: 520px){
  .catrot{ padding: 54px 0; }
  .catrot__inner{ padding: 18px 14px 14px; }
  .catrot__thumb{ width: 96px; height: 96px; }
  .catrot__img{ transform: scale(1.28); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e3d971 *//* =========================
   SECTION 7: TESTIMONIALS (premium, engaging, lime+gold glow)
   ========================= */

.tst{
  position: relative;
  overflow: hidden;
  padding: 64px 0;
  background:
    radial-gradient(1100px 520px at 16% 20%, rgba(182,255,46,0.16), rgba(0,0,0,0) 62%),
    radial-gradient(980px 440px at 88% 22%, rgba(245,197,66,0.14), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(10,8,22,0.98), rgba(18,10,42,0.92));
  border-top: 1px solid rgba(255,255,255,0.10);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  isolation: isolate;
}

.tst .container{
  max-width: 1040px;
  padding: 0 14px;
}

.tst::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:2px;
  background: linear-gradient(90deg,
    rgba(182,255,46,0),
    rgba(182,255,46,0.86),
    rgba(245,197,66,0.64),
    rgba(245,197,66,0)
  );
  opacity: .95;
  pointer-events:none;
}

.tst::after{
  content:"";
  position:absolute;
  right:-260px;
  bottom:-320px;
  width: 760px;
  height: 760px;
  border-radius: 999px;
  background: rgba(182,255,46,0.10);
  filter: blur(98px);
  pointer-events:none;
  z-index:-1;
}

/* Inner */
.tst__inner{
  position: relative;
}

/* Header */
.tst__header{
  display:flex;
  flex-direction:column;
  gap: 10px;
  margin-bottom: 18px;
}

.tst__eyebrow{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  width: max-content;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.88);

  padding: 8px 12px;
  border-radius: 999px;

  background:
    radial-gradient(240px 90px at 18% 30%, rgba(182,255,46,0.16), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, rgba(10,8,22,0.62), rgba(10,8,22,0.34));
  border: 1px solid rgba(255,255,255,0.16);

  box-shadow:
    0 18px 56px rgba(0,0,0,0.70),
    0 0 42px rgba(182,255,46,0.12),
    0 0 26px rgba(245,197,66,0.08);
}

.tst__dot{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(182,255,46,0.98);
  box-shadow:
    0 0 0 4px rgba(182,255,46,0.16),
    0 0 26px rgba(182,255,46,0.30);
}

.tst__title{
  margin:0;
  font-family: Sora, system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.08;
  font-size: clamp(26px, 2.6vw, 44px);
  color: rgba(255,255,255,0.96);
  text-shadow:
    0 0 26px rgba(182,255,46,0.10),
    0 0 20px rgba(245,197,66,0.08);
}

.tst__accent{
  background: linear-gradient(90deg, rgba(182,255,46,1), rgba(245,197,66,0.98));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(182,255,46,0.20));
}

.tst__sub{
  margin:0;
  max-width: 72ch;
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(255,255,255,0.82);
}

/* Shell frame */
.tst__shell{
  position: relative;
  border-radius: 26px;
  padding: 18px 16px 14px;
  background:
    radial-gradient(900px 320px at 20% 10%, rgba(182,255,46,0.08), rgba(0,0,0,0) 60%),
    radial-gradient(700px 260px at 92% 0%, rgba(245,197,66,0.08), rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow:
    0 44px 150px rgba(0,0,0,0.78),
    0 0 84px rgba(182,255,46,0.10),
    0 0 50px rgba(245,197,66,0.08);
}

.tst__shell::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:26px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.38),
    rgba(245,197,66,0.20),
    rgba(255,255,255,0.10)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
  opacity: .86;
}

/* Controls */
.tst__controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.tst__btn{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.16);
  cursor: pointer;

  background:
    radial-gradient(240px 90px at 18% 30%, rgba(182,255,46,0.14), rgba(0,0,0,0) 62%),
    radial-gradient(240px 90px at 86% 30%, rgba(245,197,66,0.12), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));

  box-shadow:
    0 18px 66px rgba(0,0,0,0.74),
    0 0 40px rgba(182,255,46,0.10),
    0 0 26px rgba(245,197,66,0.08);

  color: rgba(255,255,255,0.92);
  font-weight: 900;
  font-size: 22px;
  line-height: 1;

  display:grid;
  place-items:center;

  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, filter 140ms ease;
}

.tst__btn:hover{
  transform: translateY(-1px);
  border-color: rgba(182,255,46,0.26);
  filter: saturate(1.06);
  box-shadow:
    0 22px 84px rgba(0,0,0,0.78),
    0 0 62px rgba(182,255,46,0.14),
    0 0 34px rgba(245,197,66,0.10);
}

.tst__btn:active{ transform: translateY(0px); }

.tst__btn:focus-visible{
  outline: 2px solid rgba(182,255,46,0.55);
  outline-offset: 3px;
}

/* Dots */
.tst__dots{
  display:flex;
  align-items:center;
  gap: 8px;
  flex: 1;
  justify-content:center;
}

.tst__dotBtn{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  background: rgba(255,255,255,0.26);
  box-shadow: 0 0 0 0 rgba(182,255,46,0);
  transition: transform 140ms ease, background 140ms ease, box-shadow 140ms ease, opacity 140ms ease;
  opacity: .9;
}

.tst__dotBtn:hover{
  transform: scale(1.05);
  background: rgba(255,255,255,0.34);
}

.tst__dotBtn.is-active{
  background: rgba(182,255,46,0.96);
  box-shadow:
    0 0 0 4px rgba(182,255,46,0.16),
    0 0 26px rgba(182,255,46,0.20);
}

/* Viewport + track */
.tst__viewport{
  border-radius: 20px;
  overflow: hidden;
  outline: none;
}

.tst__track{
  display:flex;
  gap: 14px;
  will-change: transform;
}

/* Card */
.tst__card{
  flex: 0 0 100%;
  border-radius: 20px;
  padding: 18px 16px 16px;
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(520px 220px at 16% 10%, rgba(182,255,46,0.10), rgba(0,0,0,0) 62%),
    radial-gradient(520px 220px at 92% 0%, rgba(245,197,66,0.10), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.03));
  border: 1px solid rgba(255,255,255,0.14);

  box-shadow:
    0 30px 96px rgba(0,0,0,0.72),
    0 0 44px rgba(182,255,46,0.10),
    0 0 26px rgba(245,197,66,0.08);
}

.tst__card::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:20px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.40),
    rgba(245,197,66,0.22),
    rgba(255,255,255,0.10)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
  opacity: .86;
}

/* subtle sheen */
.tst__card::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-30%;
  width: 80%;
  height: 180%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.10), rgba(255,255,255,0));
  opacity: .20;
  pointer-events:none;
}

.tst__quote{
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,0.88);
  text-shadow: 0 0 14px rgba(0,0,0,0.30);
}

.tst__who{
  margin-top: 14px;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.tst__name{
  font-weight: 900;
  color: rgba(255,255,255,0.96);
  letter-spacing: -0.01em;
  text-shadow:
    0 0 18px rgba(182,255,46,0.10),
    0 0 14px rgba(245,197,66,0.08);
}

.tst__meta{
  font-size: 12.5px;
  color: rgba(255,255,255,0.74);
}

/* small footer */
.tst__fine{
  margin: 12px 0 0;
  font-size: 12.5px;
  color: rgba(255,255,255,0.66);
  text-align:center;
}

/* Responsive */
@media (max-width: 520px){
  .tst{ padding: 56px 0; }
  .tst__shell{ padding: 16px 14px 12px; }
  .tst__btn{ width: 42px; height: 42px; }
  .tst__quote{ font-size: 14.5px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c56c91 *//* =========================
   FOOTER + CTA (WORKING CSS — refined, less repetitive feel, tighter)
   ========================= */

.jx-footer{
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(9,7,18,0.98), rgba(7,6,14,1));
  border-top: 1px solid rgba(255,255,255,0.10);
  isolation: isolate;
}

.jx-footer .container{
  max-width: 1120px;
  padding: 0 14px;
}

/* =========================
   CTA BAND (tight + premium)
   ========================= */

.jx-footer__cta{
  position: relative;
  padding: 42px 0 20px;
  background:
    radial-gradient(1200px 520px at 14% 18%, rgba(182,255,46,0.18), rgba(0,0,0,0) 62%),
    radial-gradient(980px 440px at 88% 22%, rgba(245,197,66,0.14), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(20,12,48,0.92), rgba(9,7,18,0.98));
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.jx-footer__cta::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:2px;
  background: linear-gradient(90deg,
    rgba(182,255,46,0),
    rgba(182,255,46,0.92),
    rgba(245,197,66,0.70),
    rgba(245,197,66,0)
  );
  opacity: .96;
  pointer-events:none;
}

.jx-footer__cta::after{
  content:"";
  position:absolute;
  right:-240px;
  top:-240px;
  width: 720px;
  height: 720px;
  border-radius: 999px;
  background: rgba(182,255,46,0.12);
  filter: blur(96px);
  pointer-events:none;
  z-index: -1;
}

.jx-footer__ctaInner{
  display:grid;
  gap: 12px;
  align-items: stretch;
  grid-template-columns: 1fr;
}

@media (min-width: 980px){
  .jx-footer__ctaInner{
    grid-template-columns: 1.5fr .9fr;
    gap: 14px;
  }
}

/* CTA cards */
.jx-footer__ctaCopy,
.jx-footer__ctaPanel{
  position: relative;
  border-radius: 22px;
  padding: 16px 14px 14px;
  border: 1px solid rgba(255,255,255,0.12);
  overflow: hidden;
}

.jx-footer__ctaCopy{
  background:
    radial-gradient(900px 320px at 20% 10%, rgba(182,255,46,0.10), rgba(0,0,0,0) 60%),
    radial-gradient(700px 260px at 92% 0%, rgba(245,197,66,0.10), rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  box-shadow:
    0 34px 122px rgba(0,0,0,0.80),
    0 0 68px rgba(182,255,46,0.12),
    0 0 44px rgba(245,197,66,0.10);
}

.jx-footer__ctaPanel{
  background:
    radial-gradient(900px 320px at 20% 10%, rgba(245,197,66,0.10), rgba(0,0,0,0) 60%),
    radial-gradient(700px 260px at 92% 0%, rgba(182,255,46,0.10), rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  box-shadow:
    0 34px 122px rgba(0,0,0,0.80),
    0 0 66px rgba(245,197,66,0.12),
    0 0 40px rgba(182,255,46,0.10);
}

.jx-footer__ctaCopy::before,
.jx-footer__ctaPanel::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:22px;
  background: linear-gradient(
    135deg,
    rgba(182,255,46,0.40),
    rgba(245,197,66,0.20),
    rgba(255,255,255,0.10)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
  opacity: .86;
}

/* CTA kicker */
.jx-footer__ctaKicker{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  width: max-content;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.88);
  padding: 7px 11px;
  border-radius: 999px;
  background:
    radial-gradient(240px 90px at 18% 30%, rgba(182,255,46,0.16), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, rgba(10,8,22,0.62), rgba(10,8,22,0.34));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 16px 52px rgba(0,0,0,0.74),
    0 0 34px rgba(182,255,46,0.12),
    0 0 22px rgba(245,197,66,0.08);
}

.jx-footer__spark{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(182,255,46,0.98);
  box-shadow:
    0 0 0 4px rgba(182,255,46,0.16),
    0 0 26px rgba(182,255,46,0.28);
}

/* CTA headline */
.jx-footer__ctaTitle{
  margin: 10px 0 0;
  font-family: Sora, system-ui, sans-serif;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.08;
  font-size: clamp(24px, 2.6vw, 40px);
  color: rgba(255,255,255,0.96);
  text-shadow:
    0 0 24px rgba(182,255,46,0.10),
    0 0 18px rgba(245,197,66,0.08);
}

.jx-footer__ctaAccent{
  background: linear-gradient(90deg, rgba(182,255,46,1), rgba(245,197,66,0.98));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(182,255,46,0.20));
}

.jx-footer__ctaSub{
  margin: 8px 0 0;
  max-width: 72ch;
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(255,255,255,0.82);
}

.jx-footer__ctaProof{
  margin: 10px 0 0;
  font-size: 13px;
  color: rgba(255,255,255,0.80);
}

.jx-footer__ctaProof strong{
  color: rgba(245,197,66,0.92);
  text-shadow: 0 0 18px rgba(245,197,66,0.14);
}

/* CTA buttons */
.jx-footer__ctaActions{
  margin-top: 12px;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}

.jx-footer__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight: 900;
  letter-spacing: .02em;
  font-size: 12.2px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.96);
  background:
    radial-gradient(240px 90px at 18% 30%, rgba(182,255,46,0.14), rgba(0,0,0,0) 62%),
    radial-gradient(240px 90px at 86% 30%, rgba(245,197,66,0.12), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  box-shadow:
    0 16px 62px rgba(0,0,0,0.74),
    0 0 40px rgba(182,255,46,0.10),
    0 0 24px rgba(245,197,66,0.08);
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, filter 140ms ease;
}

.jx-footer__btn:hover{
  transform: translateY(-1px);
  border-color: rgba(182,255,46,0.26);
  filter: saturate(1.06);
  box-shadow:
    0 20px 80px rgba(0,0,0,0.78),
    0 0 56px rgba(182,255,46,0.14),
    0 0 32px rgba(245,197,66,0.10);
}

.jx-footer__btn--primary{
  border-color: rgba(182,255,46,0.22);
}

.jx-footer__btn--secondary{
  border-color: rgba(245,197,66,0.22);
}

.jx-footer__btn:focus-visible{
  outline: 2px solid rgba(182,255,46,0.55);
  outline-offset: 3px;
}

/* Promise panel typography */
.jx-footer__panelTitle{
  margin:0;
  font-weight: 900;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: rgba(255,255,255,0.96);
  text-shadow:
    0 0 18px rgba(182,255,46,0.10),
    0 0 14px rgba(245,197,66,0.08);
}

.jx-footer__panelSlogan{
  margin: 6px 0 0;
  font-size: 13.4px;
  line-height: 1.5;
  color: rgba(255,255,255,0.80);
}

.jx-footer__panelList{
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 8px;
}

.jx-footer__panelItem{
  position: relative;
  padding-left: 18px;
  color: rgba(255,255,255,0.84);
  font-size: 13.4px;
  line-height: 1.45;
}

.jx-footer__panelItem::before{
  content:"";
  position:absolute;
  left:0;
  top: .55em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(245,197,66,0.96);
  box-shadow:
    0 0 0 4px rgba(245,197,66,0.12),
    0 0 22px rgba(245,197,66,0.18);
}

/* =========================
   MAIN FOOTER GRID (tight)
   ========================= */

.jx-footer__main{
  padding: 24px 0 18px;
  background:
    radial-gradient(980px 420px at 18% 0%, rgba(182,255,46,0.08), rgba(0,0,0,0) 58%),
    radial-gradient(900px 420px at 92% 0%, rgba(245,197,66,0.07), rgba(0,0,0,0) 58%),
    linear-gradient(180deg, rgba(7,6,14,1), rgba(7,6,14,1));
}

.jx-footer__grid{
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr;
}

@media (min-width: 980px){
  .jx-footer__grid{
    grid-template-columns: 1.1fr 1fr 1.2fr 1fr;
    gap: 12px;
  }
}

.jx-footer__col{
  border-radius: 18px;
  padding: 12px 12px;
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow:
    0 22px 88px rgba(0,0,0,0.70),
    0 0 40px rgba(182,255,46,0.06),
    0 0 22px rgba(245,197,66,0.05);
}

.jx-footer__brand{
  margin:0;
  font-weight: 900;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: rgba(255,255,255,0.96);
}

.jx-footer__tagline{
  margin: 6px 0 0;
  font-size: 13.4px;
  line-height: 1.5;
  color: rgba(255,255,255,0.80);
}

.jx-footer__head{
  margin:0 0 8px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.86);
}

/* badges (used in brand col) */
.jx-footer__reg{ margin-top: 10px; display:flex; gap: 8px; flex-wrap: wrap; }
.jx-footer__regBadge{
  display:inline-flex;
  align-items:center;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .02em;
  color: rgba(255,255,255,0.94);
  background:
    radial-gradient(240px 90px at 18% 30%, rgba(245,197,66,0.18), rgba(0,0,0,0) 62%),
    radial-gradient(240px 90px at 86% 30%, rgba(182,255,46,0.12), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(10,8,22,0.62), rgba(10,8,22,0.34));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 14px 52px rgba(0,0,0,0.74),
    0 0 34px rgba(245,197,66,0.10),
    0 0 22px rgba(182,255,46,0.08);
}

/* links */
.jx-footer__links{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 10px;
}

.jx-footer__link{
  color: rgba(255,255,255,0.80);
  text-decoration: none;
  font-size: 13.3px;
  line-height: 1.4;
  transition: color 140ms ease, text-shadow 140ms ease;
}

.jx-footer__link:hover{
  color: rgba(245,197,66,0.92);
  text-shadow: 0 0 18px rgba(245,197,66,0.12);
}

.jx-footer__link:focus-visible{
  outline: 2px solid rgba(182,255,46,0.55);
  outline-offset: 3px;
  border-radius: 8px;
}

/* contact */
.jx-footer__contact{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap: 8px;
}

.jx-footer__contactItem{ display:grid; gap: 3px; }
.jx-footer__contactLabel{
  font-weight: 900;
  font-size: 12.5px;
  color: rgba(255,255,255,0.86);
}

.jx-footer__contactLink{
  color: rgba(255,255,255,0.80);
  text-decoration:none;
  font-size: 13.3px;
  line-height: 1.45;
  transition: color 140ms ease, text-shadow 140ms ease;
}

.jx-footer__contactLink:hover{
  color: rgba(182,255,46,0.92);
  text-shadow: 0 0 18px rgba(182,255,46,0.12);
}

.jx-footer__contactText{
  color: rgba(255,255,255,0.76);
  font-size: 13.3px;
  line-height: 1.45;
}

/* standards */
.jx-footer__standards{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap: 8px;
}

.jx-footer__std{
  position: relative;
  padding-left: 18px;
  color: rgba(255,255,255,0.82);
  font-size: 13.3px;
  line-height: 1.45;
}

.jx-footer__std::before{
  content:"";
  position:absolute;
  left:0;
  top: .55em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(182,255,46,0.96);
  box-shadow:
    0 0 0 4px rgba(182,255,46,0.12),
    0 0 22px rgba(182,255,46,0.16);
}

/* bottom bar */
.jx-footer__bottom{
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.10);
  display:flex;
  flex-direction:column;
  gap: 6px;
  align-items:flex-start;
  justify-content:space-between;
}

@media (min-width: 720px){
  .jx-footer__bottom{
    flex-direction:row;
    align-items:center;
  }
}

.jx-footer__copy,
.jx-footer__fine{
  margin:0;
  color: rgba(255,255,255,0.72);
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 520px){
  .jx-footer__cta{ padding: 38px 0 18px; }
  .jx-footer__ctaCopy,
  .jx-footer__ctaPanel{ padding: 14px 12px 12px; }
  .jx-footer__main{ padding: 20px 0 16px; }
  .jx-footer__col{ padding: 12px 10px; }
}/* End custom CSS */