html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, sans-serif; background:#070f22; color:#E5DDD1; overflow-x:hidden; }
.font-display { font-family:'Sora', sans-serif; letter-spacing:-0.02em; }

/* ===== preloader (intro da marca — toque mágico) ===== */
#loader { position:fixed; inset:0; z-index:100; overflow:hidden;
  background:radial-gradient(120% 92% at 50% 42%, #10234a 0%, #0a162f 46%, #070f22 100%);
  display:grid; place-items:center; gap:1.15rem; }
#loader .l-sym { width:104px; height:104px; position:relative; z-index:2;
  animation:lreveal 1s cubic-bezier(.2,.8,.2,1) both, lglow 2.4s ease-in-out .9s infinite; }
/* pincelada dourada (no lugar da barra dura) */
#loader .l-bar { position:relative; z-index:2; width:184px; height:12px; background:none; overflow:visible; }
#loader .l-bar i { display:block; height:100%; width:0;
  border-radius:7px 11px 8px 12px/10px 7px 11px 8px;
  background:linear-gradient(90deg,#e8c98a,#D2B773 55%,#b8944f);
  -webkit-mask:repeating-linear-gradient(95deg,#000 0 3px,rgba(0,0,0,.45) 3px 5.5px);
          mask:repeating-linear-gradient(95deg,#000 0 3px,rgba(0,0,0,.45) 3px 5.5px);
  filter:drop-shadow(0 0 9px rgba(210,183,115,.55)); transform:rotate(-1.3deg);
  animation:lfill 1.25s cubic-bezier(.6,0,.15,1) forwards; }
/* estrelinhas cintilantes (posicionadas via JS) */
#loader .l-star { position:absolute; width:var(--s,12px); aspect-ratio:1; z-index:1; opacity:0;
  background:radial-gradient(closest-side,#fff 8%,#e8c98a 42%,transparent 72%);
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
  filter:drop-shadow(0 0 5px rgba(232,201,138,.9));
  animation:ltwinkle 2.4s ease-in-out infinite; animation-delay:var(--d,0s); }
/* varinha mágica: estrela que faz um arco deixando rastro */
#loader .l-wand { position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px; z-index:3;
  background:radial-gradient(closest-side,#fff 10%,#ffeec2 40%,transparent 74%);
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
  filter:drop-shadow(0 0 8px #ffe6ad);
  animation:lwand 1.35s cubic-bezier(.5,.05,.4,1) forwards; }
#loader.done { animation:lout .7s cubic-bezier(.7,0,.3,1) forwards; }
@keyframes lreveal { 0%{ opacity:0; transform:scale(.55) } 60%{ opacity:1 } 100%{ opacity:1; transform:scale(1) } }
@keyframes lglow { 0%,100%{ filter:drop-shadow(0 0 14px rgba(210,183,115,.35)) } 50%{ filter:drop-shadow(0 0 30px rgba(232,201,138,.72)) } }
@keyframes lfill { to { width:100% } }
@keyframes ltwinkle { 0%,100%{ opacity:0; transform:scale(.35) rotate(0deg) } 50%{ opacity:1; transform:scale(1) rotate(35deg) } }
@keyframes lwand {
  0%{ transform:translate(-172px,34px) scale(.5); opacity:0 }
  10%{ opacity:1 }
  27%{ transform:translate(-92px,-46px) scale(1) }
  50%{ transform:translate(0,-66px) scale(1.15) }
  73%{ transform:translate(92px,-46px) scale(1) }
  90%{ opacity:1 }
  100%{ transform:translate(172px,34px) scale(.5); opacity:0 } }
@keyframes lout { to { opacity:0; visibility:hidden; transform:scale(1.04) } }

/* ===== cursor custom ===== */
body.has-cursor, body.has-cursor * { cursor:none; }
.cursor-dot, .cursor-ring { position:fixed; top:0; left:0; z-index:90; pointer-events:none; border-radius:50%; mix-blend-mode:difference; }
.cursor-dot { width:7px; height:7px; background:#fff; transform:translate(-50%,-50%); }
.cursor-ring { width:38px; height:38px; border:1.5px solid rgba(255,255,255,.6); transform:translate(-50%,-50%); transition:width .25s, height .25s, background .25s, border-color .25s; }
.cursor-ring.grow { width:64px; height:64px; background:rgba(210,183,115,.18); border-color:transparent; }
@media (hover:none),(pointer:coarse){ *{cursor:auto;} .cursor-dot,.cursor-ring{display:none;} }

/* ===== noise / grão ===== */
body::after { content:''; position:fixed; inset:0; z-index:80; pointer-events:none; opacity:.04; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

/* texto com gradiente dourado animado */
.text-gradient-gold { background:linear-gradient(120deg,#e8c98a,#D2B773 40%,#fff 60%,#D2B773 80%); -webkit-background-clip:text; background-clip:text; color:transparent; background-size:200% auto; animation:shine 6s linear infinite; }
@keyframes shine { to { background-position:200% center; } }

/* split-text: palavras reveladas */
.reveal-text .word { display:inline-block; overflow:hidden; vertical-align:top; }
.reveal-text .word > span { display:inline-block; transform:translateY(110%); }

/* aurora animada de fundo */
.aurora::before, .aurora::after { content:''; position:absolute; border-radius:50%; filter:blur(90px); opacity:.5; z-index:0; pointer-events:none; }
.aurora::before { width:55vw; height:55vw; background:radial-gradient(circle,#243a65,transparent 70%); top:-15%; left:-10%; animation:float1 18s ease-in-out infinite; }
.aurora::after  { width:48vw; height:48vw; background:radial-gradient(circle,#b8944f,transparent 70%); bottom:-20%; right:-10%; opacity:.28; animation:float2 22s ease-in-out infinite; }
@keyframes float1 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(8%,6%)} }
@keyframes float2 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-7%,-5%)} }

/* grid tecnológico sutil */
.tech-grid { background-image:linear-gradient(rgba(210,183,115,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(210,183,115,.06) 1px,transparent 1px); background-size:48px 48px; -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 40%,transparent 100%); mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 40%,transparent 100%); }

/* marquee */
.marquee { display:flex; overflow:hidden; gap:0; -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.marquee__t { display:flex; flex-shrink:0; align-items:center; gap:2.5rem; padding-right:2.5rem; white-space:nowrap; animation:marq 28s linear infinite; }
@keyframes marq { to { transform:translateX(-100%); } }

/* glassmorphism + spotlight */
.glass { position:relative; background:rgba(255,255,255,.04); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.08); }
.spotlight::before { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; transition:opacity .4s; background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(210,183,115,.16),transparent 60%); }
.spotlight:hover::before { opacity:1; }
.glass-hover { transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s, border-color .35s; }
.glass-hover:hover { transform:translateY(-6px); border-color:rgba(210,183,115,.55); box-shadow:0 24px 60px -24px rgba(210,183,115,.35), 0 0 0 1px rgba(210,183,115,.15) inset; }

/* borda com brilho girando */
.glow-border { position:relative; }
.glow-border::before { content:''; position:absolute; inset:0; border-radius:1rem; padding:1px; background:conic-gradient(from var(--a,0deg),transparent,rgba(210,183,115,.9),transparent 30%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:opacity .4s; animation:spin 5s linear infinite; }
.glow-border:hover::before { opacity:1; }
@keyframes spin { to { --a:360deg; } }
@property --a { syntax:'<angle>'; inherits:false; initial-value:0deg; }

.reveal { opacity:0; }
.btn-gold { background:linear-gradient(120deg,#e8c98a,#D2B773,#b8944f); color:#0a162f; box-shadow:0 8px 30px -8px rgba(210,183,115,.6); transition:transform .25s, box-shadow .3s; will-change:transform; }
.btn-gold:hover { box-shadow:0 14px 40px -8px rgba(210,183,115,.85); }
.nav-link { position:relative; }
.nav-link::after { content:''; position:absolute; left:0; bottom:-4px; width:0; height:2px; background:#D2B773; transition:width .3s; }
.nav-link:hover::after { width:100%; }
::selection { background:#D2B773; color:#0a162f; }
::-webkit-scrollbar { width:10px; } ::-webkit-scrollbar-track { background:#070f22; } ::-webkit-scrollbar-thumb { background:#243a65; border-radius:8px; }

/* ===== HERO — painel holográfico "produto vivo" ===== */
.hero-art { position:relative; width:100%; max-width:480px; margin:0 auto; aspect-ratio:1/1.02;
  display:grid; place-items:center; perspective:1400px; }
.hero-art__glow { position:absolute; inset:8% 6%; border-radius:50%;
  background:radial-gradient(circle,rgba(210,183,115,.28),transparent 68%); filter:blur(60px); z-index:0; }
.hero-ring { position:absolute; width:108%; aspect-ratio:1; border-radius:50%;
  border:1px solid rgba(210,183,115,.16); z-index:0; animation:ringSpin 26s linear infinite; }
.hero-ring::before { content:''; position:absolute; top:-5px; left:50%; width:9px; height:9px; border-radius:50%;
  background:#e8c98a; box-shadow:0 0 16px 3px rgba(232,201,138,.8); transform:translateX(-50%); }
.hero-ring--2 { width:86%; border-color:rgba(210,183,115,.1); border-style:dashed; animation:ringSpin 34s linear infinite reverse; }
.hero-ring--2::before { background:#fff; box-shadow:0 0 12px 2px rgba(255,255,255,.7); }
@keyframes ringSpin { to { transform:rotate(360deg); } }

.holo { position:relative; z-index:5; width:100%; border-radius:1.5rem; padding:1.1rem 1.15rem 1.25rem;
  background:linear-gradient(160deg,rgba(36,58,101,.55),rgba(10,22,47,.78));
  border:1px solid rgba(210,183,115,.28); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.04) inset, 0 0 60px -20px rgba(210,183,115,.4);
  transform:rotateX(var(--rx,7deg)) rotateY(var(--ry,-9deg)); transform-style:preserve-3d;
  transition:transform .25s cubic-bezier(.16,1,.3,1); will-change:transform; }
.holo__sheen { position:absolute; inset:0; border-radius:inherit; pointer-events:none; overflow:hidden; }
.holo__sheen::before { content:''; position:absolute; top:-60%; left:-30%; width:50%; height:220%;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.14),transparent); transform:rotate(8deg);
  animation:sheen 6.5s ease-in-out infinite; }
@keyframes sheen { 0%,100%{ left:-40%; } 55%,75%{ left:130%; } }
.holo__bar { display:flex; align-items:center; gap:.5rem; padding-bottom:.85rem; margin-bottom:.95rem;
  border-bottom:1px solid rgba(255,255,255,.08); }
.holo__dots { display:flex; gap:5px; }
.holo__dots i { width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.18); }
.holo__dots i:first-child { background:rgba(210,183,115,.7); }
.holo__name { display:flex; align-items:center; gap:.45rem; font-family:'Sora',sans-serif; font-weight:600;
  font-size:.82rem; color:#E5DDD1; margin-left:.2rem; }
.holo__name img { width:18px; height:18px; filter:drop-shadow(0 0 6px rgba(210,183,115,.6)); }
.holo__live { margin-left:auto; display:inline-flex; align-items:center; gap:.4rem; font-size:.66rem;
  text-transform:uppercase; letter-spacing:.08em; color:rgba(16,185,129,.95); }
.holo__live span { width:7px; height:7px; border-radius:50%; background:#10b981; box-shadow:0 0 0 0 rgba(16,185,129,.6);
  animation:livePing 1.8s ease-out infinite; }
@keyframes livePing { 0%{ box-shadow:0 0 0 0 rgba(16,185,129,.55) } 100%{ box-shadow:0 0 0 8px rgba(16,185,129,0) } }
.holo__kpis { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; margin-bottom:1rem; }
.kpi { padding:.7rem .8rem; border-radius:.9rem; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); }
.kpi__l { display:block; font-size:.64rem; text-transform:uppercase; letter-spacing:.06em; color:rgba(229,221,209,.5); }
.kpi__v { display:block; font-family:'Sora',sans-serif; font-weight:700; font-size:1.18rem; color:#E5DDD1; margin:.18rem 0 .12rem; }
.kpi__up { display:inline-flex; align-items:center; gap:.25rem; font-size:.66rem; font-weight:600; color:#34d399; }
.kpi__up svg { width:12px; height:12px; }
.holo__chart { position:relative; height:96px; padding:.4rem 0 0; margin-bottom:.95rem; }
.holo__chart .bars { position:absolute; inset:0; display:flex; align-items:flex-end; gap:6px; }
.holo__chart .bars span { flex:1; border-radius:4px 4px 2px 2px; transform-origin:bottom; transform:scaleY(var(--h,.4));
  background:linear-gradient(180deg,rgba(232,201,138,.95),rgba(184,148,79,.35));
  animation:barLoop 3.4s ease-in-out infinite; animation-delay:var(--d,0s); }
.holo__chart .bars span:last-child { background:linear-gradient(180deg,#e8c98a,#D2B773); box-shadow:0 0 16px -2px rgba(210,183,115,.7); }
@keyframes barLoop { 0%,100%{ transform:scaleY(var(--h,.4)) } 50%{ transform:scaleY(var(--h2,.7)) } }
.holo__chart .spark { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.spark__line { fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.5)); stroke-dasharray:520; stroke-dashoffset:520; animation:draw 3s ease forwards .4s; }
@keyframes draw { to { stroke-dashoffset:0; } }
.holo__prog { display:flex; align-items:center; gap:.6rem; font-size:.66rem; color:rgba(229,221,209,.6); }
.holo__prog .track { flex:1; height:5px; border-radius:5px; background:rgba(255,255,255,.07); overflow:hidden; }
.holo__prog .track i { display:block; height:100%; width:40%; border-radius:5px;
  background:linear-gradient(90deg,#e8c98a,#D2B773,#b8944f); animation:progRun 3.2s ease-in-out infinite; }
@keyframes progRun { 0%{ width:8%; } 50%{ width:92%; } 100%{ width:8%; } }

/* barras vivas reutilizáveis (mock de dashboard) */
.live-bar { transform-origin:bottom; transform:scaleY(var(--h,.5)); animation:barLoop 3.4s ease-in-out infinite; animation-delay:var(--d,0s); }

/* chips orbitando o painel */
.hero-chip { position:absolute; z-index:6; width:48px; height:48px; border-radius:1rem; display:grid; place-items:center;
  background:rgba(10,22,47,.78); border:1px solid rgba(210,183,115,.32); backdrop-filter:blur(10px);
  box-shadow:0 14px 30px -14px rgba(0,0,0,.8); animation:chipFloat 5.5s ease-in-out infinite; }
.hero-chip svg { width:22px; height:22px; color:#D2B773; }
.hero-chip--wa { top:4%; right:2%; animation-delay:.1s; }
.hero-chip--ai { top:46%; left:-4%; animation-delay:1.1s; }
.hero-chip--pay { bottom:8%; right:-2%; animation-delay:2.1s; }
@keyframes chipFloat { 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-12px) } }

/* ===== CONTATO — quebra-cabeça que se monta (linguagem da marca) ===== */
.assemble { position:relative; width:96px; height:96px; margin:0 auto 1.5rem; }
.assemble__p { position:absolute; width:46px; height:46px; border-radius:10px;
  box-shadow:0 10px 24px -10px rgba(0,0,0,.6); animation:asm 4.2s cubic-bezier(.16,1,.3,1) infinite; }
.assemble__p.n { background:linear-gradient(145deg,#243a65,#13264C); }
.assemble__p.g { background:linear-gradient(145deg,#e8c98a,#b8944f); }
.assemble__p--tl { top:0; left:0; --tx:-34px; --ty:-34px; --r:-25deg; }
.assemble__p--tr { top:0; right:0; --tx:34px; --ty:-34px; --r:22deg; animation-delay:.12s; }
.assemble__p--bl { bottom:0; left:0; --tx:-34px; --ty:34px; --r:20deg; animation-delay:.24s; }
.assemble__p--br { bottom:0; right:0; --tx:34px; --ty:34px; --r:-24deg; animation-delay:.36s; }
@keyframes asm {
  0% { transform:translate(var(--tx),var(--ty)) rotate(var(--r)) scale(.7); opacity:0; }
  26%,72% { transform:translate(0,0) rotate(0) scale(1); opacity:1; }
  100% { transform:translate(var(--tx),var(--ty)) rotate(var(--r)) scale(.7); opacity:0; }
}
.assemble::after { content:''; position:absolute; inset:-22%; border-radius:50%; z-index:-1;
  background:radial-gradient(circle,rgba(210,183,115,.3),transparent 70%); filter:blur(14px);
  animation:asmGlow 4.2s ease-in-out infinite; }
@keyframes asmGlow { 0%,100%{ opacity:.2; transform:scale(.85) } 40%{ opacity:.9; transform:scale(1.05) } }

/* ===== HERO — toasts flutuantes (sensação de produto vivo) ===== */
.toast { position:absolute; z-index:20; display:flex; align-items:center; gap:.65rem; padding:.7rem .9rem; border-radius:.9rem;
  background:rgba(10,22,47,.72); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(210,183,115,.25); box-shadow:0 18px 40px -18px rgba(0,0,0,.7); white-space:nowrap;
  animation:toastFloat 6s ease-in-out infinite; }
.toast .ic { width:30px; height:30px; border-radius:.6rem; display:grid; place-items:center; flex-shrink:0; background:rgba(210,183,115,.15); }
.toast b { color:#E5DDD1; font-size:.78rem; line-height:1; }
.toast small { color:rgba(229,221,209,.55); font-size:.68rem; }
.toast--a { top:6%; left:-8%; animation-delay:.2s; }
.toast--b { bottom:10%; right:-6%; animation-delay:1.4s; }
@keyframes toastFloat { 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-10px) } }

/* ===== INTEGRAÇÕES — hub orbital ===== */
.orbit { position:relative; width:100%; max-width:560px; margin:0 auto; aspect-ratio:1; }
.orbit__svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.orbit__line { stroke:rgba(210,183,115,.28); stroke-width:.5; fill:none; }
.orbit__flow { stroke:url(#flowGrad); stroke-width:.9; fill:none; stroke-linecap:round;
  stroke-dasharray:3 7; animation:flow 1.6s linear infinite; }
@keyframes flow { to { stroke-dashoffset:-20; } }
.orbit__core { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3;
  width:34%; aspect-ratio:1; border-radius:50%; display:grid; place-items:center;
  background:radial-gradient(circle,rgba(210,183,115,.18),rgba(10,22,47,.6) 70%);
  border:1px solid rgba(210,183,115,.35); box-shadow:0 0 60px -10px rgba(210,183,115,.4); }
.orbit__core::before, .orbit__core::after { content:''; position:absolute; inset:0; border-radius:50%;
  border:1px solid rgba(210,183,115,.3); animation:pulseRing 3s ease-out infinite; }
.orbit__core::after { animation-delay:1.5s; }
@keyframes pulseRing { 0%{ transform:scale(1); opacity:.6 } 100%{ transform:scale(1.7); opacity:0 } }
.orbit__core img { width:54%; filter:drop-shadow(0 0 14px rgba(210,183,115,.5)); animation:lpulse 4s ease-in-out infinite; }
.node { position:absolute; transform:translate(-50%,-50%); z-index:4; display:flex; flex-direction:column;
  align-items:center; gap:.45rem; width:88px; }
.node__chip { width:54px; height:54px; border-radius:1rem; display:grid; place-items:center;
  background:rgba(255,255,255,.05); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.12); transition:transform .35s cubic-bezier(.16,1,.3,1), border-color .35s, box-shadow .35s; }
.node:hover .node__chip { transform:scale(1.12); border-color:rgba(210,183,115,.6); box-shadow:0 0 30px -6px rgba(210,183,115,.5); }
.node span { font-size:.72rem; color:rgba(229,221,209,.7); text-align:center; }

/* ===== INTEGRAÇÕES — fluxo de automação ao vivo ===== */
.flowdemo { display:flex; align-items:stretch; gap:.5rem; flex-wrap:wrap; }
.flowstep { flex:1 1 0; min-width:140px; position:relative; padding:1.1rem 1rem; border-radius:1rem;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); transition:all .5s cubic-bezier(.16,1,.3,1); opacity:.45; }
.flowstep.active { opacity:1; border-color:rgba(210,183,115,.55); background:rgba(210,183,115,.08);
  box-shadow:0 16px 40px -20px rgba(210,183,115,.5); transform:translateY(-4px); }
.flowstep .fs-ic { width:38px; height:38px; border-radius:.7rem; display:grid; place-items:center; margin-bottom:.7rem;
  background:rgba(210,183,115,.12); transition:background .4s; }
.flowstep.active .fs-ic { background:linear-gradient(120deg,#e8c98a,#D2B773,#b8944f); }
.flowstep.active .fs-ic svg { color:#0a162f !important; }
.flowstep h5 { font-family:'Sora',sans-serif; font-weight:600; font-size:.9rem; color:#E5DDD1; margin-bottom:.15rem; }
.flowstep p { font-size:.74rem; color:rgba(229,221,209,.55); line-height:1.35; }
.flowstep .fs-tag { position:absolute; top:.8rem; right:.9rem; font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(210,183,115,.7); }
.flowarrow { display:grid; place-items:center; color:rgba(210,183,115,.4); flex-shrink:0; }
@media (max-width:680px){ .flowarrow{ transform:rotate(90deg); } .flowstep{ flex-basis:100%; } }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity:1 !important; transform:none !important; }
  .reveal-text .word > span { transform:none !important; }
  .aurora::before,.aurora::after,.text-gradient-gold,.glow-border::before,.marquee__t,#loader .l-sym,#loader .l-star,#loader .l-wand,#loader .l-bar i,
  .toast,.orbit__flow,.orbit__core::before,.orbit__core::after,.orbit__core img,
  .hero-ring,.holo__sheen::before,.holo__live span,.holo__chart .bars span,.spark__line,.holo__prog .track i,
  .hero-chip,.assemble__p,.assemble::after,.live-bar { animation:none !important; }
  .holo { transform:none !important; }
  .spark__line { stroke-dashoffset:0 !important; }
  .assemble__p { transform:none !important; opacity:1 !important; }
  #loader .l-bar i { width:100% !important; }
  html { scroll-behavior:auto; }
}