/* =====================================================================
   EVER TREE FUND — Capa NEO-BANCA TECH
   Estética fintech futurista: vidrio oscuro, neón cian/violeta, tipografía
   técnica y HUD financiero. Se carga después de styles.css.
   ===================================================================== */

html { color-scheme: dark; }

.site-futuristic {
  --tools-bg: #04070f;
  --tools-panel: #0a1122;
  --tools-panel-raised: #101a33;
  --tools-line: rgba(90, 210, 255, .16);
  --tools-text: #eaf6ff;
  --tools-muted: #8fa5c2;
  --tools-accent: #3de0ff;
  --tools-accent-2: #8b6cff;
  --tools-gold: #e0bd6f;
  --glow: 0 0 0 1px rgba(61,224,255,.35), 0 18px 60px rgba(61,224,255,.14), 0 0 90px rgba(139,108,255,.1);
  --font-sans: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "Space Grotesk", "Inter", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  background:
    radial-gradient(900px 600px at 85% -5%, rgba(139,108,255,.16), transparent 60%),
    radial-gradient(800px 600px at -5% 35%, rgba(61,224,255,.09), transparent 60%),
    var(--tools-bg);
  background-attachment: fixed;
}

.site-futuristic ::selection { background: rgba(61,224,255,.35); color: #fff; }
.site-futuristic { scrollbar-color: #1c3558 #04070f; }

/* ---------- Cabecera de cristal ---------- */
.site-futuristic .site-header {
  background: rgba(4, 8, 18, .72);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  border-bottom: 0;
  position: sticky;
}
.site-futuristic .site-header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(61,224,255,.6), rgba(139,108,255,.6), transparent);
  opacity: .7;
}
.site-futuristic .topbar { background: rgba(2, 4, 10, .85); font-family: var(--font-mono); font-size: .72rem; letter-spacing: .04em; }
.site-futuristic .nav__link { font-weight: 500; letter-spacing: .01em; }
.site-futuristic .site-header .mega {
  background: rgba(8, 14, 30, .94);
  backdrop-filter: blur(20px);
  border-color: rgba(61,224,255,.2);
  box-shadow: 0 30px 80px rgba(0,0,0,.55), 0 0 60px rgba(61,224,255,.06);
}
.site-futuristic .mega__link:hover { background: linear-gradient(120deg, rgba(61,224,255,.1), rgba(139,108,255,.08)); }
.site-futuristic .mega__ico, .site-futuristic .card__ico {
  background: linear-gradient(140deg, rgba(61,224,255,.16), rgba(139,108,255,.14));
  box-shadow: inset 0 0 0 1px rgba(61,224,255,.22);
  color: var(--tools-accent);
}
.site-futuristic .lang-switch button.is-active { background: var(--tools-accent); }

/* ---------- Tipografía técnica ---------- */
.site-futuristic .eyebrow {
  font-family: var(--font-mono); font-size: .74rem; font-weight: 500;
  letter-spacing: .16em; text-transform: uppercase; color: var(--tools-accent);
}
.site-futuristic .eyebrow::before,
.site-futuristic .hero .eyebrow::before {
  content: "//"; width: auto; height: auto; background: none; border-radius: 0;
  color: var(--tools-accent-2); font-weight: 700; letter-spacing: 0;
}
.site-futuristic h1, .site-futuristic h2, .site-futuristic h3, .site-futuristic h4 { letter-spacing: -.035em; font-weight: 600; }
.site-futuristic .section__head h2,
.site-futuristic .tools-section__heading h2,
.site-futuristic .split h2,
.site-futuristic .cta h2 {
  background: linear-gradient(100deg, #ffffff 30%, #9fe9ff 75%, #b9a8ff);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.site-futuristic .hero__stat .n, .site-futuristic .statband__n, .site-futuristic .plan__price,
.site-futuristic .ticker__px, .site-futuristic .ticker__chg, .site-futuristic .projection-value {
  font-family: var(--font-mono); font-variant-numeric: tabular-nums;
}

/* ---------- Botones ---------- */
.site-futuristic .btn { border-radius: 10px; font-weight: 600; letter-spacing: .01em; }
.site-futuristic .btn--primary,
.site-futuristic .btn--dark {
  --bg: linear-gradient(110deg, var(--tools-accent), var(--tools-accent-2));
  --fg: #03060d;
  box-shadow: 0 8px 30px rgba(61,224,255,.22);
}
.site-futuristic .btn--primary:hover,
.site-futuristic .btn--dark:hover { box-shadow: 0 10px 40px rgba(61,224,255,.45), 0 0 0 1px rgba(255,255,255,.2) inset; }
.site-futuristic .btn--light {
  --bg: rgba(255,255,255,.04); --fg: var(--tools-text);
  border-color: rgba(61,224,255,.3); backdrop-filter: blur(8px);
}
.site-futuristic .btn--light:hover { border-color: var(--tools-accent); background: rgba(61,224,255,.08); }
.site-futuristic .btn--ghost:hover { border-color: var(--tools-accent); box-shadow: 0 0 24px rgba(61,224,255,.16); }

/* ---------- HERO ---------- */
.site-futuristic .hero {
  background:
    radial-gradient(700px 420px at 82% 18%, rgba(139,108,255,.28), transparent 65%),
    radial-gradient(640px 420px at 8% 90%, rgba(61,224,255,.16), transparent 65%),
    linear-gradient(rgba(61,224,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(61,224,255,.045) 1px, transparent 1px),
    linear-gradient(180deg, #03060d, #060d1c);
  background-size: auto, auto, 56px 56px, 56px 56px, auto;
  isolation: isolate;
}
.site-futuristic .hero::before {
  content: ""; position: absolute; z-index: -1; width: 520px; height: 520px; right: -140px; top: -180px;
  border-radius: 50%; border: 1px solid rgba(61,224,255,.18);
  box-shadow: 0 0 0 60px rgba(61,224,255,.03), 0 0 0 130px rgba(139,108,255,.025);
  animation: etf-spin 60s linear infinite;
}
.site-futuristic .hero::after {
  content: ""; position: absolute; z-index: -1; inset: auto 0 0 0; height: 160px;
  background: linear-gradient(180deg, transparent, var(--tools-bg));
}
.site-futuristic .hero h1 { font-size: clamp(2.6rem, 5.6vw, 4.8rem); line-height: 1.02; letter-spacing: -.055em; }
.site-futuristic .hero h1 em {
  font-style: normal;
  background: linear-gradient(100deg, var(--tools-accent), var(--tools-accent-2) 80%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 22px rgba(61,224,255,.35));
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.site-futuristic .hero p.lead { color: #a9bfd9; }
.site-futuristic .hero__stat {
  padding-left: 1rem; border-left: 2px solid var(--tools-accent);
  background: linear-gradient(90deg, rgba(61,224,255,.08), transparent);
}
.site-futuristic .hero__stat .n { color: #fff; font-size: 1.7rem; text-shadow: 0 0 24px rgba(61,224,255,.45); }
.site-futuristic .hero__stat .l { font-family: var(--font-mono); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }

.site-futuristic .hero__media,
.site-futuristic .hero__card {
  border: 1px solid transparent;
  background:
    linear-gradient(160deg, rgba(10,18,38,.88), rgba(4,8,18,.9)) padding-box,
    linear-gradient(140deg, rgba(61,224,255,.6), rgba(139,108,255,.25) 45%, rgba(61,224,255,.12)) border-box;
  box-shadow: var(--glow);
  border-radius: 18px;
}
.site-futuristic .hero__media { min-height: 270px; }
.site-futuristic .hero__media .hud { position: absolute; inset: 0; width: 100%; height: 100%; }
.site-futuristic .hero__media::after {
  background: repeating-linear-gradient(180deg, rgba(255,255,255,.025) 0 1px, transparent 1px 4px);
  pointer-events: none; mix-blend-mode: screen;
}
.site-futuristic .hero__badge {
  background: rgba(3,6,13,.8); border: 1px solid rgba(61,224,255,.3); border-radius: 999px;
  font-family: var(--font-mono); font-size: .68rem; letter-spacing: .06em; text-transform: uppercase;
}
.site-futuristic .hero__badge::before { background: var(--tools-accent); border-radius: 50%; box-shadow: 0 0 10px var(--tools-accent); animation: etf-blink 1.8s ease-in-out infinite; }
.site-futuristic .hero__card h3 { font-family: var(--font-mono); font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--tools-accent); }
.site-futuristic .ticker__row {
  background: rgba(61,224,255,.04); border: 1px solid rgba(61,224,255,.1); border-left: 2px solid rgba(61,224,255,.5);
  transition: background .2s, transform .2s;
}
.site-futuristic .ticker__row:hover { background: rgba(61,224,255,.1); transform: translateX(3px); }
.site-futuristic .up { color: #3dffb0; text-shadow: 0 0 12px rgba(61,255,176,.4); }
.site-futuristic .down { color: #ff6b8a; text-shadow: 0 0 12px rgba(255,107,138,.35); }
.site-futuristic .hero__trust { border-top: 1px solid transparent; border-image: linear-gradient(90deg, rgba(61,224,255,.5), rgba(139,108,255,.3), transparent) 1; }
.site-futuristic .hero__trust-i svg { color: var(--tools-accent); filter: drop-shadow(0 0 8px rgba(61,224,255,.6)); }

/* HUD animado */
.hud__curve { stroke-dasharray: 900; stroke-dashoffset: 900; animation: etf-draw 2.6s .3s ease-out forwards; filter: drop-shadow(0 0 6px rgba(61,224,255,.8)); }
.hud__area { opacity: 0; animation: etf-fade 1.4s 1.6s ease-out forwards; }
.hud__dot { filter: drop-shadow(0 0 8px #3de0ff); }
.hud__pulse { transform-box: fill-box; transform-origin: center; animation: etf-pulse 2s ease-out infinite; }
.hud__rings { transform-box: fill-box; transform-origin: center; animation: etf-spin 40s linear infinite; }
.hud__bars rect { transform-box: fill-box; transform-origin: bottom; animation: etf-grow .9s ease-out both; }
.hud__bars rect:nth-child(odd) { animation-delay: .15s; }
.hud__bars rect:nth-child(3n) { animation-delay: .3s; }

@keyframes etf-draw { to { stroke-dashoffset: 0; } }
@keyframes etf-fade { to { opacity: 1; } }
@keyframes etf-pulse { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(4); opacity: 0; } }
@keyframes etf-spin { to { transform: rotate(360deg); } }
@keyframes etf-grow { from { transform: scaleY(0); } }
@keyframes etf-blink { 50% { opacity: .35; } }

/* ---------- Secciones ---------- */
.site-futuristic .section { background: transparent; position: relative; }
.site-futuristic .section--soft {
  background: linear-gradient(180deg, rgba(10,18,38,.0), rgba(10,18,38,.7) 12%, rgba(10,18,38,.7) 88%, rgba(10,18,38,0));
}
.site-futuristic .section--navy {
  background:
    linear-gradient(rgba(61,224,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(61,224,255,.04) 1px, transparent 1px),
    linear-gradient(120deg, rgba(139,108,255,.18), rgba(61,224,255,.1));
  background-size: 44px 44px, 44px 44px, auto;
  border-block: 1px solid var(--tools-line);
}
.site-futuristic .statband__n {
  font-size: clamp(2.2rem, 3.4vw, 3.2rem); font-weight: 700;
  background: linear-gradient(100deg, #fff, var(--tools-accent));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.site-futuristic .statband__l { font-family: var(--font-mono); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--tools-muted); }

/* ---------- Tarjetas de cristal ---------- */
.site-futuristic .card,
.site-futuristic .plan,
.site-futuristic .formcard,
.site-futuristic .dict-term,
.site-futuristic .acc {
  position: relative; overflow: hidden; border: 1px solid transparent; border-radius: 16px;
  background:
    linear-gradient(160deg, rgba(16,26,51,.82), rgba(7,12,26,.88)) padding-box,
    linear-gradient(140deg, rgba(61,224,255,.34), rgba(139,108,255,.08) 45%, rgba(61,224,255,.06)) border-box;
  backdrop-filter: blur(10px);
  box-shadow: 0 14px 40px rgba(0,0,0,.28);
  transition: transform .3s ease, box-shadow .3s ease;
}
.site-futuristic .card::before,
.site-futuristic .plan::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; z-index: 1;
  background: linear-gradient(90deg, transparent, var(--tools-accent), transparent);
  transform: translateX(-100%); transition: transform .6s ease;
}
.site-futuristic .card:hover,
.site-futuristic .plan:hover { transform: translateY(-6px); box-shadow: var(--glow); border-color: transparent; }
.site-futuristic .card:hover::before,
.site-futuristic .plan:hover::before { transform: translateX(0); }
.site-futuristic .card__link { color: var(--tools-accent); font-family: var(--font-mono); font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; }
.site-futuristic .plan--featured {
  background:
    linear-gradient(160deg, rgba(22,32,66,.92), rgba(9,13,30,.94)) padding-box,
    linear-gradient(140deg, var(--tools-accent), var(--tools-accent-2)) border-box;
  box-shadow: var(--glow);
}
.site-futuristic .plan__tag {
  background: linear-gradient(110deg, var(--tools-accent), var(--tools-accent-2)); color: #03060d;
  font-family: var(--font-mono); letter-spacing: .14em; box-shadow: 0 0 24px rgba(61,224,255,.45);
}
.site-futuristic .plan__price { color: #fff; text-shadow: 0 0 28px rgba(61,224,255,.35); font-size: 2.2rem; }
.site-futuristic .plan__price small { color: var(--tools-muted); font-family: var(--font-mono); }
.site-futuristic .plan__feat svg, .site-futuristic .checklist svg { color: var(--tools-accent); }

.site-futuristic .split__media { border-radius: 18px; border: 1px solid rgba(61,224,255,.28); box-shadow: var(--glow); }

/* ---------- CTA ---------- */
.site-futuristic .cta {
  border: 1px solid rgba(61,224,255,.28); border-radius: 22px; position: relative; overflow: hidden;
  background:
    radial-gradient(500px 280px at 90% 0%, rgba(139,108,255,.32), transparent 65%),
    radial-gradient(500px 280px at 5% 100%, rgba(61,224,255,.2), transparent 65%),
    linear-gradient(rgba(61,224,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(61,224,255,.04) 1px, transparent 1px),
    #070e20;
  background-size: auto, auto, 40px 40px, 40px 40px, auto;
  box-shadow: var(--glow);
}

/* ---------- Calculadora: controles consistentes en Chrome, Edge y Firefox ---------- */
.site-futuristic .field input.investment-range {
  -webkit-appearance: none; appearance: none;
  width: 100%; height: 22px; padding: 0; border: 0; border-radius: 0;
  background: transparent; box-shadow: none; accent-color: var(--tools-accent);
}
.site-futuristic .investment-range:focus { outline: none; }
.site-futuristic .investment-range::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: rgba(61,224,255,.2); }
.site-futuristic .investment-range::-moz-range-track { height: 4px; border-radius: 4px; background: rgba(61,224,255,.2); }
.site-futuristic .investment-range::-moz-range-progress { height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--tools-accent), var(--tools-accent-2)); }
.site-futuristic .investment-range::-webkit-slider-thumb {
  -webkit-appearance: none; width: 18px; height: 18px; margin-top: -7px; border-radius: 50%;
  background: #03060d; border: 2px solid var(--tools-accent); box-shadow: 0 0 12px rgba(61,224,255,.7);
}
.site-futuristic .investment-range::-moz-range-thumb {
  width: 14px; height: 14px; border-radius: 50%;
  background: #03060d; border: 2px solid var(--tools-accent); box-shadow: 0 0 12px rgba(61,224,255,.7);
}
.site-futuristic .investment-range:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 4px rgba(61,224,255,.25), 0 0 12px rgba(61,224,255,.7); }
.site-futuristic .investment-range:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 4px rgba(61,224,255,.25), 0 0 12px rgba(61,224,255,.7); }
.site-futuristic .input-with-unit input { box-shadow: none; border-radius: 0; -moz-appearance: textfield; appearance: textfield; }
.site-futuristic .input-with-unit:focus-within { box-shadow: 0 0 0 2px rgba(61,224,255,.18), 0 0 24px rgba(61,224,255,.12); }

/* ---------- Páginas interiores ---------- */
.site-futuristic .pagehero {
  background:
    radial-gradient(600px 320px at 85% 10%, rgba(139,108,255,.26), transparent 65%),
    radial-gradient(500px 300px at 5% 100%, rgba(61,224,255,.14), transparent 65%),
    linear-gradient(rgba(61,224,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(61,224,255,.045) 1px, transparent 1px),
    #03060d;
  background-size: auto, auto, 56px 56px, 56px 56px, auto;
}
.site-futuristic .subnav { background: rgba(4,8,18,.82); backdrop-filter: blur(14px); border-bottom-color: var(--tools-line); }
.site-futuristic .subnav a { font-family: var(--font-mono); font-size: .76rem; letter-spacing: .04em; }

/* ---------- Pie ---------- */
.site-futuristic .site-footer {
  background: linear-gradient(180deg, #03060d, #02040a); position: relative;
  border-top: 1px solid transparent;
}
.site-futuristic .site-footer::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(61,224,255,.6), rgba(139,108,255,.6), transparent);
}
.site-futuristic .footer__col h4 { font-family: var(--font-mono); color: var(--tools-accent); }
.site-futuristic .footer__col a:hover,
.site-futuristic .footer__bottom a:hover { color: var(--tools-accent); }
.site-futuristic .footer__social a:hover { background: var(--tools-accent); box-shadow: 0 0 20px rgba(61,224,255,.5); }
.site-futuristic .risk-ribbon { background: #010308; font-family: var(--font-mono); font-size: .7rem; }

@media (max-width: 900px) {
  .site-futuristic .hero__media { min-height: 220px; }
  .site-futuristic .hero::before { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .site-futuristic *, .site-futuristic *::before, .site-futuristic *::after { animation: none !important; transition: none !important; }
  .hud__curve { stroke-dashoffset: 0; }
  .hud__area { opacity: 1; }
}

/* ---------- Identidad fintech en grafito y oro ---------- */
.site-futuristic {
  --tools-bg: #080909;
  --tools-panel: #0e1010;
  --tools-panel-raised: #141615;
  --tools-line: rgba(207, 174, 91, .2);
  --tools-text: #f3f0e8;
  --tools-muted: #a5a196;
  --tools-accent: #d5b45f;
  --tools-accent-2: #ead28d;
  --tools-gold: #d5b45f;
  --glow: 0 12px 34px rgba(0, 0, 0, .28);
  background: #080909;
  color: var(--tools-text);
}

.site-futuristic ::selection { background: rgba(213, 180, 95, .35); color: #fff; }
.site-futuristic { scrollbar-color: #6d5a2e #080909; }

.site-futuristic .site-header {
  background: rgba(8, 9, 9, .97);
  border-bottom: 1px solid rgba(213, 180, 95, .2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.site-futuristic .site-header::after { display: none; }
.site-futuristic .topbar { background: #050606; }
.site-futuristic .nav__link:hover,
.site-futuristic .nav__item.is-open .nav__link { color: var(--tools-accent-2); background: rgba(213, 180, 95, .06); }
.site-futuristic .nav__link.is-active,
.site-futuristic .brand__name span { color: var(--tools-accent); }
.site-futuristic .nav__link.is-active::after { background: var(--tools-accent); }
.site-futuristic .site-header .mega {
  background: #101211;
  border-color: var(--tools-line);
  box-shadow: 0 22px 48px rgba(0, 0, 0, .48);
  backdrop-filter: blur(12px);
}
.site-futuristic .mega__link:hover { background: rgba(213, 180, 95, .07); }
.site-futuristic .lang-switch button.is-active { background: var(--tools-accent); color: #11110d; }

.site-futuristic .eyebrow { color: var(--tools-accent-2); }
.site-futuristic .eyebrow::before,
.site-futuristic .hero .eyebrow::before {
  color: var(--tools-accent); background: none;
}
.site-futuristic .section__head h2,
.site-futuristic .tools-section__heading h2,
.site-futuristic .split h2,
.site-futuristic .cta h2 {
  background: none;
  color: var(--tools-text);
  -webkit-text-fill-color: currentColor;
}

.site-futuristic .btn { border-radius: 8px; }
.site-futuristic .btn--primary,
.site-futuristic .btn--dark {
  --bg: #d5b45f;
  --fg: #17150f;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
}
.site-futuristic .btn--primary:hover,
.site-futuristic .btn--dark:hover {
  --bg: #e2c674;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .32);
}
.site-futuristic .btn--light {
  --bg: rgba(12, 13, 12, .72);
  --fg: var(--tools-text);
  border-color: rgba(213, 180, 95, .52);
  backdrop-filter: none;
}
.site-futuristic .btn--light:hover { border-color: var(--tools-accent-2); background: rgba(213, 180, 95, .08); }
.site-futuristic .btn--ghost:hover { border-color: var(--tools-accent); box-shadow: none; }

.site-futuristic .hero {
  background-color: #080909;
  background-image:
    linear-gradient(rgba(213, 180, 95, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(213, 180, 95, .035) 1px, transparent 1px);
  background-size: 56px 56px;
  isolation: isolate;
}
.site-futuristic .hero::before {
  border-color: rgba(213, 180, 95, .14);
  box-shadow: 0 0 0 60px rgba(213, 180, 95, .018), 0 0 0 130px rgba(213, 180, 95, .012);
}
.site-futuristic .hero::after { display: none; }
.site-futuristic .hero h1 em {
  color: var(--tools-accent-2);
  background: none;
  filter: none;
  -webkit-text-fill-color: currentColor;
}
.site-futuristic .hero p.lead { color: #c5c1b7; }
.site-futuristic .hero__stat {
  border-left-color: var(--tools-accent);
  background: none;
}
.site-futuristic .hero__stat .n { color: var(--tools-accent-2); text-shadow: none; }
.site-futuristic .hero__stat .l { color: #c1bcae; }

.site-futuristic .hero__media,
.site-futuristic .hero__card {
  border: 1px solid rgba(213, 180, 95, .42);
  background: #0c0e0d;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .34);
}
.site-futuristic .hero__media::after {
  background: repeating-linear-gradient(180deg, rgba(255, 255, 255, .012) 0 1px, transparent 1px 4px);
  mix-blend-mode: normal;
}
.site-futuristic .hero__badge {
  background: rgba(8, 9, 9, .94);
  border: 1px solid rgba(213, 180, 95, .38);
}
.site-futuristic .hero__badge::before {
  background: var(--tools-accent);
  box-shadow: 0 0 0 3px rgba(213, 180, 95, .14);
}
.site-futuristic .hero__card h3 { color: var(--tools-accent-2); }
.site-futuristic .ticker__row {
  background: #111312;
  border: 1px solid rgba(213, 180, 95, .12);
  border-left: 2px solid rgba(213, 180, 95, .4);
}
.site-futuristic .ticker__row:hover { background: #171916; transform: none; }
.site-futuristic .ticker__px { color: var(--tools-text); }
.site-futuristic .hero__trust {
  border-image: none;
  border-top: 1px solid rgba(213, 180, 95, .24);
}
.site-futuristic .hero__trust-i svg { color: var(--tools-accent); filter: none; }

.site-futuristic .hud__grid { stroke: #c5a654; stroke-opacity: .12; }
.site-futuristic .hud__rings { stroke: #d5b45f; stroke-opacity: .24; }
.site-futuristic .hud__bars { fill: #b0924c; fill-opacity: .3; }
.site-futuristic .hud__curve { filter: none; }
.site-futuristic .hud__dot { fill: var(--tools-accent-2); filter: none; }
.site-futuristic .hud__pulse { animation: none; stroke: var(--tools-accent-2); }
.site-futuristic .hud text { fill: #b6b0a2; }
.site-futuristic .hud text:last-child { fill: #887d60; }
.site-futuristic .hud__rings { animation-duration: 90s; }
.site-futuristic #hud-line stop:first-child { stop-color: #b0924c; }
.site-futuristic #hud-line stop:last-child { stop-color: #f0d68e; }
.site-futuristic #hud-fill stop { stop-color: #d5b45f; }
.site-futuristic #hud-orb stop:first-child { stop-color: #d5b45f; stop-opacity: .2; }
.site-futuristic #hud-orb stop:last-child { stop-color: #d5b45f; stop-opacity: 0; }
.site-futuristic .up { color: #79c58b; text-shadow: none; }
.site-futuristic .down { color: #d57970; text-shadow: none; }

.site-futuristic .section { background: #080909; }
.site-futuristic .section--soft { background: #0b0d0c; }
.site-futuristic .section--navy {
  background-color: #101211;
  background-image:
    linear-gradient(rgba(213, 180, 95, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(213, 180, 95, .026) 1px, transparent 1px);
  background-size: 44px 44px;
  border-block: 1px solid rgba(213, 180, 95, .16);
}
.site-futuristic .statband__n {
  color: var(--tools-accent-2);
  background: none;
  -webkit-text-fill-color: currentColor;
}
.site-futuristic .statband__l { color: #b4aea0; }

.site-futuristic .benefits-carousel {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  align-items: center;
  gap: clamp(.55rem, 1.5vw, 1.25rem);
  min-width: 0;
}
.site-futuristic .benefits-carousel__track {
  display: flex;
  direction: ltr;
  gap: 1rem;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  touch-action: pan-x pan-y;
  padding: .75rem .15rem 1rem;
}
.site-futuristic .benefits-carousel__track::-webkit-scrollbar { display: none; }
.site-futuristic .benefits-carousel__track.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}
.site-futuristic .benefits-card {
  position: relative;
  display: flex;
  flex: 0 0 clamp(225px, 24vw, 280px);
  flex-direction: column;
  align-items: flex-start;
  min-height: 220px;
  padding: 1.35rem;
  text-align: left;
  scroll-snap-align: start;
  border: 1px solid rgba(213, 180, 95, .2);
  background: rgba(10, 12, 11, .86);
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}
.site-futuristic .benefits-card:hover {
  transform: translateY(-2px);
  border-color: rgba(213, 180, 95, .46);
  background: #101211;
}
.site-futuristic .benefits-card .statband__n {
  margin-bottom: .65rem;
  color: var(--tools-accent-2);
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  line-height: 1;
}
.site-futuristic .benefits-card .statband__l {
  color: var(--tools-text);
  font-family: var(--font-sans);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .07em;
}
.site-futuristic .benefits-card p {
  margin: auto 0 0;
  padding-top: 1rem;
  color: var(--tools-muted);
  font-size: .82rem;
  line-height: 1.55;
  text-align: left;
}
.site-futuristic .benefits-carousel__arrow {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid rgba(213, 180, 95, .34);
  border-radius: 50%;
  background: rgba(8, 9, 9, .86);
  color: var(--tools-accent-2);
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease, opacity .2s ease, transform .2s ease;
}
.site-futuristic .benefits-carousel__arrow svg { width: 21px; height: 21px; }
.site-futuristic .benefits-carousel__arrow:hover:not(:disabled) {
  transform: scale(1.04);
  border-color: var(--tools-accent);
  background: rgba(213, 180, 95, .12);
}
.site-futuristic .benefits-carousel__arrow:focus-visible {
  outline: 2px solid var(--tools-accent-2);
  outline-offset: 3px;
}
.site-futuristic .benefits-carousel__arrow:disabled { opacity: .3; cursor: default; }
.site-futuristic .benefits-carousel__hint {
  margin: .25rem 0 0;
  color: #91896f;
  font-family: var(--font-mono);
  font-size: .65rem;
  letter-spacing: .06em;
  text-align: center;
}
html[dir="rtl"] .site-futuristic .benefits-card {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .site-futuristic .benefits-card p { text-align: right; }

.site-futuristic .card,
.site-futuristic .plan,
.site-futuristic .formcard,
.site-futuristic .dict-term,
.site-futuristic .acc {
  background: #111413;
  border: 1px solid rgba(213, 180, 95, .18);
  backdrop-filter: none;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
}
.site-futuristic .card::before,
.site-futuristic .plan::before { display: none; }
.site-futuristic .card:hover,
.site-futuristic .plan:hover {
  transform: translateY(-3px);
  border-color: rgba(213, 180, 95, .42);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .32);
}
.site-futuristic .card__ico,
.site-futuristic .mega__ico {
  background: rgba(213, 180, 95, .08);
  box-shadow: inset 0 0 0 1px rgba(213, 180, 95, .2);
  color: var(--tools-accent);
}
.site-futuristic .card__link,
.site-futuristic .checklist svg,
.site-futuristic .plan__feat svg { color: var(--tools-accent); }
.site-futuristic .plan--featured {
  background: #151612;
  border-color: rgba(213, 180, 95, .62);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .3);
}
.site-futuristic .plan__tag { background: var(--tools-accent); color: #17150f; box-shadow: none; }
.site-futuristic .plan__price { color: var(--tools-accent-2); text-shadow: none; }
.site-futuristic .plan__price small { color: var(--tools-muted); }

.site-futuristic .cta {
  border-color: rgba(213, 180, 95, .34);
  background-color: #111312;
  background-image:
    linear-gradient(rgba(213, 180, 95, .026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(213, 180, 95, .026) 1px, transparent 1px);
  background-size: 40px 40px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .3);
}
.site-futuristic .split__media { border-color: rgba(213, 180, 95, .26); box-shadow: 0 14px 34px rgba(0, 0, 0, .28); }

.site-futuristic .pagehero {
  background-color: #080909;
  background-image:
    linear-gradient(rgba(213, 180, 95, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(213, 180, 95, .03) 1px, transparent 1px);
  background-size: 56px 56px;
}
.site-futuristic .subnav { background: rgba(8, 9, 9, .96); border-bottom-color: var(--tools-line); }
.site-futuristic .subnav a:hover,
.site-futuristic .subnav a.is-active { background: rgba(213, 180, 95, .08); color: var(--tools-accent-2); }
.site-futuristic .crumbs a:hover { color: var(--tools-accent-2); }
.site-futuristic .site-footer { background: #050606; border-top: 1px solid rgba(213, 180, 95, .22); }
.site-futuristic .site-footer::before { display: none; }
.site-futuristic .footer__col h4 { color: var(--tools-accent-2); }
.site-futuristic .footer__col a:hover,
.site-futuristic .footer__bottom a:hover { color: var(--tools-accent-2); }
.site-futuristic .footer__social a:hover { background: var(--tools-accent); color: #17150f; box-shadow: none; }
.site-futuristic .risk-ribbon { background: #030404; }

.site-futuristic .input-with-unit,
.site-futuristic .field input,
.site-futuristic .field select,
.site-futuristic .field textarea,
.site-futuristic .dict-search input {
  border-color: rgba(213, 180, 95, .22);
  background-color: #0b0d0c;
}
.site-futuristic .input-with-unit:focus-within,
.site-futuristic .field input:focus,
.site-futuristic .field select:focus,
.site-futuristic .field textarea:focus,
.site-futuristic .dict-search input:focus {
  border-color: var(--tools-accent);
  box-shadow: 0 0 0 2px rgba(213, 180, 95, .12);
}
.site-futuristic .investment-range::-webkit-slider-runnable-track { background: rgba(213, 180, 95, .22); }
.site-futuristic .investment-range::-moz-range-track { background: rgba(213, 180, 95, .22); }
.site-futuristic .investment-range::-moz-range-progress { background: var(--tools-accent); }
.site-futuristic .investment-range::-webkit-slider-thumb {
  background: #0b0d0c;
  border-color: var(--tools-accent);
  box-shadow: 0 0 0 2px rgba(213, 180, 95, .12);
}
.site-futuristic .investment-range::-moz-range-thumb {
  background: #0b0d0c;
  border-color: var(--tools-accent);
  box-shadow: 0 0 0 2px rgba(213, 180, 95, .12);
}
.site-futuristic .investment-range:focus-visible::-webkit-slider-thumb,
.site-futuristic .investment-range:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 4px rgba(213, 180, 95, .16);
}
.site-futuristic .testimonials-section {
  background-color: rgba(8, 9, 9, .78);
}
.site-futuristic .testimonials-grid { align-items: stretch; }
.site-futuristic .testimonial-card {
  display: flex;
  flex-direction: column;
  min-height: 230px;
  padding: clamp(1.3rem, 2.4vw, 2rem);
}
.site-futuristic .testimonial-card__label {
  align-self: flex-start;
  padding: .3rem .55rem;
  border: 1px solid rgba(213, 180, 95, .32);
  border-radius: 3px;
  color: var(--tools-accent-2);
  font-family: var(--font-mono);
  font-size: .62rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.site-futuristic .testimonial-card blockquote {
  margin: 1.3rem 0 1.5rem;
  color: var(--tools-text);
  font-size: 1.05rem;
  line-height: 1.65;
}
.site-futuristic .testimonial-card blockquote::before {
  content: "\"";
  display: block;
  margin-bottom: .3rem;
  color: var(--tools-accent);
  font-family: Georgia, serif;
  font-size: 2.2rem;
  line-height: .8;
}
.site-futuristic .testimonial-card__source {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  margin: auto 0 0;
  padding-top: 1rem;
  border-top: 1px solid rgba(213, 180, 95, .16);
  color: var(--tools-muted);
  font-size: .75rem;
}
.site-futuristic .testimonial-card__source strong {
  color: var(--tools-text);
  font-size: .85rem;
  font-weight: 600;
}
.site-futuristic .testimonial-card__source span { color: #a19570; font-size: .64rem; }
.site-futuristic .projection-chart {
  border-color: rgba(213, 180, 95, .16);
  background: #0b0d0c;
}
.site-futuristic .projection-chart__grid { stroke: rgba(213, 180, 95, .14); }
.site-futuristic .projection-chart__line { stroke: var(--tools-accent); }
.site-futuristic .projection-chart__area { fill: url(#projection-fill); }
.site-futuristic #projection-fill stop { stop-color: var(--tools-accent); }
.site-futuristic .projection-panel__top .projection-chip { border-color: rgba(213, 180, 95, .24); }
.site-futuristic .projection-chip i { background: var(--tools-accent); }
.site-futuristic .projection-value { color: var(--tools-accent-2); }
.site-futuristic .projection-stats strong { color: var(--tools-text); }
.site-futuristic .projection-stats > div:nth-child(2) strong { color: #9ac7a1; }
.site-futuristic .calc__heading,
.site-futuristic .projection-stats { border-color: rgba(213, 180, 95, .18); }
.site-futuristic .site-calculator { border-color: rgba(213, 180, 95, .18); background: #0b0d0c; }
.site-futuristic .strategy-admin__login .field input,
.site-futuristic .strategy-admin__form .field input,
.site-futuristic .strategy-admin__form .field select,
.site-futuristic .strategy-admin__form .field textarea {
  border-color: rgba(213, 180, 95, .22);
  background: #0b0d0c;
}
.site-futuristic .return-profile-control { padding-inline: .8rem; }
.site-futuristic .return-profile-control select {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: .65rem 1.7rem .65rem .1rem;
  border: 0;
  outline: 0;
  border-radius: 0;
  background: transparent;
  color: var(--tools-text);
  font: inherit;
  font-size: .82rem;
  cursor: pointer;
}
.site-futuristic .return-profile-control select option { background: #111312; color: var(--tools-text); }
.site-futuristic .calc__note { max-width: 54ch; }

@media (prefers-reduced-motion: reduce) {
  .site-futuristic .hero__badge::before,
  .site-futuristic .hud__rings { animation: none; }
}

/* ---------- Interacción digital sutil ---------- */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.site-futuristic.has-cursor-fx,
  body.site-futuristic.has-cursor-fx a,
  body.site-futuristic.has-cursor-fx button,
  body.site-futuristic.has-cursor-fx [role="button"],
  body.site-futuristic.has-cursor-fx input[type="range"] { cursor: none; }

  body.site-futuristic.has-cursor-fx input:not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
  body.site-futuristic.has-cursor-fx textarea { cursor: text; }
  body.site-futuristic.has-cursor-fx select,
  body.site-futuristic.has-cursor-fx input[type="checkbox"],
  body.site-futuristic.has-cursor-fx input[type="radio"] { cursor: pointer; }

  .cursor-fx {
    position: fixed;
    inset: 0 auto auto 0;
    z-index: 2000;
    pointer-events: none;
    opacity: 0;
    transition: opacity .18s ease;
  }
  .cursor-fx.is-visible { opacity: 1; }
  .cursor-fx__dot,
  .cursor-fx__ring {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    border-radius: 50%;
    pointer-events: none;
  }
  .cursor-fx__dot {
    width: 5px;
    height: 5px;
    background: #f0d68e;
    box-shadow: 0 0 8px rgba(213, 180, 95, .32);
  }
  .cursor-fx__ring {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(213, 180, 95, .48);
    transition: transform .14s ease-out, width .18s ease, height .18s ease, background-color .18s ease, border-color .18s ease;
  }
  .cursor-fx.is-active .cursor-fx__ring {
    width: 40px;
    height: 40px;
    border-color: rgba(234, 210, 141, .72);
    background: rgba(213, 180, 95, .08);
  }
  .cursor-fx.is-native { opacity: 0; }
  .cursor-fx.is-pressed .cursor-fx__ring { width: 25px; height: 25px; }

  .site-futuristic .hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(360px circle at var(--pointer-x, 55%) var(--pointer-y, 35%), rgba(213, 180, 95, .075), transparent 72%);
    transition: opacity .25s ease;
  }
  .site-futuristic .hero.pointer-active::after { opacity: 1; }
  .site-futuristic .hero > .container { position: relative; z-index: 1; }
  .site-futuristic .hero__media.pointer-active::after {
    background:
      radial-gradient(220px circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(213, 180, 95, .09), transparent 72%),
      repeating-linear-gradient(180deg, rgba(255, 255, 255, .012) 0 1px, transparent 1px 4px);
  }
  .site-futuristic .card::after,
  .site-futuristic .plan::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(240px circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(213, 180, 95, .065), transparent 72%);
    transition: opacity .2s ease;
  }
  .site-futuristic .card.pointer-active::after,
  .site-futuristic .plan.pointer-active::after { opacity: 1; }
  .site-futuristic .card > *,
  .site-futuristic .plan > * { position: relative; z-index: 1; }
}

@keyframes etf-content-rise {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes etf-ticker-enter {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: no-preference) {
  .site-futuristic .hero__inner > .reveal.in h1 { animation: etf-content-rise .55s .08s both; }
  .site-futuristic .hero__inner > .reveal.in .lead { animation: etf-content-rise .55s .16s both; }
  .site-futuristic .hero__inner > .reveal.in .hero__cta { animation: etf-content-rise .55s .24s both; }
  .site-futuristic .hero__inner > .reveal.in .hero__stats { animation: etf-content-rise .55s .32s both; }
  .site-futuristic .hero__card.in .ticker__row { animation: etf-ticker-enter .35s both; }
  .site-futuristic .hero__card.in .ticker__row:nth-child(2) { animation-delay: .06s; }
  .site-futuristic .hero__card.in .ticker__row:nth-child(3) { animation-delay: .12s; }
  .site-futuristic .hero__card.in .ticker__row:nth-child(4) { animation-delay: .18s; }
  .site-futuristic .hero__card.in .ticker__row:nth-child(5) { animation-delay: .24s; }
}

@media (prefers-reduced-motion: reduce) {
  .cursor-fx { display: none; }
  .site-futuristic .hero::after { display: none; }
}

/* ---------- Órbitas ambientales de fondo ---------- */
.site-futuristic {
  position: relative;
  isolation: isolate;
}

.site-futuristic > :not(.ambient-field):not(.cursor-fx):not(.mobile-menu):not(.backdrop) {
  position: relative;
  z-index: 1;
}
.site-futuristic > #site-header { z-index: 1000; }
.site-futuristic > .backdrop { position: fixed; z-index: 1100; }
.site-futuristic > .mobile-menu {
  position: fixed;
  z-index: 1200;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
}

.ambient-field {
  position: fixed;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.ambient-field__traces {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.ambient-trace {
  transform: translate3d(0, var(--ambient-drift, 0px), 0);
  will-change: transform;
}
.ambient-trace__glow {
  fill: none;
  stroke: rgba(213, 180, 95, .13);
  stroke-width: 5;
  stroke-linecap: round;
  filter: blur(5px);
}
.ambient-trace__line {
  fill: none;
  stroke: rgba(213, 180, 95, .2);
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-dasharray: 5 16;
  animation: etf-trace-flow 32s linear infinite;
}
.ambient-trace__line--secondary {
  stroke: rgba(234, 210, 141, .12);
  stroke-width: .8;
  stroke-dasharray: 2 20;
  animation-duration: 46s;
  animation-direction: reverse;
}
.ambient-trace__node {
  fill: #e2c674;
  fill-opacity: .65;
}
.ambient-trace__spark {
  fill: #f0d68e;
  fill-opacity: .7;
  transform-box: fill-box;
  transform-origin: center;
  animation: etf-trace-spark 4.8s ease-in-out infinite;
}
.ambient-trace__spark--slow { animation-delay: -2.4s; animation-duration: 6.4s; }
.ambient-trace__orbit {
  fill: none;
  stroke: rgba(213, 180, 95, .24);
  stroke-width: .8;
  stroke-dasharray: 2 5;
  transform-box: fill-box;
  transform-origin: center;
  animation: etf-trace-orbit 36s linear infinite;
}
.ambient-field__orbit {
  position: absolute;
  display: block;
  border: 1px solid rgba(213, 180, 95, .16);
  border-radius: 50%;
  box-shadow:
    0 0 0 42px rgba(213, 180, 95, .018),
    0 0 0 102px rgba(213, 180, 95, .012);
  will-change: transform;
}

.ambient-field__orbit--far {
  width: min(62vw, 900px);
  height: min(112vh, 1120px);
  top: -19vh;
  right: -32vw;
  background:
    radial-gradient(circle at 29% 28%, rgba(234, 210, 141, .78) 0 2px, rgba(213, 180, 95, .2) 3px, transparent 9px),
    radial-gradient(circle at 29% 28%, transparent 0 17px, rgba(213, 180, 95, .08) 18px 19px, transparent 20px);
  transform: translate3d(0, var(--ambient-drift, 0px), 0);
  animation: etf-ambient-orbit 74s ease-in-out infinite alternate;
}

.ambient-field__orbit--near {
  width: min(44vw, 660px);
  height: min(84vh, 820px);
  bottom: -47vh;
  left: -24vw;
  border-color: rgba(213, 180, 95, .12);
  box-shadow:
    0 0 0 38px rgba(213, 180, 95, .014),
    0 0 0 92px rgba(213, 180, 95, .01);
  background:
    radial-gradient(circle at 74% 23%, rgba(234, 210, 141, .62) 0 1.5px, rgba(213, 180, 95, .16) 3px, transparent 8px),
    radial-gradient(circle at 74% 23%, transparent 0 13px, rgba(213, 180, 95, .065) 14px 15px, transparent 16px);
  transform: translate3d(0, var(--ambient-drift, 0px), 0);
  animation: etf-ambient-counter 92s ease-in-out infinite alternate;
}

.site-futuristic .hero,
.site-futuristic .pagehero {
  background-color: rgba(8, 9, 9, .82);
}
.site-futuristic .section { background-color: rgba(8, 9, 9, .78); }
.site-futuristic .section--soft { background-color: rgba(11, 13, 12, .8); }
.site-futuristic .section--navy { background-color: rgba(16, 18, 17, .8); }
.site-futuristic .site-calculator { background-color: rgba(11, 13, 12, .8); }

@keyframes etf-ambient-orbit {
  from { transform: translate3d(0, var(--ambient-drift, 0px), 0) rotate(-7deg); }
  to { transform: translate3d(-2.5vw, calc(var(--ambient-drift, 0px) + 2vh), 0) rotate(7deg); }
}

@keyframes etf-ambient-counter {
  from { transform: translate3d(0, var(--ambient-drift, 0px), 0) rotate(8deg); }
  to { transform: translate3d(2vw, calc(var(--ambient-drift, 0px) - 2vh), 0) rotate(-8deg); }
}
@keyframes etf-trace-flow { to { stroke-dashoffset: -420; } }
@keyframes etf-trace-orbit { to { transform: rotate(360deg); } }
@keyframes etf-trace-spark {
  0%, 100% { opacity: .25; transform: scale(.72); }
  50% { opacity: .85; transform: scale(1.18); }
}

@media (max-width: 700px) {
  .ambient-field__orbit--far {
    width: 96vw;
    height: 92vh;
    right: -67vw;
  }
  .ambient-field__orbit--near {
    width: 70vw;
    height: 64vh;
    left: -52vw;
    bottom: -30vh;
  }
  .site-futuristic .benefits-carousel { grid-template-columns: 36px minmax(0, 1fr) 36px; gap: .35rem; }
  .site-futuristic .benefits-carousel__arrow { width: 34px; height: 34px; }
  .site-futuristic .benefits-carousel__arrow svg { width: 18px; height: 18px; }
  .site-futuristic .benefits-card { flex-basis: 88%; min-height: 205px; padding: 1.15rem; }
  .site-futuristic .benefits-carousel__hint { font-size: .59rem; }
}

@media (prefers-reduced-motion: reduce) {
  .ambient-field__orbit,
  .ambient-trace__line,
  .ambient-trace__orbit,
  .ambient-trace__spark { animation: none; }
}