:root{
  --fx-bg0: #05060a;
  --fx-bg1: #070a14;
  --fx-ink: rgba(244, 247, 255, .92);
  --fx-ink-dim: rgba(244, 247, 255, .72);
  --fx-ink-faint: rgba(244, 247, 255, .52);
  --fx-glass: rgba(255, 255, 255, .06);
  --fx-glass-2: rgba(255, 255, 255, .10);
  --fx-stroke: rgba(255, 255, 255, .14);
  --fx-stroke-2: rgba(255, 255, 255, .20);
  --fx-neon-cyan: #2df0ff;
  --fx-neon-violet: #b07cff;
  --fx-neon-lime: #7bff6a;
  --fx-neon-hot: #ff3df5;
  --fx-shadow: 0 18px 60px rgba(0,0,0,.45);
  --fx-shadow-soft: 0 10px 35px rgba(0,0,0,.35);
  --fx-radius: 18px;
  --fx-radius-lg: 26px;
  --fx-ease: cubic-bezier(.2,.9,.2,1);
}

*{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body{
  font-family: "Manrope", system-ui, -apple-system, Segoe UI, sans-serif;
  color: var(--fx-ink);
  background:
    radial-gradient(900px 420px at 15% 10%, rgba(45,240,255,.22), transparent 55%),
    radial-gradient(900px 420px at 85% 20%, rgba(176,124,255,.18), transparent 55%),
    radial-gradient(1200px 600px at 50% 110%, rgba(255,61,245,.10), transparent 60%),
    linear-gradient(180deg, var(--fx-bg0), var(--fx-bg1));
  overflow-x: hidden;
}

/* HUD grid + animated haze layer */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(to bottom, rgba(255,255,255,.04) 1px, transparent 1px) 0 0 / 56px 56px,
    radial-gradient(900px 600px at 35% 25%, rgba(45,240,255,.12), transparent 60%),
    radial-gradient(800px 520px at 70% 35%, rgba(176,124,255,.10), transparent 60%);
  opacity: .55;
  transform: translate3d(0,0,0);
  animation: none;
}

body::after{
  content:"";
  position: fixed;
  inset: -40px;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(1200px 600px at 20% 80%, rgba(123,255,106,.10), transparent 60%),
    conic-gradient(from 120deg at 50% 50%, rgba(45,240,255,.08), rgba(176,124,255,.08), rgba(255,61,245,.06), rgba(45,240,255,.08));
  filter: blur(34px) saturate(1.12);
  opacity: .35;
  animation: none;
}

/* Subtle scanlines + noise (futuristic texture) */
html::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.018) 0px,
      rgba(255,255,255,.018) 1px,
      transparent 2px,
      transparent 6px
    );
  opacity: .22;
  mix-blend-mode: overlay;
  animation: none;
}

html::after{
  content:"";
  position: fixed;
  inset: -80px;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.06), transparent 45%),
    radial-gradient(circle at 80% 30%, rgba(255,255,255,.05), transparent 40%),
    radial-gradient(circle at 40% 80%, rgba(255,255,255,.04), transparent 42%);
  filter: blur(22px);
  opacity: .22;
  animation: none;
}

/* (intencional) sem animação contínua aqui para evitar cansaço/perf em mobile */

/* Keep content above FX layers */
header, section, footer { position: relative; z-index: 1; }

.header{
  background: rgba(10,12,20,.55) !important;
  border-bottom: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 0 0 rgba(0,0,0,0);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.header.is-scrolled{
  background: rgba(10,12,20,.78) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
  border-bottom-color: rgba(255,255,255,.14);
}

.nav-links a{
  color: var(--fx-ink-dim) !important;
  position: relative;
  letter-spacing: .2px;
  text-transform: none;
}

.nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;
  height:2px;
  width:100%;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, var(--fx-neon-cyan), var(--fx-neon-violet));
  transition: transform .35s var(--fx-ease);
  opacity:.9;
}
.nav-links a:hover::after{ transform: scaleX(1); }
.nav-links a:hover{ color: var(--fx-ink) !important; }

.logo-img{
  /* Monochrome white logo from a colored PNG */
  filter: brightness(0) invert(1) drop-shadow(0 0 14px rgba(255,255,255,.10));
  opacity: .96;
}
.logo a:hover .logo-img{
  opacity: 1;
  filter: brightness(0) invert(1) drop-shadow(0 0 18px rgba(45,240,255,.14));
}

.lang-btn{
  border-radius: 999px !important;
  border-color: rgba(255,255,255,.22) !important;
  color: var(--fx-ink-dim) !important;
  background: rgba(255,255,255,.04) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.lang-btn:hover{
  background: rgba(255,255,255,.10) !important;
  color: var(--fx-ink) !important;
}
.lang-dropdown{
  background: rgba(12,14,24,.78) !important;
  border-color: rgba(255,255,255,.16) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.lang-option{ color: var(--fx-ink-dim) !important; border-radius: 10px; }
.lang-option:hover{ background: rgba(255,255,255,.08) !important; color: var(--fx-ink) !important; }

.container{ max-width: 1200px; }

/* Hero as "portal" */
.hero{
  background: radial-gradient(900px 420px at 50% 35%, rgba(45,240,255,.18), transparent 58%),
              radial-gradient(900px 420px at 75% 25%, rgba(176,124,255,.14), transparent 60%),
              radial-gradient(900px 420px at 25% 20%, rgba(255,61,245,.10), transparent 62%),
              linear-gradient(180deg, rgba(10,12,20,.75), rgba(10,12,20,.40));
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.hero-orbs{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index: 1;
}
.orb{
  position:absolute;
  width: 520px;
  height: 520px;
  border-radius: 999px;
  filter: blur(18px);
  opacity: .55;
  mix-blend-mode: screen;
  transform: translate3d(0,0,0);
  animation: none;
}
.orb-a{
  left: -160px;
  top: 10%;
  background: radial-gradient(circle at 30% 30%, rgba(45,240,255,.34), transparent 60%);
  animation-duration: 12s;
}
.orb-b{
  right: -210px;
  top: 6%;
  background: radial-gradient(circle at 40% 45%, rgba(176,124,255,.28), transparent 62%);
  animation-duration: 14s;
  animation-delay: -2s;
}
.orb-c{
  left: 18%;
  bottom: -260px;
  background: radial-gradient(circle at 50% 50%, rgba(255,61,245,.18), transparent 62%);
  animation-duration: 16s;
  animation-delay: -4s;
}

/* (intencional) sem animação contínua dos orbs */

#networkCanvas{
  filter: saturate(1.15) contrast(1.05);
  opacity: .95;
}

.hero-content{
  padding: 34px 28px;
  border-radius: var(--fx-radius-lg);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: var(--fx-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transform: translate3d(0,0,0);
  width: min(1280px, calc(100% - 10px));
  margin: 0 auto;
}

.hero-panels{
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.hero-panel{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(10,12,20,.58), rgba(10,12,20,.34));
  box-shadow: 0 18px 52px rgba(0,0,0,.40);
  overflow: hidden;
  text-align: left;
}

.panel-head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px 10px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

.panel-tag{
  font-family: "Oxanium", system-ui, sans-serif;
  letter-spacing: .6px;
  font-size: .78rem;
  color: rgba(45,240,255,.85);
}

.panel-title{
  font-family: "Oxanium", system-ui, sans-serif;
  letter-spacing: .3px;
  font-size: .95rem;
  color: rgba(244,247,255,.88);
}

.panel-body{
  padding: 14px 16px 16px;
}

.panel-body p{
  margin: 0 0 12px 0;
  color: rgba(244,247,255,.68);
  font-size: .98rem;
}

.panel-metric{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
}

.metric-key{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: .85rem;
  color: rgba(244,247,255,.55);
}
.metric-val{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: .85rem;
  color: rgba(92,255,166,.86);
}

.panel-spark{
  margin-top: 2px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: radial-gradient(140px 60px at 30% 40%, rgba(45,240,255,.10), transparent 60%),
              radial-gradient(120px 60px at 70% 60%, rgba(176,124,255,.08), transparent 60%),
              rgba(255,255,255,.03);
}

.panel-spark svg{
  width: 100%;
  height: auto;
  display: block;
}

@media (prefers-reduced-motion: no-preference){
  .panel-spark .spark-line{
    stroke-dasharray: 10 14;
    stroke-dashoffset: 0;
    animation: fx-spark-dash 2.8s linear infinite;
    filter: drop-shadow(0 0 10px rgba(45,240,255,.18));
  }

  .panel-spark .spark-dot{
    filter: drop-shadow(0 0 10px rgba(92,255,166,.22));
  }
}

@keyframes fx-spark-dash{
  to{ stroke-dashoffset: -240; }
}

@media (max-width: 768px){
  .hero-panels{ grid-template-columns: 1fr; }
}

.ops-panel{
  margin-top: 18px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(10,12,20,.58), rgba(10,12,20,.34));
  box-shadow: 0 18px 52px rgba(0,0,0,.40);
  overflow: hidden;
}

.ops-metrics{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 10px 0 12px;
}

@media (max-width: 768px){
  .ops-metrics{ grid-template-columns: 1fr; }
}

.hero-kicker{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}
.kicker-pill{
  font-family: "Oxanium", system-ui, sans-serif;
  font-size: .85rem;
  letter-spacing: .4px;
  text-transform: uppercase;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(244,247,255,.82);
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}
.kicker-pill:nth-child(2n){
  border-color: rgba(45,240,255,.20);
  box-shadow: 0 10px 30px rgba(45,240,255,.10);
}

.hero h1{
  font-family: "Oxanium", system-ui, sans-serif;
  letter-spacing: .4px;
  line-height: 1.05;
  text-shadow: 0 0 24px rgba(45,240,255,.16);
  background: linear-gradient(90deg, rgba(244,247,255,.96), rgba(45,240,255,.92), rgba(176,124,255,.92));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* glitch removido (direção premium/legível) */

.hero p{ color: var(--fx-ink-dim); }

.hero-cta{
  display:flex;
  gap: 14px;
  justify-content:center;
  flex-wrap: wrap;
}

.cta-button.cta-ghost{
  background: rgba(255,255,255,.05) !important;
  color: var(--fx-ink) !important;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 12px 38px rgba(0,0,0,.25);
}
.cta-button.cta-ghost:hover{
  border-color: rgba(45,240,255,.28);
  box-shadow: 0 18px 60px rgba(0,0,0,.35), 0 0 0 1px rgba(45,240,255,.06);
}

.scroll-hint{
  position:absolute;
  left: 50%;
  bottom: 26px;
  transform: translateX(-50%);
  width: 24px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top: 8px;
  z-index: 2;
  box-shadow: 0 14px 50px rgba(0,0,0,.35);
}
.scroll-dot{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--fx-neon-cyan), var(--fx-neon-violet));
  box-shadow: 0 0 22px rgba(45,240,255,.22);
  animation: fx-scroll-dot 1.6s var(--fx-ease) infinite;
}
@keyframes fx-scroll-dot{
  0%{ transform: translate3d(0,0,0); opacity: .6; }
  55%{ transform: translate3d(0,14px,0); opacity: 1; }
  100%{ transform: translate3d(0,0,0); opacity: .6; }
}

.cta-button{
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(45,240,255,.95), rgba(176,124,255,.95)) !important;
  color: rgba(5,6,10,.92) !important;
  box-shadow: 0 12px 38px rgba(45,240,255,.18);
  transform: translate3d(0,0,0);
  position: relative;
  overflow: hidden;
}
.cta-button::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(240px 120px at var(--mx,50%) var(--my,50%), rgba(255,255,255,.55), transparent 58%);
  opacity:.0;
  transition: opacity .25s var(--fx-ease);
}
.cta-button:hover::before{ opacity:.55; }
.cta-button:hover{ transform: translateY(-4px) scale(1.02); }

/* Sections: dark + glass cards */
.about, .process, .contact{ background: transparent !important; }
.services, .technologies, .benefits{ background: transparent !important; }

.about h2, .services h2, .technologies h2, .process h2, .benefits h2, .contact h2{
  font-family: "Oxanium", system-ui, sans-serif;
  color: var(--fx-ink) !important;
  letter-spacing: .3px;
  text-shadow: 0 0 18px rgba(176,124,255,.10);
}

.service-card, .stat, .process-step, .benefit-card, .methodology-card{
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--fx-radius) !important;
  box-shadow: var(--fx-shadow-soft);
  transform: translate3d(0,0,0);
  transition: transform .35s var(--fx-ease), border-color .35s var(--fx-ease), box-shadow .35s var(--fx-ease);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: hidden;
}

/* energy ring removido (evita excesso visual) */
.service-card::after, .stat::after, .process-step::after, .benefit-card::after, .methodology-card::after{
  content:"";
  position:absolute;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  pointer-events:none;
}
.service-card:hover::before, .stat:hover::before, .process-step:hover::before, .benefit-card:hover::before, .methodology-card:hover::before{
  opacity: .95;
}

/* (intencional) sem animações contínuas em cards */

.service-card > *, .stat > *, .process-step > *, .benefit-card > *, .methodology-card > *{
  position: relative;
  z-index: 1;
}

/* Bento tweaks (About stats) */
.about-stats.bento{
  grid-template-columns: repeat(2, 1fr);
}
.stat.stat-wide{
  grid-column: 1 / -1;
}

/* (intencional) sem parallax global */

/* Scroll progress bar */
#fxScrollProgress{
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  transform-origin: 0 50%;
  transform: scaleX(0);
  z-index: 1002;
  background: linear-gradient(90deg, var(--fx-neon-cyan), var(--fx-neon-violet), var(--fx-neon-hot));
  box-shadow: 0 0 22px rgba(45,240,255,.20);
}

.service-card:hover, .stat:hover, .process-step:hover, .benefit-card:hover, .methodology-card:hover{
  border-color: rgba(45,240,255,.24);
  box-shadow: 0 18px 60px rgba(0,0,0,.40), 0 0 0 1px rgba(45,240,255,.06);
}

.service-card i, .benefit-card i, .methodology-card i, .info-item i{
  background: linear-gradient(90deg, var(--fx-neon-cyan), var(--fx-neon-violet));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  filter: drop-shadow(0 0 18px rgba(45,240,255,.14));
}

.about-text p, .service-card p, .process-step p, .benefit-card p, .methodology-card p{
  color: var(--fx-ink-dim);
}

.stat h3, .service-card h3, .benefit-card h3, .step-content h3, .methodology-card h4{
  color: var(--fx-ink) !important;
}

.tech-logo{
  filter: grayscale(100%) brightness(1.4) contrast(1.1) drop-shadow(0 0 22px rgba(45,240,255,.12)) !important;
}
.tech-item:hover .tech-logo{ filter: grayscale(0%) brightness(1.15) drop-shadow(0 0 22px rgba(176,124,255,.16)) !important; }
.tech-item span{ color: var(--fx-ink-dim) !important; }

.process-image{
  display: flex;
  justify-content: center !important;
  align-items: flex-start;
}

.process-ill{
  width: min(520px, 100%);
  height: auto;
  border-radius: 22px;
  filter: drop-shadow(0 26px 70px rgba(0,0,0,.50));
}

.contact-form input, .contact-form textarea{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color: var(--fx-ink);
}
.contact-form input::placeholder, .contact-form textarea::placeholder{ color: rgba(244,247,255,.55); }
.contact-form input:focus, .contact-form textarea:focus{
  outline: none;
  border-color: rgba(45,240,255,.35);
  box-shadow: 0 0 0 4px rgba(45,240,255,.10);
}

.submit-button{
  border-radius: 14px !important;
  background: linear-gradient(90deg, rgba(45,240,255,.95), rgba(255,61,245,.80)) !important;
  color: rgba(5,6,10,.92) !important;
  box-shadow: 0 18px 50px rgba(45,240,255,.16);
  transition: transform .25s var(--fx-ease), filter .25s var(--fx-ease) !important;
}
.submit-button:hover{ transform: translateY(-2px); filter: saturate(1.05) brightness(1.03); }

.footer{
  background: rgba(10,12,20,.78) !important;
  border-top: 1px solid rgba(255,255,255,.10);
}

/* Scroll reveal system */
.fx-reveal{
  opacity: 0;
  transform: translate3d(0, 18px, 0) scale(.99);
  filter: blur(6px);
  transition: opacity .8s var(--fx-ease), transform .8s var(--fx-ease), filter .8s var(--fx-ease);
  will-change: opacity, transform, filter;
}
.fx-reveal.is-visible{
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

/* cursor glow removido (direção premium) */

#fxRobot{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  width: 0;
  height: 0;
  pointer-events: none;
  opacity: 0;
  will-change: transform, opacity;
}

body.fx-robot-on #fxRobot{
  opacity: 1;
}

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

.fx-robot{
  --tilt: 0deg;
  --s: 1;
  width: 86px;
  height: 86px;
  transform: rotate(var(--tilt)) scale(var(--s));
  transform-origin: 0 0;
  transition: transform 420ms var(--fx-ease);
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.45));
}

.fx-robot__antenna{
  position:absolute;
  left: 34px;
  top: 6px;
  width: 3px;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(45,240,255,.95), rgba(176,124,255,.75));
  transform-origin: 50% 100%;
  animation: fx-robot-antenna 2.6s ease-in-out infinite;
}

.fx-robot__head{
  position:absolute;
  left: 18px;
  top: 18px;
  width: 50px;
  height: 34px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.16);
  overflow: hidden;
}

.fx-robot__visor{
  position:absolute;
  inset: 8px 8px 10px 8px;
  border-radius: 10px;
  background: radial-gradient(120% 120% at 20% 20%, rgba(45,240,255,.22), transparent 55%),
              radial-gradient(120% 120% at 80% 30%, rgba(176,124,255,.18), transparent 55%),
              rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.10);
}

.fx-robot__eye,
.fx-robot__eye--r{
  position:absolute;
  top: 14px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(244,247,255,.92);
  box-shadow: 0 0 14px rgba(45,240,255,.18);
  animation: fx-robot-blink 4.8s steps(1,end) infinite;
}
.fx-robot__eye{ left: 14px; }
.fx-robot__eye--r{ right: 14px; }

.fx-robot__body{
  position:absolute;
  left: 22px;
  top: 52px;
  width: 42px;
  height: 28px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.14);
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}

.fx-robot__mark{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 1;
  color: rgba(244,247,255,.92);
  text-shadow: 0 0 12px rgba(45,240,255,.18);
}

@keyframes fx-robot-antenna{
  0%, 100%{ transform: rotate(-10deg); }
  50%{ transform: rotate(10deg); }
}

@keyframes fx-robot-blink{
  0%, 94%, 100%{ transform: scaleY(1); opacity: 1; }
  96%{ transform: scaleY(0.15); opacity: .55; }
}

@media (max-width: 768px){
  body::before{ background-size: 64px 64px, 64px 64px, auto, auto; opacity: .45; }
  .hero-content{ padding: 26px 18px; }
  .orb{ width: 380px; height: 380px; }
  .scroll-hint{ display:none; }
}

@media (prefers-reduced-motion: reduce){
  body::before, body::after{ animation: none !important; }
  html::before, html::after{ animation: none !important; display: none; }
  .fx-reveal{ opacity: 1; transform: none; filter: none; transition: none; }
  #fxScrollProgress{ display: none; }
  .cta-button, .submit-button, .service-card, .stat, .process-step, .benefit-card, .methodology-card{ transition: none !important; }
  .panel-spark .spark-line{ animation: none !important; }
  #fxRobot{ display: none !important; }
  .fx-robot{ transition: none !important; }
}

@media (max-width: 1023px){
  #fxRobot{ display: none !important; }
}