/* ==========================================================================
   HEKA Finance — micrositio de outsourcing contable
   Dirección: "noche financiera". Fondo nocturno, gráfico de barras sobre línea base luminosa,
   titulares que se revelan palabra por palabra, superficies de vidrio con luz que
   sigue al puntero. La coreografía vive en js/finance-fx.js y es progresiva:
   sin JS o con movimiento reducido, todo se muestra estático.
   ========================================================================== */
:root{
  --night:#040a14;
  --night-2:#06101f;
  --deep:#081629;
  --card:#0b1c33;
  --card-2:#10264a;
  --line:rgba(150,200,255,.12);
  --line-strong:rgba(150,200,255,.22);
  --text:#eaf2fb;
  --muted:#a4b6ca;
  --faint:#6d8298;
  --blue:#258dd6;
  --sky:#6cb8ec;
  --ice:#bfe6ff;
  --indigo:#6f7dff;
  --grad:linear-gradient(92deg,#bfe6ff 0%,#5fb4f0 45%,#258dd6 70%,#6f7dff 100%);
  --r-xs:8px;--r-sm:12px;--r:20px;--r-lg:28px;
  --elev-1:inset 0 1px 0 rgba(255,255,255,.07),0 18px 40px -22px rgba(0,0,0,.8);
  --elev-2:inset 0 1px 0 rgba(255,255,255,.09),0 34px 70px -30px rgba(0,0,0,.95);
  --elev-hover:inset 0 1px 0 rgba(255,255,255,.12),0 44px 80px -34px rgba(0,0,0,.95),0 26px 60px -30px rgba(37,141,214,.55);
  --sheen:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 42%);
  --fx-ease:cubic-bezier(.22,.61,.36,1);
  --fx-out:cubic-bezier(.19,1,.22,1);
  --fx-snap:cubic-bezier(.34,1.3,.64,1);
  --sec-y:clamp(80px,10vw,150px);
}

/* ---------- Base ---------- */
body.fin-page{background:var(--night);color:var(--text);overflow-x:hidden}
.fin-page ::selection{background:var(--blue);color:#fff}
.fin-page main,.fin-page section{position:relative}
.fin-ico{width:22px;height:22px;display:block;flex:none}
.fin-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.fin-page .fin-sec{padding:var(--sec-y) 0;scroll-margin-top:84px} /* anula section{padding:… 5%} de global.css */

.fin-kick{font-size:.72rem;letter-spacing:.24em;color:var(--sky);font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:14px;margin-bottom:22px}
.fin-kick::before{content:"";width:34px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,var(--ice),var(--blue));flex:none;transform-origin:left;transition:transform 1s var(--fx-ease) .2s}
html.fx .fin-kick.fx-reveal:not(.is-in)::before{transform:scaleX(0)}

.fin-h2{font-family:var(--font-title);font-weight:800;font-size:clamp(36px,5.2vw,72px);line-height:.98;letter-spacing:-.045em;margin:0 0 clamp(36px,4.5vw,64px);max-width:16ch;color:#fff;text-wrap:balance}
.fin-h2 em,.fin-hero-title em{font-style:italic;font-weight:800;padding-right:.06em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.fin-lead{font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.7;max-width:52ch;color:var(--muted);margin:calc(-1 * clamp(16px,2.4vw,36px)) 0 clamp(36px,4vw,56px)}

/* ---------- Fondo ambiental fijo: cuadrícula tenue + resplendores azules que derivan lento ---------- */
.fin-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.fin-ambient::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(150,200,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(150,200,255,.035) 1px,transparent 1px);background-size:72px 72px}
.fin-ambient i{position:absolute;width:70vmax;height:70vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(37,141,214,.14),transparent);animation:finAmb 28s ease-in-out infinite alternate}
.fin-ambient i:nth-child(1){left:-28vmax;top:-12vmax}
.fin-ambient i:nth-child(2){right:-32vmax;top:28vh;background:radial-gradient(closest-side,rgba(111,125,255,.11),transparent);animation-duration:34s;animation-delay:-9s}
.fin-ambient i:nth-child(3){left:18vw;bottom:-42vmax;width:62vmax;height:62vmax;animation-duration:40s;animation-delay:-18s}
@keyframes finAmb{to{transform:translate3d(9vmax,7vmax,0) scale(1.15)}}

/* ---------- Botones ---------- */
.fin-cta{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:var(--font-title);font-weight:700;border:0;cursor:pointer;border-radius:999px;padding:16px 28px;font-size:.92rem;letter-spacing:-.005em;color:#fff;text-decoration:none;
  background:var(--blue);transition:background-color .25s var(--fx-ease),transform .18s var(--fx-snap)}
.fin-cta .fin-ico{width:18px;height:18px;transition:transform .25s var(--fx-ease)}
.fin-cta:hover{background:#1c6ea8}
.fin-cta:hover .fin-ico{transform:translateX(4px)}
.fin-cta:active{transform:scale(.98)}
.fin-cta:focus-visible{outline:2px solid var(--ice);outline-offset:4px}
.fin-cta-ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong)}
.fin-cta-ghost:hover{background:rgba(255,255,255,.08)}

/* ==========================================================================
   HERO — cielo nocturno, horizonte iluminado y un dashboard vivo
   ========================================================================== */
.fin-page .fin-hero{position:relative;padding:0;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 70% at 50% 0%,#0b2445 0%,var(--night-2) 55%,var(--night) 100%)}
.fin-hero-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
/* Cuadrícula de hoja de cálculo, apenas visible, que se desvanece hacia los bordes */
.fin-ledger{position:absolute;inset:0;
  background-image:linear-gradient(rgba(150,200,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(150,200,255,.07) 1px,transparent 1px);
  background-size:72px 72px;background-position:center top;
  -webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 15%,transparent 75%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 15%,transparent 75%)}
.fin-aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:screen}
.fin-aurora--a{width:56vw;height:56vw;max-width:820px;max-height:820px;left:-14vw;top:-22vw;background:radial-gradient(circle,rgba(37,141,214,.55),transparent 65%);animation:finDrift 18s ease-in-out infinite alternate}
.fin-aurora--b{width:44vw;height:44vw;max-width:640px;max-height:640px;right:-10vw;top:6vh;background:radial-gradient(circle,rgba(111,125,255,.38),transparent 65%);animation:finDrift 22s ease-in-out -6s infinite alternate-reverse}
@keyframes finDrift{to{transform:translate3d(6vw,4vw,0) scale(1.12)}}

/* Escenario de la primera pantalla: al fondo del viewport, un gráfico de barras que crece
   sobre una línea base luminosa; las cifras aparecen debajo al hacer scroll */
/* 44px = barra legal fija de global.css (.footer-bot), para que la línea base no quede debajo */
.fin-hero-stage{position:relative;min-height:calc(100svh - 44px);padding:clamp(140px,17vh,176px) 0 220px;display:flex;flex-direction:column;justify-content:center}
.fin-hero-stage::before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:320px;pointer-events:none;background:radial-gradient(55% 100% at 50% 100%,rgba(37,141,214,.32),rgba(111,125,255,.08) 55%,transparent 75%)}
.fin-hero-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(191,230,255,.95) 25%,rgba(191,230,255,.95) 75%,transparent);box-shadow:0 0 22px 2px rgba(58,160,232,.75)}
.fin-bars{--pad:max(24px,calc((100% - 1200px) / 2 + 32px));position:absolute;z-index:-1;left:0;right:0;bottom:0;height:190px;display:flex;align-items:flex-end;gap:clamp(4px,.55vw,9px);padding:0 var(--pad);pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.fin-bars i{flex:1;height:var(--h);border-radius:5px 5px 0 0;transform-origin:bottom;
  background:linear-gradient(180deg,rgba(108,184,236,.3),rgba(37,141,214,.07) 70%,transparent);border-top:1.5px solid rgba(191,230,255,.5)}
.fin-bars svg{position:absolute;left:var(--pad);top:0;width:calc(100% - var(--pad) * 2);height:100%;overflow:visible}
.fin-trend{fill:none;stroke:url(#finTrend);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(108,184,236,.8))}
html.fx .fin-bars i{transform:scaleY(0)}
html.fx.is-loaded .fin-bars i{transform:none;transition:transform 1.2s var(--fx-out);transition-delay:calc(.3s + var(--i) * 22ms)}
html.fx .fin-trend{stroke-dashoffset:1}
html.fx.is-loaded .fin-trend{stroke-dashoffset:0;transition:stroke-dashoffset 2.6s cubic-bezier(.65,0,.35,1) 1.3s}

.fin-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center;width:100%}
.fin-hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);border-radius:999px;padding:9px 18px;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ice);margin-bottom:30px}
.fin-hero-badge span{width:7px;height:7px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 4px rgba(58,160,232,.25);animation:finPulse 2.4s ease-in-out infinite}
@keyframes finPulse{50%{box-shadow:0 0 0 7px rgba(58,160,232,.06)}}
.fin-hero-title{font-family:var(--font-title);font-weight:800;font-size:clamp(48px,6.3vw,98px);line-height:.92;letter-spacing:-.05em;margin:0 0 28px;color:#fff}
.fin-hero-lead{font-size:clamp(15px,1.3vw,18.5px);line-height:1.7;max-width:48ch;margin:0 0 38px;color:var(--muted)}
.fin-hero-ctas{display:flex;gap:12px;flex-wrap:wrap}

/* Dashboard flotante */
.fin-hero-visual{position:relative;height:clamp(400px,40vw,520px)}
.fin-dash{position:absolute;inset:8% 4% 10% 8%;border-radius:var(--r-lg);padding:26px 26px 24px;display:flex;flex-direction:column;
  background:linear-gradient(160deg,rgba(22,48,86,.72),rgba(8,20,40,.78));-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border:1px solid var(--line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 50px 100px -40px rgba(0,0,0,.95),0 30px 80px -40px rgba(37,141,214,.55);
  transform:perspective(1200px) rotateY(-9deg) rotateX(5deg);transform-origin:30% 50%}
.fin-dash::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 32%);pointer-events:none}
.fin-dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.fin-dash-title{font-family:var(--font-title);font-weight:700;font-size:1.02rem;letter-spacing:-.01em;color:#fff}
.fin-dash-live{display:inline-flex;align-items:center;gap:7px;font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7ff0c4;background:rgba(31,157,107,.14);border:1px solid rgba(127,240,196,.25);border-radius:999px;padding:5px 11px}
.fin-dash-live i{width:6px;height:6px;border-radius:50%;background:#7ff0c4;animation:finBlink 1.6s steps(1) infinite}
@keyframes finBlink{50%{opacity:.25}}
.fin-chart{width:100%;flex:1;min-height:0;overflow:visible}
.fin-chart-grid line{stroke:rgba(150,200,255,.1);stroke-width:1;stroke-dasharray:3 6}
.fin-chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 6px 12px rgba(58,160,232,.6))}
.fin-chart-dot{fill:#fff;stroke:var(--sky);stroke-width:3;filter:drop-shadow(0 0 8px var(--sky))}
html.fx .fin-chart-line{stroke-dashoffset:1}
html.fx .fin-chart-area,html.fx .fin-chart-dot{opacity:0}
html.is-loaded .fin-chart-line{stroke-dashoffset:0;transition:stroke-dashoffset 2.4s cubic-bezier(.65,0,.35,1) .9s}
html.is-loaded .fin-chart-area{opacity:1;transition:opacity 1.4s ease 2s}
html.is-loaded .fin-chart-dot{opacity:1;transition:opacity .5s ease 3.1s;animation:finDotPing 2.4s ease-out 3.4s infinite}
@keyframes finDotPing{0%{stroke-width:3}50%{stroke-width:9;stroke-opacity:.35}100%{stroke-width:3}}
.fin-dash-months{display:flex;justify-content:space-between;font-size:.66rem;color:var(--faint);letter-spacing:.06em;margin:10px 0 18px;font-variant-numeric:tabular-nums}
.fin-dash-rows{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.fin-dash-rows div{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:12px;font-size:.74rem;color:var(--muted)}
.fin-dash-rows i{height:6px;border-radius:6px;background:rgba(150,200,255,.1);position:relative;overflow:hidden}
.fin-dash-rows i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,#6f7dff,#3aa0e8,#bfe6ff);transform-origin:left}
html.fx .fin-dash-rows i::after{transform:scaleX(0)}
html.is-loaded .fin-dash-rows i::after{transform:none;transition:transform 1.4s var(--fx-out) 1.6s}
html.is-loaded .fin-dash-rows div:nth-child(2) i::after{transition-delay:1.75s}
html.is-loaded .fin-dash-rows div:nth-child(3) i::after{transition-delay:1.9s}

.fin-chip{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px;
  background:rgba(12,30,58,.62);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);
  border:1px solid var(--line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 50px -20px rgba(0,0,0,.9);animation:finFloat 7s ease-in-out infinite}
.fin-chip b{display:block;font-family:var(--font-title);font-size:.86rem;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.2}
.fin-chip small{display:block;font-size:.68rem;color:var(--muted);margin-top:2px}
.fin-chip-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;background:var(--blue)}
.fin-chip-ico .fin-ico{width:18px;height:18px}
.fin-chip--a{left:-2%;top:2%;animation-delay:-1s}
.fin-chip--a .fin-chip-ico{background:#1f9d6b}
.fin-chip--b{left:-6%;bottom:4%;animation-delay:-3.5s}
.fin-chip--c{right:-4%;bottom:0;animation-delay:-5s}
@keyframes finFloat{50%{transform:translateY(-10px)}}
.fin-ring{width:40px;height:40px;transform:rotate(-90deg)}
.fin-ring circle{fill:none;stroke:rgba(150,200,255,.15);stroke-width:4}
.fin-ring .fin-ring-val{stroke:var(--sky);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
html.fx .fin-ring .fin-ring-val{stroke-dashoffset:1}
html.is-loaded .fin-ring .fin-ring-val{stroke-dashoffset:0;transition:stroke-dashoffset 1.8s var(--fx-out) 1.4s}

/* Cifras */
.fin-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-top:clamp(8px,2vw,24px);padding-bottom:clamp(64px,7vw,100px);position:relative}
.fin-hero-stats div{padding:0 26px;border-left:1px solid var(--line)}
.fin-hero-stats div:first-child{padding-left:0;border-left:0}
.fin-hero-stats b{display:block;font-family:var(--font-title);font-weight:800;font-size:clamp(34px,3.8vw,56px);letter-spacing:-.05em;line-height:1;margin-bottom:10px;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#fff 30%,#9ccff2);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(58,160,232,.35))}
.fin-hero-stats span{display:block;font-size:.78rem;color:var(--muted);line-height:1.45;max-width:22ch}

/* ---------- Banda marquee ---------- */
.fin-marquee{position:relative;overflow:hidden;padding:26px 0;background:rgba(8,22,41,.8);border-block:1px solid var(--line)}
.fin-marquee::before,.fin-marquee::after{content:"";position:absolute;top:0;bottom:0;width:10%;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--night),transparent)}
.fin-marquee::before{left:0}
.fin-marquee::after{right:0;transform:scaleX(-1)}
.fin-marquee-track{display:flex;align-items:center;width:max-content;animation:finMarquee 60s linear infinite}
.fin-marquee:hover .fin-marquee-track{animation-play-state:paused}
.fin-marquee-track>*{margin-right:40px;flex:none}
.fin-marquee-track span{font-family:var(--font-title);font-weight:700;white-space:nowrap;font-size:clamp(1.4rem,.9rem + 1.7vw,2.5rem);letter-spacing:-.03em;color:#fff}
.fin-marquee-track .fin-mq--o{color:var(--sky)}
.fin-mq-sep{width:9px;height:9px;border-radius:2px;background:var(--sky);transform:rotate(45deg)}
@keyframes finMarquee{to{transform:translateX(-50%)}}
@keyframes finSpin{to{transform:rotate(360deg)}}

/* ---------- Reconocimientos de HEKA (dentro de "Somos HEKA") ---------- */
.fin-trust-row{display:flex;flex-wrap:wrap;gap:clamp(24px,3.5vw,44px);align-items:center}
.fin-trust-row a{display:block;border-radius:var(--r-sm);opacity:.7;transition:opacity .25s var(--fx-ease),transform .25s var(--fx-ease)}
.fin-trust-row a:hover,.fin-trust-row a:focus-visible{opacity:1;transform:translateY(-2px)}
.fin-trust-row a:focus-visible{outline:2px solid var(--sky);outline-offset:6px}
.fin-trust-row img{height:70px;display:block}
/* Legal 500 ya es blanco; Chambers y Leaders League vienen oscuros: se pasan a blanco plano */
.fin-trust-row a:nth-child(2) img{filter:brightness(0) invert(1)}
.fin-trust-row a:nth-child(3) img{filter:grayscale(1) brightness(1.5) contrast(1.1)}

/* ==========================================================================
   Revelados (activados por finance-fx.js)
   ========================================================================== */
html.fx .fx-intro{opacity:0;transform:translateY(26px);filter:blur(6px)}
html.fx.is-loaded .fx-intro{opacity:1;transform:none;filter:none;transition:opacity .9s var(--fx-ease),transform .9s var(--fx-ease),filter .9s var(--fx-ease);transition-delay:var(--d,0s)}
/* El revelado usa `translate` (no `transform`) para que hover e inclinación sigan libres */
html.fx .fx-reveal{opacity:0;translate:0 34px;filter:blur(5px)}
html.fx .fx-reveal.is-in{opacity:1;translate:none;filter:none;
  transition:opacity 1s var(--fx-ease) var(--stagger,0s),translate 1s var(--fx-ease) var(--stagger,0s),filter 1s var(--fx-ease) var(--stagger,0s),
    transform .6s var(--fx-ease),box-shadow .6s var(--fx-ease),border-color .3s,background-color .3s}
html.fx [data-split]:not(.is-split){opacity:0}
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em;padding-right:.04em;margin-right:-.04em}
[data-split] .w>span{display:inline-block}
html.fx [data-split] .w>span{transform:translateY(112%)}
html.fx [data-split].is-in .w>span{transform:none;transition:transform 1.15s var(--fx-out);transition-delay:calc(var(--wi,0) * 60ms)}
/* el degradado se aplica palabra por palabra (el clip de fondo no cruza inline-blocks) */
[data-split].is-split em{background:none;color:inherit}
[data-split].is-split em .w>span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}

/* ---------- Superficies con luz que sigue al puntero ---------- */
.fx-spot{position:relative;isolation:isolate}
.fx-spot::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--x,50%) var(--y,50%),rgba(150,210,255,.13),transparent 45%);opacity:0;transition:opacity .4s}
.fx-spot::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;padding:1px;background:radial-gradient(300px circle at var(--x,50%) var(--y,50%),rgba(191,230,255,.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);opacity:0;transition:opacity .4s}
.fx-spot:hover::before,.fx-spot:hover::after{opacity:1}
.fx-tilt{transform-style:preserve-3d}
@media (hover:hover) and (pointer:fine){
  html.fx .fx-tilt.is-in:hover,html:not(.fx) .fx-tilt:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px);transition:transform .18s ease-out,box-shadow .4s var(--fx-ease),border-color .3s,opacity 1s,translate 1s,filter 1s}
}

/* ==========================================================================
   01 — POR QUÉ
   ========================================================================== */
.fin-why{overflow:hidden;background:radial-gradient(40% 55% at 90% 40%,rgba(37,141,214,.12),transparent 70%)}
.fin-watermark{position:absolute;right:3vw;top:50%;transform:translateY(-50%);font-family:var(--font-title);font-weight:800;font-size:clamp(14rem,30vw,28rem);line-height:1;color:rgba(150,200,255,.045);pointer-events:none;user-select:none}
.fin-why-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,96px);align-items:start}
.fin-why-head{position:sticky;top:130px}
.fin-why-head .fin-lead{margin-top:calc(-1 * clamp(12px,2vw,28px))}
.fin-why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fin-why-card{border-radius:var(--r);padding:32px 28px 34px;min-height:260px;display:flex;flex-direction:column;gap:14px;
  background:linear-gradient(var(--blue),var(--blue)) 0 0/0 3px no-repeat,var(--card);border:1px solid var(--line);
  transition:transform .6s var(--fx-ease),background-size .5s var(--fx-ease),background-color .3s,border-color .3s}
.fin-why-card:nth-child(even){margin-top:44px;margin-bottom:-44px}
.fin-why-card:hover{background-size:100% 3px,auto;border-color:rgba(108,184,236,.35);background-color:#0e2240}
.fin-why-card>*{position:relative;z-index:2}
.fin-why-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:var(--sky);margin-bottom:10px;background:rgba(37,141,214,.16);transition:background-color .3s var(--fx-ease),color .3s var(--fx-ease)}
.fin-why-card:hover .fin-why-ico{background:var(--blue);color:#fff}
.fin-why-card h3{font-family:var(--font-title);font-weight:700;font-size:1.3rem;letter-spacing:-.025em;line-height:1.15;margin:0;color:#fff}
.fin-why-card p{font-size:.92rem;line-height:1.65;color:var(--muted);margin:0}
.fin-why-n{position:absolute!important;right:24px;top:26px;font-family:var(--font-title);font-weight:700;font-size:.78rem;letter-spacing:.08em;color:var(--faint)}
/* Lema de HEKA con su logo: ancla la columna de texto */
.fin-logo-mark{display:block;flex:none;aspect-ratio:609/595;background:#fff;
  -webkit-mask:url("../media/imgLogo/LOGO-HEKA-2023-Blanco.webp") center/contain no-repeat;mask:url("../media/imgLogo/LOGO-HEKA-2023-Blanco.webp") center/contain no-repeat}
.fin-why-quote{display:flex;align-items:center;gap:20px;margin:0;padding:22px 24px;border-radius:var(--r);background:rgba(37,141,214,.1);border:1px solid rgba(37,141,214,.28)}
.fin-why-quote .fin-logo-mark{width:54px;background:var(--sky)}
.fin-why-quote blockquote{margin:0;font-family:var(--font-title);font-weight:700;font-size:1.12rem;line-height:1.3;letter-spacing:-.02em;color:#fff}
.fin-why-quote figcaption{margin-top:6px;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sky)}

/* ==========================================================================
   02 — SOMOS HEKA (banda cinematográfica)
   ========================================================================== */
.fin-page .fin-somos{max-width:1264px;margin:0 auto;padding:0 32px}
.fin-somos-box{position:relative;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;isolation:isolate;background:#0b1f3b;border:1px solid var(--line)}
.fin-somos-box::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(150,200,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(150,200,255,.06) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 85%);mask-image:linear-gradient(90deg,transparent 35%,#000 85%)}
.fin-somos-body{position:relative;padding:clamp(36px,5.5vw,76px)}
.fin-somos-body .fin-h2{margin-bottom:22px}
.fin-somos-body>p{font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.75;margin:0;color:rgba(234,242,251,.82);max-width:48ch}
.fin-somos-rank{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.fin-somos-rank>span{display:block;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:18px}
.fin-somos-visual{position:relative;display:grid;place-items:center;padding:clamp(28px,4vw,56px)}
@property --sweep{syntax:"<angle>";inherits:false;initial-value:360deg}
.fin-seal{position:relative;width:min(100%,430px);aspect-ratio:1}
.fin-seal-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:finSpin 60s linear infinite;
  -webkit-mask:conic-gradient(#000 var(--sweep),transparent 0);mask:conic-gradient(#000 var(--sweep),transparent 0);
  transition:--sweep 1.8s cubic-bezier(.65,0,.35,1) .7s}
.fin-seal-ring text{font-family:var(--font-title);font-weight:700;font-size:19px;fill:rgba(191,230,255,.85);letter-spacing:.12em}
.fin-seal-dash{fill:none;stroke:rgba(150,200,255,.22);stroke-width:1.5;stroke-dasharray:2 9}
.fin-seal-disc{position:absolute;inset:23%;border-radius:50%;display:grid;place-items:center;background:var(--blue);box-shadow:0 0 0 14px rgba(37,141,214,.12)}
.fin-seal-logo{width:62%;aspect-ratio:609/595;background:#fff;
  -webkit-mask:url("../media/imgLogo/LOGO-HEKA-2023-Blanco.webp") center/contain no-repeat,conic-gradient(#000 var(--sweep),transparent 0);-webkit-mask-composite:source-in;
  mask:url("../media/imgLogo/LOGO-HEKA-2023-Blanco.webp") center/contain no-repeat,conic-gradient(#000 var(--sweep),transparent 0);mask-composite:intersect;
  transition:--sweep 1.8s cubic-bezier(.65,0,.35,1) .7s}
/* Entrada: el sello "cae" con un leve rebote; el logo y el anillo de texto se trazan en círculo con el mismo barrido */
html.fx .fin-seal:not(.is-in) .fin-seal-disc{opacity:0;transform:scale(1.25)}
html.fx .fin-seal:not(.is-in) .fin-seal-logo{--sweep:0deg}
html.fx .fin-seal:not(.is-in) .fin-seal-ring{--sweep:0deg}
.fin-seal-disc{transition:opacity .5s ease .2s,transform .7s var(--fx-snap) .2s}
@media(prefers-reduced-motion:reduce){.fin-seal-logo,.fin-seal-ring{--sweep:360deg!important}}

/* ==========================================================================
   03 — SERVICIOS (bento)
   ========================================================================== */
.fin-svc{background:radial-gradient(45% 40% at 5% 70%,rgba(37,141,214,.1),transparent 70%)}
.fin-svc-head,.fin-proc-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:end;margin-bottom:clamp(44px,5vw,72px)}
.fin-svc-head .fin-h2{margin-bottom:0}
.fin-svc-intro{font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.7;color:var(--muted);margin:0;max-width:46ch}
.fin-svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fin-svc-card{position:relative;border-radius:var(--r);background:var(--card);border:1px solid var(--line);padding:16px 16px 26px;display:flex;flex-direction:column;
  transition:background-color .35s var(--fx-ease),border-color .35s var(--fx-ease),transform .4s var(--fx-ease),box-shadow .4s var(--fx-ease)}
.fin-svc-card:hover{background-color:#0e2240;border-color:rgba(108,184,236,.4);transform:translateY(-6px);box-shadow:var(--elev-hover)}
.fin-svc-card h3{display:flex;align-items:baseline;gap:10px;margin:22px 8px 10px;font-family:var(--font-title);font-weight:700;font-size:1.16rem;line-height:1.2;letter-spacing:-.025em;color:#fff}
.fin-svc-card h3 span{font-size:.74rem;letter-spacing:.08em;color:var(--sky);flex:none}
.fin-svc-card p{margin:0 8px;font-size:.9rem;line-height:1.6;color:var(--muted)}
/* La primera tarjeta ("Outsourcing contable") se destaca como servicio insignia */
.fin-svc-card:first-child{background:linear-gradient(160deg,rgba(37,141,214,.22),rgba(15,45,84,.5));border-color:rgba(108,184,236,.38)}
.fin-svc-card:first-child .fin-sa{background:rgba(37,141,214,.14);border-color:rgba(108,184,236,.28)}
.fin-svc-card:first-child h3 span{color:#fff;background:var(--blue);border-radius:999px;padding:2px 9px;line-height:1.5}
.fin-svc-card:first-child:hover{background:linear-gradient(160deg,rgba(37,141,214,.3),rgba(15,45,84,.58))}

/* ---- Mini-ilustraciones de servicios (planas; se animan al revelarse y se encienden al hover) ---- */
.fin-sa{--c0:rgba(150,200,255,.12);--c1:rgba(108,184,236,.45);position:relative;height:136px;border-radius:14px;background:rgba(4,10,20,.45);border:1px solid var(--line);padding:18px;display:flex;align-items:center;justify-content:center;gap:14px;overflow:hidden;transition:background-color .35s var(--fx-ease),border-color .35s var(--fx-ease)}
.fin-svc-card:hover .fin-sa{background:rgba(37,141,214,.1);border-color:rgba(108,184,236,.3);--c1:var(--sky)}
.fin-sa i,.fin-sa b,.fin-sa span{display:block;flex:none}
/* 01 libro mayor */
.fin-sa--ledger{flex-direction:column;align-items:stretch;gap:12px}
.fin-sa--ledger i{display:flex;align-items:center;gap:10px}
.fin-sa--ledger i::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--c0);flex:none}
.fin-sa--ledger i::after{content:"";flex:1;height:7px;border-radius:4px;background:linear-gradient(90deg,var(--c1) var(--w),var(--c0) var(--w))}
.fin-sa--ledger i:first-child::before{background:var(--blue)}
/* 02 estados financieros: dos hojas */
.fin-sa--docs .pg{width:74px;height:96px;border-radius:8px;background:#0f2748;border:1px solid var(--line-strong);padding:12px 10px;display:grid;gap:7px;align-content:start;transform:rotate(-6deg)}
.fin-sa--docs .pg2{transform:rotate(5deg) translateY(6px);margin-left:-26px;background:#123058}
.fin-sa--docs .pg i{height:5px;border-radius:3px;background:var(--c0)}
.fin-sa--docs .pg i:nth-child(2n){width:70%}
.fin-sa--docs .pg b{height:14px;border-radius:4px;background:var(--blue);margin-bottom:2px}
.fin-svc-card:hover .fin-sa--docs .pg{transform:rotate(-9deg) translateX(-4px)}
.fin-svc-card:hover .fin-sa--docs .pg2{transform:rotate(8deg) translate(6px,2px)}
.fin-sa--docs .pg{transition:transform .5s var(--fx-snap)}
/* 03 formulario SRI con sello */
.fin-sa--form .rows{flex:1;display:grid;gap:12px;max-width:150px}
.fin-sa--form .rows i{height:14px;border-radius:4px;background:var(--c0);position:relative}
.fin-sa--form .rows i::before{content:"";position:absolute;left:0;top:-8px;width:40%;height:4px;border-radius:2px;background:var(--c1)}
.fin-sa--form .stamp{width:58px;height:58px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 13 9 17 19 7'/%3E%3C/svg%3E") center/26px no-repeat;transform:rotate(-12deg);transition:transform .45s var(--fx-snap)}
html.fx .fin-svc-card:not(.is-in) .fin-sa--form .stamp{transform:scale(1.6) rotate(-12deg);opacity:0}
.fin-sa--form .stamp{transition:transform .5s var(--fx-snap) .5s,opacity .3s ease .5s}
/* 04 roles de pago */
.fin-sa--people{flex-direction:column;align-items:stretch;gap:12px}
.fin-sa--people i{display:flex;align-items:center;gap:10px}
.fin-sa--people i::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--c0);flex:none}
.fin-sa--people i::after{content:"";flex:1;height:7px;border-radius:4px;background:var(--c0);order:1}
.fin-sa--people b{order:2;width:44px;height:16px;border-radius:999px;background:var(--c1)}
.fin-sa--people i:first-child::before{background:var(--blue)}
/* 05 calendario de cumplimiento */
.fin-sa--time{gap:0;justify-content:space-between;padding:18px 24px}
.fin-sa--time::before{content:"";position:absolute;left:34px;right:34px;top:50%;height:2px;background:var(--c0)}
.fin-sa--time i{position:relative;width:22px;height:22px;border-radius:50%;background:#0f2748;border:2px solid var(--c0)}
.fin-sa--time i.ok{background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 13 9 17 19 7'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--blue)}
.fin-sa--time i.now{border-color:var(--sky);box-shadow:0 0 0 5px rgba(108,184,236,.18)}
.fin-sa--time i{transition:transform .4s var(--fx-snap)}
html.fx .fin-svc-card:not(.is-in) .fin-sa--time i{transform:scale(0)}
.fin-sa--time i:nth-child(2){transition-delay:.1s}.fin-sa--time i:nth-child(3){transition-delay:.2s}.fin-sa--time i:nth-child(4){transition-delay:.3s}.fin-sa--time i:nth-child(5){transition-delay:.4s}
/* 06 NIIF: globo + normas */
.fin-sa--globe .g{position:relative;width:78px;height:78px;border-radius:50%;border:2px solid var(--c1);background:rgba(37,141,214,.12);transition:border-color .35s}
.fin-sa--globe .g::before{content:"";position:absolute;inset:-2px 22%;border-radius:50%;border:2px solid var(--c1)}
.fin-sa--globe .g::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--c1)}
.fin-sa--globe .rows{display:grid;gap:10px;width:80px}
.fin-sa--globe .rows i{height:7px;border-radius:4px;background:var(--c0)}
.fin-sa--globe .rows i:first-child{background:var(--blue);width:60%}
.fin-svc-card:hover .fin-sa--globe .g{animation:finSpin 6s linear infinite}
/* 07 reportería: dona */
.fin-sa--donut .d{width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--blue) 0 58%,var(--sky) 0 80%,var(--c0) 0);
  -webkit-mask:radial-gradient(circle,transparent 46%,#000 47%);mask:radial-gradient(circle,transparent 46%,#000 47%);transition:transform .8s var(--fx-out)}
html.fx .fin-svc-card:not(.is-in) .fin-sa--donut .d{transform:rotate(-120deg) scale(.7)}
.fin-sa--donut .lg{display:grid;gap:10px;width:74px}
.fin-sa--donut .lg i{height:7px;border-radius:4px;background:var(--c0);position:relative;padding-left:14px}
.fin-sa--donut .lg i::before{content:"";position:absolute;left:-14px;top:-1px;width:9px;height:9px;border-radius:2px;background:var(--c0)}
.fin-sa--donut .lg i:nth-child(1)::before{background:var(--blue)}
.fin-sa--donut .lg i:nth-child(2)::before{background:var(--sky)}
/* 08 asesoría tributaria: la carga baja */
.fin-sa--tax{align-items:flex-end;gap:10px;padding-bottom:22px}
.fin-sa--tax i{width:22px;height:var(--h);border-radius:5px 5px 2px 2px;background:var(--c0);transform-origin:bottom;transition:transform .8s var(--fx-out) calc(var(--k) * .1s),background-color .35s}
.fin-sa--tax i:nth-child(4){background:var(--blue)}
html.fx .fin-svc-card:not(.is-in) .fin-sa--tax i{transform:scaleY(.1)}
.fin-sa--tax b{position:absolute;right:16px;top:14px;width:30px;height:30px;border-radius:9px;background:rgba(37,141,214,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236cb8ec' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='7' x2='17' y2='17'/%3E%3Cpolyline points='17 9 17 17 9 17'/%3E%3C/svg%3E") center/16px no-repeat}

/* ==========================================================================
   04 — TECNOLOGÍA (órbitas alrededor de Odoo)
   ========================================================================== */
.fin-odoo{overflow:hidden;background:rgba(8,22,41,.55);border-block:1px solid var(--line)}
.fin-odoo::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 60% at 78% 50%,rgba(111,125,255,.12),transparent 70%);pointer-events:none}
.fin-odoo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.fin-odoo-copy .fin-h2{margin-bottom:24px}
.fin-odoo-copy>p{font-size:clamp(1rem,1.15vw,1.08rem);line-height:1.75;color:var(--muted);margin:0 0 34px;max-width:50ch}
.fin-odoo-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.fin-odoo-points li{display:flex;align-items:flex-start;gap:12px;font-size:.93rem;line-height:1.45;color:var(--text)}
.fin-chk{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;color:#7ff0c4;background:rgba(31,157,107,.18);margin-top:-2px}
.fin-chk .fin-ico{width:14px;height:14px}

.fin-orbit{position:relative;width:100%;max-width:540px;aspect-ratio:1;justify-self:center}
.fin-orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fin-orbit-path{fill:none;stroke:rgba(150,200,255,.3);stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:0}
.fin-orbit-halo{fill:rgba(37,141,214,.04);stroke:rgba(150,200,255,.08);stroke-dasharray:2 6}
html.fx .fin-orbit-path{stroke-dashoffset:1}
.fin-orbit.is-in .fin-orbit-path{stroke-dashoffset:0;transition:stroke-dashoffset 2.6s cubic-bezier(.65,0,.35,1);transition-delay:calc(.2s + var(--i,0) * .25s)}
.fin-orbit-spin{position:absolute;inset:0;pointer-events:none}
.fin-orbit-spin i{position:absolute;inset:6%;border-radius:50%;animation:finSpin 24s linear infinite}
.fin-orbit-spin i:nth-child(2){inset:20%;animation-duration:17s;animation-direction:reverse}
.fin-orbit-spin i:nth-child(3){inset:32%;animation-duration:12s}
.fin-orbit-spin i::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--ice);box-shadow:0 0 16px 3px rgba(108,184,236,.8)}
.fin-orbit-spin i:nth-child(2)::after{background:var(--indigo);box-shadow:0 0 16px 3px rgba(111,125,255,.8)}
.fin-orbit-spin i:nth-child(3)::after{width:6px;height:6px;margin-left:-3px;top:-3px}
html.fx .fin-orbit:not(.is-in) .fin-orbit-spin{opacity:0}
.fin-orbit-spin{transition:opacity 1.2s ease 2s}
.fin-orbit-core{position:absolute;left:50%;top:50%;width:37%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  background:radial-gradient(circle at 35% 25%,#ffffff 0%,#eef4fb 55%,#cddcec 100%);box-shadow:0 0 0 10px rgba(150,200,255,.06),0 0 0 22px rgba(150,200,255,.03),0 0 80px 10px rgba(37,141,214,.45),inset 0 -10px 30px rgba(16,38,74,.25)}
.fin-orbit-core b{font-family:var(--font-title);font-weight:800;font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.03em;color:#714B67;line-height:1}
.fin-orbit-core span{font-size:.64rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#5a6a7a}
html.fx .fin-orbit:not(.is-in) .fin-orbit-core{opacity:0;transform:translate(-50%,-50%) scale(.6)}
.fin-orbit-core{transition:opacity 1.2s ease .3s,transform 1.4s var(--fx-out) .3s}
.fin-orbit-node{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 16px 11px 12px;border-radius:14px;font-size:.84rem;font-weight:500;color:#fff;white-space:nowrap;
  background:rgba(12,30,58,.7);-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);border:1px solid var(--line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 20px 40px -18px rgba(0,0,0,.9);
  animation:finFloat 7s ease-in-out infinite;transition:opacity .8s var(--fx-ease),translate .8s var(--fx-out)}
.fin-orbit-node .fin-ico{width:18px;height:18px;color:var(--sky)}
.fin-orbit-node--1{left:0;top:14%}
.fin-orbit-node--2{right:0;top:22%;animation-delay:-2s}
.fin-orbit-node--3{left:4%;bottom:18%;animation-delay:-4s}
.fin-orbit-node--4{right:4%;bottom:10%;animation-delay:-6s}
html.fx .fin-orbit:not(.is-in) .fin-orbit-node{opacity:0;translate:0 20px}
.fin-orbit.is-in .fin-orbit-node--1{transition-delay:1.2s}
.fin-orbit.is-in .fin-orbit-node--2{transition-delay:1.4s}
.fin-orbit.is-in .fin-orbit-node--3{transition-delay:1.6s}
.fin-orbit.is-in .fin-orbit-node--4{transition-delay:1.8s}

/* ==========================================================================
   05 — PROCESO (la línea se llena con el scroll)
   ========================================================================== */
.fin-proc-head .fin-h2{margin-bottom:0}
.fin-proc-intro p{font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.7;color:var(--muted);margin:0 0 26px;max-width:46ch}
.fin-proc-track{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;--p:0}
.fin-proc-step{position:relative;display:flex;flex-direction:column}
/* flecha de flujo entre pasos, en el hueco entre tarjetas */
.fin-proc-step:not(:last-child)::after{content:"";position:absolute;z-index:2;right:-24px;top:68px;width:20px;height:20px;border-radius:50%;
  background:var(--night) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d8298' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E") center/12px no-repeat;border:1px solid var(--line-strong);transition:border-color .5s,background-color .5s}
.fin-proc-step.is-lit:not(:last-child)::after{background-color:var(--blue);border-color:var(--blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E")}
.fin-proc-card{position:relative;flex:1;border-radius:var(--r);padding:18px 18px 28px;overflow:hidden;
  background:linear-gradient(var(--blue),var(--blue)) 0 0/0 3px no-repeat,linear-gradient(165deg,#0d2242,var(--card));border:1px solid var(--line);
  transition:border-color .5s var(--fx-ease),background-size .5s var(--fx-ease),box-shadow .45s var(--fx-ease),transform .45s var(--fx-ease)}
.fin-proc-card:hover{background-size:100% 3px,auto;border-color:rgba(108,184,236,.4);transform:translateY(-8px);box-shadow:var(--elev-hover)}
.fin-proc-step.is-lit .fin-proc-card{border-color:rgba(37,141,214,.45);box-shadow:0 20px 40px -28px rgba(37,141,214,.7)}
.fin-proc-card h3{display:flex;align-items:center;gap:14px;font-family:var(--font-title);font-weight:700;font-size:1.22rem;letter-spacing:-.025em;margin:24px 8px 10px;color:#fff}
.fin-proc-node{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:.86rem;font-weight:800;letter-spacing:0;color:var(--sky);background:rgba(37,141,214,.16);box-shadow:inset 0 0 0 1px rgba(108,184,236,.22);transition:background-color .5s,color .5s,box-shadow .5s}
.fin-proc-step.is-lit .fin-proc-node{background:var(--blue);color:#fff;box-shadow:0 0 0 6px rgba(37,141,214,.16)}
.fin-proc-card p{font-size:.92rem;line-height:1.65;color:var(--muted);margin:0 8px}

/* Mini-ilustraciones de cada paso: fondo con profundidad propia, se "completan" cuando el paso se enciende */
.fin-art{position:relative;height:150px;margin-bottom:0;border-radius:14px;background:linear-gradient(160deg,rgba(37,141,214,.1),rgba(4,10,20,.55));border:1px solid var(--line);padding:16px 18px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .5s,background .5s}
.fin-proc-step.is-lit .fin-art{border-color:rgba(108,184,236,.32)}
.fin-art i,.fin-art b{display:block;flex:none}
/* 01 · checklist de diagnóstico */
.fin-art--check{flex-direction:column;align-items:stretch;gap:9px}
.fin-art--check i{display:grid;grid-template-columns:16px 1fr;gap:10px;align-items:center}
.fin-art--check i::before{content:"";width:16px;height:16px;border-radius:5px;background:rgba(150,200,255,.12);transition:background-color .4s var(--fx-ease) calc(var(--k) * .25s)}
.fin-art--check i::after{content:"";height:7px;border-radius:4px;width:var(--w);background:rgba(150,200,255,.16)}
.fin-art--check i:nth-child(-n+2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 13 9 17 19 7'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}
.is-lit .fin-art--check i:nth-child(-n+2)::before{background-color:var(--blue)}
/* 02 · migración de documentos hacia el sistema */
.fin-art--move{gap:14px}
.fin-art--move .docs{display:grid;gap:6px}
.fin-art--move .docs i{width:38px;height:12px;border-radius:3px;background:rgba(150,200,255,.18)}
.fin-art--move .flow{width:64px;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--sky) 0 6px,transparent 6px 12px);background-size:24px 2px;opacity:.35;transition:opacity .5s}
.is-lit .fin-art--move .flow{opacity:1;animation:finFlow 1s linear infinite}
@keyframes finFlow{to{background-position:24px 0}}
.fin-art--move .box{width:62px;height:62px;border-radius:14px;background:rgba(37,141,214,.16);display:grid;place-items:center;transition:background-color .5s var(--fx-ease)}
.fin-art--move .box b{width:26px;height:4px;border-radius:2px;background:var(--sky);box-shadow:0 8px 0 var(--sky),0 -8px 0 var(--sky);transition:background-color .5s,box-shadow .5s}
.is-lit .fin-art--move .box{background:var(--blue)}
.is-lit .fin-art--move .box b{background:#fff;box-shadow:0 8px 0 #fff,0 -8px 0 #fff}
/* 03 · calendario tributario mensual */
.fin-art--cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;align-content:center}
.fin-art--cal i{height:14px;border-radius:3px;background:rgba(150,200,255,.1)}
.fin-art--cal i.d{transition:background-color .35s var(--fx-ease) calc(var(--k) * .12s)}
.is-lit .fin-art--cal i.d{background:var(--blue)}
/* 04 · reportes */
.fin-art--bars{align-items:flex-end;gap:8px}
.fin-art--bars i{width:16px;height:var(--h);border-radius:4px 4px 2px 2px;background:rgba(150,200,255,.16);transform-origin:bottom;transition:transform .9s var(--fx-out) calc(var(--k) * .08s),background-color .4s}
html.fx .fin-proc-step:not(.is-lit) .fin-art--bars i{transform:scaleY(.5)}
.is-lit .fin-art--bars i:last-child{background:var(--blue)}

/* ==========================================================================
   06 — EQUIPO (tarjetas con panel de vidrio)
   ========================================================================== */
.fin-team{background:radial-gradient(40% 45% at 100% 30%,rgba(37,141,214,.1),transparent 70%)}
.fin-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
/* Las fotos originales son horizontales (~3:2). En vez de forzarlas a una tarjeta vertical
   (lo que las recortaba mal), la tarjeta usa ese mismo formato: la foto entra completa, sin recortar a nadie. */
.fin-tm-card{position:relative;display:block;overflow:hidden;aspect-ratio:3/2;background:#e9edf2;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--elev-1);
  transition:transform .6s var(--fx-ease),box-shadow .6s var(--fx-ease),border-color .4s var(--fx-ease),opacity 1s var(--fx-ease),filter 1s var(--fx-ease)}
.fin-tm-card:hover{box-shadow:var(--elev-hover);border-color:rgba(108,184,236,.4);transform:translateY(-4px)}
.fin-tm-card:focus-visible{outline:3px solid var(--sky);outline-offset:4px}
.fin-tm-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,10,20,.4));pointer-events:none}
.fin-tm-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .9s var(--fx-out)}
.fin-tm-card:hover .fin-tm-img{transform:scale(1.05)}
.fin-tm-panel{position:absolute;z-index:1;left:14px;right:14px;bottom:14px;background:rgba(12,30,58,.68);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border:1px solid var(--line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px -14px rgba(0,0,0,.6);color:#fff;padding:15px 52px 15px 18px;border-radius:16px;transform:translateZ(30px)}
.fin-tm-panel::after{content:"";position:absolute;right:14px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='18' y2='12'/%3E%3Cpolyline points='13 7 18 12 13 17'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .25s var(--fx-ease)}
.fin-tm-card:hover .fin-tm-panel::after{transform:translateX(3px)}
.fin-tm-role{font-size:.7rem;font-weight:600;color:var(--sky);margin-bottom:4px;letter-spacing:.02em}
.fin-tm-name{font-family:var(--font-title);font-size:1.18rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:#fff}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .fin-tm-panel{background:rgba(9,22,43,.95)}
}

/* ==========================================================================
   07 — TRABAJA CON NOSOTROS
   ========================================================================== */
.fin-jobs{background:radial-gradient(40% 50% at 8% 30%,rgba(37,141,214,.12),transparent 70%)}
.fin-jobs .fin-lead{margin-bottom:0}
/* trabaja.css fue pensado para flotar sobre la foto+degradado de trabaja.html (de ahí el
   margin-top negativo y el desfase del panel derecho); aquí va justo debajo del título de
   la sección, así que se neutralizan esos ajustes pensados para ese otro layout. */
.fin-jobs .trabaja-split{margin-top:clamp(28px,4vw,48px);padding-top:0}
.fin-jobs .tw-right{transform:none}

/* ==========================================================================
   08 — FAQ (lista editorial)
   ========================================================================== */
.fin-faqs{background:rgba(8,22,41,.55);border-block:1px solid var(--line)}
.fin-faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px);align-items:start}
.fin-faq-head{position:sticky;top:130px}
.fin-faq-more{display:flex;flex-direction:column;gap:14px;font-size:.95rem;color:var(--muted)}
.fin-faq-more .fin-cta{align-self:flex-start}
.fin-faq-list{border-top:1px solid var(--line)}
.fin-faq{border-bottom:1px solid var(--line);transition:background-color .3s var(--fx-ease),opacity 1s var(--fx-ease),transform 1s var(--fx-ease),filter 1s var(--fx-ease)}
.fin-faq summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:12px;padding:28px 6px;border-radius:var(--r-sm)}
.fin-faq summary::-webkit-details-marker{display:none}
.fin-faq summary:focus-visible{outline:2px solid var(--sky);outline-offset:2px}
.fin-faq-n{font-family:var(--font-title);font-weight:700;font-size:.82rem;letter-spacing:.1em;color:var(--sky)}
.fin-faq-q{font-family:var(--font-title);font-weight:700;font-size:clamp(1.1rem,1.6vw,1.4rem);letter-spacing:-.025em;line-height:1.25;color:#fff;transition:color .25s var(--fx-ease)}
.fin-faq summary:hover .fin-faq-q{color:var(--ice)}
.fin-faq-sign{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);transition:transform .45s var(--fx-snap),background .3s var(--fx-ease),border-color .3s}
.fin-faq-sign::before,.fin-faq-sign::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;margin:-.75px 0 0 -7px;border-radius:2px;background:var(--ice)}
.fin-faq-sign::after{transform:rotate(90deg)}
.fin-faq[open] .fin-faq-sign{transform:rotate(135deg);background:var(--blue);border-color:var(--blue)}
.fin-faq[open] .fin-faq-sign::before,.fin-faq[open] .fin-faq-sign::after{background:#fff}
.fin-faq p{margin:0;padding:0 52px 30px 74px;font-size:1rem;line-height:1.75;color:var(--muted);max-width:64ch}
.fin-faq[open] p{animation:finFaqIn .5s var(--fx-ease)}
@keyframes finFaqIn{from{opacity:0;transform:translateY(-8px)}}

/* ==========================================================================
   09 — CONTACTO (cierre con anillos orbitales)
   ========================================================================== */
.fin-contact{overflow:hidden;padding-bottom:calc(var(--sec-y) + 40px)!important}
.fin-contact::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(150,200,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(150,200,255,.06) 1px,transparent 1px);background-size:72px 72px;background-position:center;
  -webkit-mask-image:radial-gradient(60% 60% at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(60% 60% at 50% 50%,#000 20%,transparent 75%)}
.fin-contact::after{content:"";position:absolute;left:50%;top:50%;width:min(1000px,120vw);height:600px;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(closest-side,rgba(37,141,214,.22),transparent 70%)}
.fin-contact .fin-wrap{position:relative;z-index:1}
.fin-contact-box{position:relative;border-radius:32px;overflow:hidden;isolation:isolate;
  background:linear-gradient(160deg,rgba(18,42,78,.72),rgba(6,16,32,.86));-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);
  border:1px solid var(--line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),var(--elev-2)}
.fin-contact-box::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 0% 0%,rgba(58,160,232,.22),transparent 60%),radial-gradient(50% 60% at 100% 100%,rgba(111,125,255,.14),transparent 60%)}
.fin-contact-grid{display:grid;grid-template-columns:.92fr 1.08fr}
.fin-contact-left{padding:clamp(36px,5vw,68px)}
.fin-contact-left .fin-h2{font-size:clamp(34px,4.2vw,58px);margin-bottom:20px}
.fin-contact-left>p{font-size:1rem;line-height:1.7;color:var(--muted);max-width:42ch;margin:0 0 38px}
.fin-contact-items{display:flex;flex-direction:column;gap:20px}
.fin-contact-item{display:flex;gap:16px;align-items:flex-start}
.fin-contact-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;color:var(--sky);background:rgba(37,141,214,.16)}
.fin-contact-ico .fin-ico{width:20px;height:20px}
.fin-lbl{font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:3px 0 4px}
.fin-contact-item a,.fin-val{color:#fff;font-size:.98rem;line-height:1.5;text-decoration:none}
.fin-contact-item a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s var(--fx-ease),color .2s}
.fin-contact-item a:hover{color:var(--ice);background-size:100% 1px}
.fin-contact-right{padding:clamp(36px,5vw,68px);background:rgba(255,255,255,.03);border-left:1px solid var(--line)}
.fin-contact-right h3{font-family:var(--font-title);font-weight:700;font-size:1.5rem;letter-spacing:-.025em;margin:0 0 8px;color:#fff}
.fin-form{display:flex;flex-direction:column;gap:20px}
.fin-form label{display:block;font-size:.76rem;font-weight:500;color:var(--muted);margin-bottom:8px}
.fin-row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fin-in{width:100%;border:1px solid rgba(150,200,255,.3);border-radius:var(--r-sm);padding:15px 16px;font-size:.95rem;background:rgba(4,10,20,.55);color:#fff;outline:none;font-family:var(--font-body);transition:border-color .2s var(--fx-ease),box-shadow .25s var(--fx-ease),background-color .2s}
.fin-in:hover{border-color:rgba(191,230,255,.45)}
.fin-in::placeholder{color:rgba(164,182,202,.5)}
.fin-in:focus{border-color:var(--sky);background:rgba(4,10,20,.72);box-shadow:0 0 0 4px rgba(108,184,236,.18),0 0 30px -6px rgba(58,160,232,.6)}
.fin-in.fin-in-err{border-color:#ff8a7e;box-shadow:0 0 0 4px rgba(255,138,126,.15)}
/* El autocompletado del navegador pinta fondo blanco por defecto; se fuerza al tema oscuro */
.fin-in:-webkit-autofill,.fin-in:-webkit-autofill:hover,.fin-in:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff;caret-color:#fff;
  -webkit-box-shadow:0 0 0 1000px rgba(6,15,29,.95) inset;box-shadow:0 0 0 1000px rgba(6,15,29,.95) inset;
  transition:background-color 9999s ease-in-out 0s,color 9999s ease-in-out 0s}
textarea.fin-in{resize:vertical;min-height:130px}
.fin-form-err{font-size:.84rem;color:#ffb1a8;display:none;background:rgba(209,73,91,.14);border:1px solid rgba(255,138,126,.35);border-radius:var(--r-sm);padding:11px 14px}
.fin-form-foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:4px}
.fin-form-note{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--faint)}
.fin-form-note i{width:7px;height:7px;border-radius:50%;background:#7ff0c4}
.fin-btn:disabled{opacity:.6;cursor:progress;transform:none}
.fin-form-ok{display:none;align-items:flex-start;flex-direction:column;justify-content:center;min-height:360px;animation:finFaqIn .5s var(--fx-ease)}
.fin-form-ok-ico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin-bottom:22px;color:#fff;background:#1f9d6b}
.fin-form-ok-ico svg{width:28px;height:28px}
.fin-form-ok h3{font-size:1.8rem;margin:0 0 8px}
.fin-form-ok p{font-size:1rem;color:var(--muted);margin:0}

/* ---------- Las animaciones continuas se pausan fuera de pantalla ---------- */
.is-offscreen *,.is-offscreen *::before,.is-offscreen *::after{animation-play-state:paused!important}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media(max-width:1080px){
  .fin-hero-inner{grid-template-columns:1fr}
  .fin-hero-copy{max-width:720px}
  .fin-hero-visual{height:420px;max-width:640px;width:100%;margin:10px auto 0}
  .fin-why-layout,.fin-faq-layout{grid-template-columns:1fr}
  .fin-why-head,.fin-faq-head{position:static}
  .fin-odoo-grid{grid-template-columns:1fr}
  .fin-orbit{max-width:480px}
}
@media(max-width:960px){
  .fin-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fin-svc-head{grid-template-columns:1fr;align-items:start}
  .fin-somos-box{grid-template-columns:1fr}
  .fin-somos-visual{padding-top:0}
  .fin-seal{width:min(100%,360px)}
  .fin-proc-head{grid-template-columns:1fr;align-items:start}
  .fin-proc-track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .fin-proc-step:nth-child(2)::after{display:none}
  .fin-contact-grid{grid-template-columns:1fr}
  .fin-contact-right{border-left:0;border-top:1px solid var(--line)}
  .fin-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}
  .fin-hero-stats div:nth-child(3){padding-left:0;border-left:0}
}
@media(max-width:680px){
  :root{--sec-y:72px}
  .fin-wrap,.fin-page .fin-somos{padding-left:18px;padding-right:18px}
  .fin-hero-stage{min-height:0;padding:120px 0 150px}
  .fin-bars{height:120px}
  .fin-hero-title{font-size:clamp(46px,13vw,64px)}
  .fin-hero-ctas .fin-cta{flex:1 1 auto;justify-content:center}
  .fin-hero-visual{height:330px;margin-top:24px}
  .fin-dash{inset:10% 0 6% 6%;padding:18px;transform:none}
  .fin-dash-rows{display:none}
  .fin-chip{padding:9px 12px 9px 9px;gap:9px}
  .fin-chip b{font-size:.76rem}
  .fin-chip small{font-size:.62rem}
  .fin-chip-ico{width:30px;height:30px}
  .fin-chip--a{left:-2%;top:0}
  .fin-chip--b{left:-2%;bottom:0}
  .fin-chip--c{display:none}
  .fin-ring{width:32px;height:32px}
  .fin-hero-stats div{padding:0 14px}
  .fin-hero-stats div:nth-child(odd){padding-left:0;border-left:0}
  .fin-why-grid{grid-template-columns:1fr;gap:12px}
  .fin-why-card:nth-child(even){margin:0}
  .fin-why-card{min-height:0;display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:6px;padding:22px}
  .fin-why-ico{grid-row:span 2;width:48px;height:48px;margin:0}
  .fin-why-card h3{align-self:end;font-size:1.12rem;padding-right:28px}
  .fin-why-n{top:22px;right:20px}
  .fin-svc-grid{grid-template-columns:1fr}
  .fin-sa{height:120px}
  .fin-why-quote{padding:18px}
  .fin-why-quote .fin-logo-mark{width:44px}
  .fin-odoo-points{grid-template-columns:1fr}
  .fin-orbit-node{font-size:.74rem;padding:8px 12px 8px 9px}
  .fin-orbit-node .fin-ico{width:15px;height:15px}
  .fin-proc-track{grid-template-columns:1fr;row-gap:30px}
  .fin-proc-step:not(:last-child)::after,.fin-proc-step:nth-child(2)::after{display:block;right:auto;left:50%;top:auto;bottom:-26px;margin-left:-10px;transform:rotate(90deg)}
  .fin-art{height:110px}
  .fin-team-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}
  .fin-faq summary{grid-template-columns:36px 1fr 36px;padding:22px 2px}
  .fin-faq-sign{width:36px;height:36px}
  .fin-faq p{padding:0 8px 24px 50px;font-size:.95rem}
  .fin-row2{grid-template-columns:1fr}
  .fin-in{font-size:16px} /* evita el zoom automático de iOS al enfocar */
  .fin-btn{flex:1 1 100%;justify-content:center}
  .fin-trust-row img{height:55px}
}

/* ---------- Subnav de navegación interna ---------- */
#fin-subnav{position:fixed;top:122px;left:0;right:0;z-index:9400;background:rgba(4,10,20,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.25);opacity:0;pointer-events:none;transform:translateY(-100%);transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}
#fin-subnav.fin-subnav-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.fin-subnav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:0 32px;min-height:52px;overflow-x:auto;scrollbar-width:none}
.fin-subnav-inner::-webkit-scrollbar{display:none}
.fin-subnav-link{display:inline-flex;align-items:center;padding:11px 14px 10px;font-size:.66rem;font-weight:700;letter-spacing:2.6px;text-transform:uppercase;color:var(--muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:color .25s ease,border-color .25s ease}
.fin-subnav-link:hover{color:var(--text)}
.fin-subnav-link.fin-subnav-active{color:var(--blue);border-bottom-color:var(--blue)}
.fin-subnav-cta{margin-left:auto;border:1px solid rgba(37,141,214,.34);padding:9px 16px 8px;margin-top:6px;margin-bottom:6px;border-radius:999px}
.fin-subnav-cta:hover,.fin-subnav-cta.fin-subnav-active{background:rgba(37,141,214,.12);border-color:var(--blue)!important;color:var(--blue)!important}
@media(max-width:900px){
  #fin-subnav{top:100px}
}
@media(max-width:680px){
  .fin-subnav-link{padding:10px 11px 9px;font-size:.6rem;letter-spacing:2px}
}

/* ---------- Movimiento reducido: todo visible, nada se mueve ---------- */
@media(prefers-reduced-motion:reduce){
  .fin-page *,.fin-page *::before,.fin-page *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
  html.fx .fx-intro,html.fx .fx-reveal{opacity:1;transform:none;filter:none}
  html.fx [data-split] .w>span{transform:none}
  html.fx .fin-chart-line,html.fx .fin-orbit-path,html.fx .fin-ring .fin-ring-val,html.fx .fin-trend{stroke-dashoffset:0}
  html.fx .fin-bars i{transform:none}
  .fin-marquee-track{animation:none}
}