/* =====================================================================
   HOMEPAGE v4 — design layer (loaded by index.html ONLY)
   Aurora background, cinematic hero, spotlight cards, count-up stats,
   glowing final CTA. Everything degrades to the plain v3 look without JS
   (all "hidden until animated" states are gated behind html.fx).
   ===================================================================== */

@property --fx-ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }

:root {
  --fx-bg: #06130D;
  --fx-glass: rgba(20, 48, 33, 0.42);
  --fx-glass-hi: rgba(30, 64, 44, 0.55);
  --fx-edge: rgba(212, 255, 128, 0.14);
}

html { background: var(--fx-bg); }
body { background: transparent; }

/* ---------------------------------------------------------------- BACKDROP */
.fx-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background: var(--fx-bg);
}
.fx-bg__blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.55;
  will-change: transform;
}
.fx-bg__blob--1 {
  width: 62vmax; height: 62vmax; left: -18vmax; top: -22vmax;
  background: radial-gradient(circle, rgba(62, 140, 70, 0.55), transparent 65%);
  animation: fx-drift-1 26s ease-in-out infinite alternate;
}
.fx-bg__blob--2 {
  width: 48vmax; height: 48vmax; right: -16vmax; top: 18vh;
  background: radial-gradient(circle, rgba(212, 255, 128, 0.20), transparent 65%);
  animation: fx-drift-2 32s ease-in-out infinite alternate;
}
.fx-bg__blob--3 {
  width: 56vmax; height: 56vmax; left: 20vw; bottom: -30vmax;
  background: radial-gradient(circle, rgba(18, 92, 64, 0.55), transparent 65%);
  animation: fx-drift-3 38s ease-in-out infinite alternate;
}
@keyframes fx-drift-1 { to { transform: translate(14vw, 10vh) scale(1.1); } }
@keyframes fx-drift-2 { to { transform: translate(-12vw, 16vh) scale(0.9); } }
@keyframes fx-drift-3 { to { transform: translate(-10vw, -12vh) scale(1.15); } }

.fx-bg__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(212, 255, 128, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212, 255, 128, 0.045) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 20%, transparent 75%);
          mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 20%, transparent 75%);
}
.fx-bg__grain {
  position: absolute;
  inset: -50%;
  opacity: 0.07;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: fx-grain 1.2s steps(6) infinite;
}
@keyframes fx-grain {
  0% { transform: translate(0, 0); } 20% { transform: translate(-4%, 3%); }
  40% { transform: translate(3%, -5%); } 60% { transform: translate(-6%, -2%); }
  80% { transform: translate(5%, 4%); } 100% { transform: translate(0, 0); }
}

/* Scroll progress line under the nav */
.fx-progress {
  position: fixed;
  inset-inline: 0;
  top: var(--award-strip-h, 0px);
  height: 2px;
  z-index: 61;
  transform-origin: left;
  transform: scaleX(var(--fx-p, 0));
  background: linear-gradient(90deg, transparent, var(--lime) 30%, #F4FFE0);
  box-shadow: 0 0 12px rgba(212, 255, 128, 0.7);
  pointer-events: none;
}

/* ---------------------------------------------------------------- NAV */
.nav.is-scrolled,
.nav {
  transition: background 0.4s var(--ease), backdrop-filter 0.4s, border-color 0.4s;
}
.fx-nav-solid .nav {
  background: rgba(6, 19, 13, 0.72) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
          backdrop-filter: blur(18px) saturate(1.4);
  border-bottom: 1px solid rgba(212, 255, 128, 0.08);
}

/* ---------------------------------------------------------------- HERO */
.v3-hero {
  position: relative;
  min-height: min(calc(100svh - var(--award-strip-h, 0px)), 980px);
  isolation: isolate;
}
.hero-fx {
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.hero-fx__spot {
  position: absolute;
  width: 900px; height: 900px;
  left: var(--hx, 30%); top: var(--hy, 45%);
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(212, 255, 128, 0.13), transparent 60%);
  transition: left 0.6s cubic-bezier(.2,.8,.2,1), top 0.6s cubic-bezier(.2,.8,.2,1);
}
.hero-fx__beam {
  position: absolute;
  top: -20%;
  left: 55%;
  width: 34vw;
  height: 140%;
  background: linear-gradient(180deg, rgba(212, 255, 128, 0.10), transparent 70%);
  filter: blur(40px);
  transform: rotate(18deg);
  animation: fx-beam 9s ease-in-out infinite alternate;
}
@keyframes fx-beam { to { transform: rotate(8deg) translateX(-6vw); opacity: 0.6; } }

.v3-hero__h1 {
  font-size: clamp(38px, 5.4vw, 88px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.04em !important;
  text-shadow: 0 20px 80px rgba(0, 0, 0, 0.45);
}
.v3-hero__h1 em .fx-w,
.v3-hero__h1 em:not(:has(.fx-w)) {
  background: linear-gradient(100deg, #B8F55A 0%, #D4FF80 25%, #F6FFE6 45%, #D4FF80 60%, #9FE34F 100%);
  background-size: 250% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: fx-shimmer 6s linear infinite;
}
.v3-hero__h1 em { filter: drop-shadow(0 0 28px rgba(212, 255, 128, 0.35)); }
.fx .v3-hero__h1 em .fx-w {
  animation: fx-word 1s cubic-bezier(.2,.8,.2,1) forwards, fx-shimmer 6s linear infinite;
  animation-delay: calc(0.12s + var(--i) * 0.09s), 0s;
}
@keyframes fx-shimmer { from { background-position: 100% 0; } to { background-position: -150% 0; } }

/* Word reveal (JS wraps words in .fx-w) */
.fx .fx-w {
  display: inline-block;
  opacity: 0;
  filter: blur(14px);
  transform: translateY(0.35em) rotate(2deg);
  animation: fx-word 1s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay: calc(0.12s + var(--i) * 0.09s);
}
@keyframes fx-word { to { opacity: 1; filter: blur(0); transform: none; } }
.fx .v3-hero__lead,
.fx .v3-hero__cta,
.fx .hero-trust {
  opacity: 0;
  transform: translateY(18px);
  animation: fx-rise 0.9s cubic-bezier(.2,.8,.2,1) forwards;
}
.fx .v3-hero__lead { animation-delay: 0.55s; }
.fx .v3-hero__cta  { animation-delay: 0.7s; }
.fx .hero-trust    { animation-delay: 0.9s; }
@keyframes fx-rise { to { opacity: 1; transform: none; } }

.v3-hero__cta .btn:not(.btn--ghost) {
  box-shadow: 0 0 0 1px rgba(212, 255, 128, 0.4), 0 18px 50px -12px rgba(212, 255, 128, 0.55);
}
.v3-hero__cta .btn { padding: 17px 28px; font-size: 15px; }
.v3-hero__cta .btn--ghost {
  background: rgba(255, 255, 255, 0.03);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

/* Partner logos under the CTAs — images only, no copy */
.hero-trust {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: 44px;
  flex-wrap: wrap;
}
.hero-trust a { display: inline-flex; opacity: 0.7; transition: opacity 0.3s, transform 0.3s; }
.hero-trust a:hover { opacity: 1; transform: translateY(-2px); }
.hero-trust img { height: 26px; width: auto; }
.hero-trust__sep { width: 1px; height: 22px; background: rgba(212, 255, 128, 0.2); }

/* Showcase: 3D tilt, orbit rings, floating chips */
.hero-showcase { perspective: 1400px; }
.showcase-phone {
  transform: rotateX(var(--ty, 0deg)) rotateY(var(--tx, -8deg)) translateZ(0);
  transform-style: preserve-3d;
  transition: transform 0.5s cubic-bezier(.2,.8,.2,1);
  box-shadow:
    0 60px 120px -40px rgba(0, 0, 0, 0.9),
    0 0 0 1px rgba(212, 255, 128, 0.22),
    0 0 90px -10px rgba(212, 255, 128, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  animation: fx-float 7s ease-in-out infinite;
}
@keyframes fx-float { 50% { translate: 0 -14px; } }

.fx-orbit {
  position: absolute;
  left: 50%; top: 50%;
  border-radius: 50%;
  border: 1px solid rgba(212, 255, 128, 0.16);
  transform: translate(-50%, -50%) rotateX(72deg);
  pointer-events: none;
  z-index: 0;
}
.fx-orbit::after {
  content: "";
  position: absolute;
  top: -4px; left: 50%;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 18px 4px rgba(212, 255, 128, 0.7);
}
.fx-orbit--1 { width: 115%; aspect-ratio: 1; animation: fx-spin 18s linear infinite; }
.fx-orbit--2 { width: 150%; aspect-ratio: 1; border-style: dashed; border-color: rgba(212,255,128,0.09); animation: fx-spin 30s linear infinite reverse; }
@keyframes fx-spin { to { transform: translate(-50%, -50%) rotateX(72deg) rotateZ(360deg); } }

.hero-chip {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 18px;
  background: rgba(14, 36, 25, 0.62);
  border: 1px solid rgba(212, 255, 128, 0.18);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
          backdrop-filter: blur(16px) saturate(1.3);
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.7);
  animation: fx-float 6s ease-in-out infinite;
}
.hero-chip__ico {
  width: 36px; height: 36px;
  border-radius: 11px;
  display: grid; place-items: center;
  background: var(--lime);
  color: var(--lime-ink);
  flex: none;
}
.hero-chip__ico--down { background: #F6FFE6; }
.hero-chip__v {
  font-family: var(--f-display);
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--ink);
}
.hero-chip__k {
  display: block;
  margin-top: 4px;
  font-family: var(--f-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-dim);
}
.hero-chip--a { left: -2%; top: 20%; animation-delay: -1.5s; }
.hero-chip--b { right: -3%; bottom: 20%; animation-delay: -3.5s; }
.hero-chip--c { right: 2%; top: 9%; padding: 10px 14px; animation-delay: -5s; }
.hero-chip--c img { height: 22px; width: auto; display: block; }

.fx .hero-showcase {
  opacity: 0;
  transform: translateY(40px) scale(0.96);
  animation: fx-rise 1.3s cubic-bezier(.2,.8,.2,1) 0.35s forwards;
}

/* Scroll cue */
.fx-scroll {
  position: absolute;
  left: 50%; bottom: 26px;
  width: 24px; height: 38px;
  margin-left: -12px;
  border-radius: 14px;
  border: 1.5px solid rgba(212, 255, 128, 0.35);
}
.fx-scroll::after {
  content: "";
  position: absolute;
  left: 50%; top: 7px;
  width: 4px; height: 8px;
  margin-left: -2px;
  border-radius: 2px;
  background: var(--lime);
  animation: fx-scroll 1.8s ease-in-out infinite;
}
@keyframes fx-scroll { 0% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 100% { opacity: 0; transform: translateY(14px); } }

/* ---------------------------------------------------------------- LOGO STRIP */
.brand-strip {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  background: transparent !important;
  border-color: rgba(212, 255, 128, 0.08) !important;
}

/* ---------------------------------------------------------------- SECTION HEADS */
.sec-head h2,
#about h2,
.audit-hero__h,
#press h2,
#book h2 {
  letter-spacing: -0.035em;
}
.sec-head h2 em:not(:has(span)), .sec-head h2 em span:not(:has(span)),
.audit-hero__h em:not(:has(span)), .audit-hero__h em span:not(:has(span)),
#about h2 em:not(:has(span)), #about h2 em span:not(:has(span)),
#book h2 em:not(:has(span)), #book h2 em span:not(:has(span)),
#press h2 em:not(:has(span)), #press h2 em span:not(:has(span)) {
  background: linear-gradient(100deg, #B8F55A, #F6FFE6 45%, #D4FF80 60%, #9FE34F);
  background-size: 250% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: fx-shimmer 7s linear infinite;
}
.eyebrow {
  padding: 7px 14px 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(212, 255, 128, 0.18);
  background: rgba(212, 255, 128, 0.05);
}
.eyebrow::before { width: 6px !important; height: 6px !important; border-radius: 50%; box-shadow: 0 0 10px var(--lime); }

.fx .sec-head h2,
.fx #about h2,
.fx .audit-hero__h {
  clip-path: inset(0 0 100% 0);
  transform: translateY(30px);
  transition: clip-path 1.1s cubic-bezier(.2,.8,.2,1), transform 1.1s cubic-bezier(.2,.8,.2,1);
}
.fx .is-visible .sec-head h2,
.fx .is-visible#about h2,
.fx #about.is-visible h2,
.fx .is-visible .audit-hero__h {
  clip-path: inset(-20% -5% -20% -5%);
  transform: none;
}

/* ---------------------------------------------------------------- GLASS CARDS + SPOTLIGHT */
.svc-card,
.why-item,
.case-mini,
.proc-step,
.audit-deliverable,
.testi,
.faq__item,
.stats-row__cell {
  background: linear-gradient(180deg, var(--fx-glass-hi), var(--fx-glass)) !important;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  border-color: rgba(212, 255, 128, 0.10) !important;
}
.svc-card, .why-item, .case-mini, .proc-step, .audit-deliverable {
  position: relative;
  transition: opacity 0.9s cubic-bezier(.2,.8,.2,1), transform 0.7s cubic-bezier(.2,.8,.2,1), box-shadow 0.5s, border-color 0.4s !important;
}
.svc-card:hover, .why-item:hover, .case-mini:hover, .proc-step:hover, .audit-deliverable:hover {
  transform: translateY(-6px);
  border-color: rgba(212, 255, 128, 0.28) !important;
  box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.8), 0 0 60px -30px rgba(212, 255, 128, 0.45);
}
.fx-spot,
.fx-edge {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s;
  z-index: 0;
}
.fx-spot {
  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(212, 255, 128, 0.10), transparent 45%);
}
.fx-edge {
  padding: 1px;
  background: radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%), rgba(212, 255, 128, 0.85), transparent 45%);
  -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 exclude, linear-gradient(#000 0 0);
}
:hover > .fx-spot,
:hover > .fx-edge { opacity: 1; }


/* ---------------------------------------------------------------- STATS */
.stats-row {
  background: transparent !important;
  border: 0 !important;
  gap: 16px !important;
  overflow: visible !important;
}
.stats-row__cell {
  border: 1px solid rgba(212, 255, 128, 0.10);
  border-radius: 24px;
  padding: 44px 36px !important;
  position: relative;
  overflow: hidden;
}
.stats-row__cell::after {
  content: "";
  position: absolute;
  left: 10%; right: 10%; top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212, 255, 128, 0.7), transparent);
}
.stats-row__num {
  font-size: clamp(56px, 7vw, 112px) !important;
  background: linear-gradient(180deg, #F6FFE6 0%, #D4FF80 55%, #8FD640 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 30px rgba(212, 255, 128, 0.25));
  font-variant-numeric: tabular-nums;
}
.stats-row__num em { -webkit-text-fill-color: #EEF5EC; }

/* ---------------------------------------------------------------- CASE CARDS */
.case-mini__hero-n {
  background: linear-gradient(180deg, #F6FFE6, #D4FF80 70%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------------------------------------------------------------- FINAL CTA */
.final-cta {
  background:
    radial-gradient(120% 140% at 50% 0%, #E4FFA8 0%, #D4FF80 40%, #A8E85A 100%) !important;
  box-shadow: 0 0 0 1px rgba(212, 255, 128, 0.5), 0 60px 160px -40px rgba(212, 255, 128, 0.45);
  isolation: isolate;
}
.final-cta::after {
  content: "";
  position: absolute;
  inset: -40%;
  z-index: -1;
  background: conic-gradient(from var(--fx-ang), transparent 0 70%, rgba(255, 255, 255, 0.55) 80%, transparent 90%);
  animation: fx-rotate 7s linear infinite;
  mix-blend-mode: soft-light;
}
@keyframes fx-rotate { to { --fx-ang: 360deg; } }
.final-cta h2 { font-size: clamp(48px, 8vw, 132px) !important; }
.final-cta .btn { padding: 20px 34px; font-size: 16px; box-shadow: 0 20px 50px -18px rgba(5, 13, 6, 0.8); }

/* ---------------------------------------------------------------- BUTTON SHINE */
.btn:not(.btn--ghost)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.55) 50%, transparent 65%);
  background-size: 250% 100%;
  background-position: 160% 0;
  pointer-events: none;
  animation: fx-btn-shine 4.5s ease-in-out infinite;
}
@keyframes fx-btn-shine { 0%, 60% { background-position: 160% 0; } 100% { background-position: -60% 0; } }

/* ---------------------------------------------------------------- RESPONSIVE */
@media (max-width: 1024px) {
  .v3-hero { min-height: auto; }
  .hero-trust { justify-content: center; }
  .hero-chip--a { left: -6%; }
  .hero-chip--b { right: -6%; }
  .fx-scroll { display: none; }
  .stats-row { grid-template-columns: 1fr !important; }
}
@media (max-width: 600px) {
  .hero-chip { padding: 10px 12px; gap: 8px; border-radius: 14px; }
  .hero-chip__ico { width: 28px; height: 28px; border-radius: 9px; }
  .hero-chip__v { font-size: 18px; }
  .hero-chip__k { font-size: 8px; }
  .hero-chip--c { display: none; }
  .hero-trust img { height: 20px; }
  .fx-bg__blob { filter: blur(60px); }
}

@media (prefers-reduced-motion: reduce) {
  .fx-bg__blob, .fx-bg__grain, .hero-fx__beam, .fx-orbit, .hero-chip, .showcase-phone,
  .v3-hero__h1 em, .sec-head h2 em, .final-cta::after, .btn::before, .fx-scroll::after { animation: none !important; }
  .fx .fx-w, .fx .v3-hero__lead, .fx .v3-hero__cta, .fx .hero-trust, .fx .hero-showcase {
    animation: none !important; opacity: 1 !important; filter: none !important; transform: none !important;
  }
  .fx .sec-head h2, .fx #about h2, .fx .audit-hero__h { clip-path: none !important; transform: none !important; }
}

/* Stats band sits tight between Services and About */
.section:has(> .stats-row) { padding-block: clamp(24px, 3vw, 48px) !important; }

/* Phones: one left edge for the whole hero */
@media (max-width: 600px) {
  .v3-hero > :first-child { text-align: left !important; }
  .v3-hero__h1, .v3-hero__lead { margin-inline: 0 !important; }
  .v3-hero__cta { justify-content: flex-start !important; }
  .v3-hero__cta .btn { padding: 15px 22px; font-size: 14px; }
  .hero-trust { justify-content: flex-start !important; gap: 18px; margin-top: 32px; }
  .hero-trust__sep { display: none; }
}

/* ---------------------------------------------------------------- PLATFORM LIST */
.hero-plats {
  list-style: none;
  margin: 26px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.hero-plat {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 16px;
  border-radius: 999px;
  border: 1px solid rgba(212, 255, 128, 0.14);
  background: rgba(14, 36, 25, 0.5);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  font-family: var(--f-mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-dim);
  transition: color 0.3s, border-color 0.3s, transform 0.3s, box-shadow 0.3s;
}
.hero-plat:hover { color: var(--ink); transform: translateY(-2px); }
.hero-plat__dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  flex: none;
  background: var(--_c, var(--lime));
  box-shadow: 0 0 12px var(--_c, var(--lime));
}
.hero-plat[data-p="tiktok"] { --_c: #FE2C55; }
.hero-plat[data-p="meta"]   { --_c: #0866FF; }
.hero-plat[data-p="snap"]   { --_c: #FFFC00; }
.hero-plat[data-p="google"] { --_c: #34A853; }
.hero-plat:hover { border-color: color-mix(in srgb, var(--_c) 55%, transparent); box-shadow: 0 10px 30px -14px var(--_c); }

.fx .hero-plats {
  opacity: 0;
  transform: translateY(18px);
  animation: fx-rise 0.9s cubic-bezier(.2,.8,.2,1) 0.62s forwards;
}
}

/* ---------------------------------------------------------------- FAQ */
.faq__list { border-block-start: 0 !important; display: grid; gap: 12px; }
.faq__item {
  border: 1px solid rgba(212, 255, 128, 0.10) !important;
  border-radius: 20px;
  padding-inline: clamp(18px, 2vw, 28px);
  overflow: hidden;
  transition: border-color 0.4s, box-shadow 0.4s, transform 0.4s;
}
.faq__item:hover { border-color: rgba(212, 255, 128, 0.24) !important; }
.faq__item.is-open {
  border-color: rgba(212, 255, 128, 0.30) !important;
  box-shadow: 0 30px 70px -40px rgba(0, 0, 0, 0.8), 0 0 50px -30px rgba(212, 255, 128, 0.4);
}
.faq__q { padding-block: clamp(18px, 1.8vw, 24px) !important; }