/* ==================================================================
 * Movnow para Organizadores — mesma linha editorial do Time Movnow
 * (Anton + tarjas amarelas + dark/light), com componentes próprios:
 * painel de dashboard animado no hero · ticker em marquee · faixa
 * amarela de credibilidade · dores em pilha sticky · bento grid de
 * distribuição · muro de countups · timeline com linha progressiva.
 * ================================================================== */
:root {
  --dark: #0d0e16;
  --dark-2: #12131d;
  --light: #f6f6f2;
  --ink: #101010;
  --white: #ffffff;
  --w-70: rgb(255 255 255 / 0.7);
  --w-50: rgb(255 255 255 / 0.5);
  --w-14: rgb(255 255 255 / 0.14);
  --i-70: rgb(16 16 16 / 0.7);
  --i-50: rgb(16 16 16 / 0.5);
  --i-14: rgb(16 16 16 / 0.14);
  --yellow: #ffe600;
  --green: #34c759;
  --display: "Anton", "Archivo", system-ui, sans-serif;
  --sans: "Archivo", ui-sans-serif, system-ui, sans-serif;
  --mono: "Roboto Mono", ui-monospace, monospace;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; background: var(--dark); color: var(--white);
  font-family: var(--sans); font-size: 16px; line-height: 1.6;
  -webkit-font-smoothing: antialiased; overflow-x: clip;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
.wrap { width: min(1200px, 100% - 40px); margin-inline: auto; }
.d1 { font-family: var(--display); font-weight: 400; text-transform: uppercase; letter-spacing: 0.005em; line-height: 1.04; text-wrap: balance; margin: 0; }
.label { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 500; }
.ap { opacity: 0; transform: translateY(26px); transition: opacity 0.8s var(--ease) var(--d, 0s), transform 0.8s var(--ease) var(--d, 0s); }
.ap.in { opacity: 1; transform: none; }

/* ---------- botões ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-family: var(--sans); font-weight: 700; font-size: 14px; letter-spacing: 0.04em; text-transform: uppercase;
  padding: 17px 30px; border-radius: 999px; text-decoration: none; cursor: pointer; border: 0;
  transition: transform 0.35s var(--ease), box-shadow 0.35s var(--ease), background 0.25s ease, color 0.25s ease;
}
.btn--solid { background: var(--yellow); color: var(--ink); animation: ctapulse 2.8s ease-in-out infinite; }
.btn--solid:hover { transform: translateY(-2px); animation-play-state: paused; box-shadow: 0 20px 48px rgb(255 230 0 / 0.42); }
@keyframes ctapulse {
  0%, 100% { box-shadow: 0 14px 34px rgb(255 230 0 / 0.2); }
  50% { box-shadow: 0 16px 46px rgb(255 230 0 / 0.42); }
}
.btn--ghost { background: transparent; color: var(--white); box-shadow: inset 0 0 0 1.5px var(--w-14); }
.btn--ghost:hover { box-shadow: inset 0 0 0 1.5px var(--yellow); color: var(--yellow); transform: translateY(-2px); }
.btn--ink { background: var(--ink); color: var(--white); box-shadow: 0 14px 30px rgb(16 16 16 / 0.3); }
.btn--ink:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgb(16 16 16 / 0.38); }
.btn--ghostink { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1.5px rgb(16 16 16 / 0.3); }
.btn--ghostink:hover { box-shadow: inset 0 0 0 1.5px var(--ink); transform: translateY(-2px); }
.btn--sm { padding: 12px 22px; font-size: 12.5px; }

/* ---------- nav ---------- */
.nav {
  position: fixed; inset: 0 0 auto; z-index: 50;
  display: flex; align-items: center; gap: 30px;
  padding: 14px clamp(16px, 3vw, 44px);
  background: rgb(13 14 22 / 0.82); backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--w-14);
}
.nav__logo { color: var(--white); display: block; }
.logo-svg { display: block; fill: currentColor; width: 128px; height: 20px; }
.nav__links { display: flex; gap: 26px; margin-inline: auto; }
.nav__links a { text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--w-70); transition: color 0.25s; }
.nav__links a:hover { color: var(--yellow); }
.nav__cta {
  text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--ink); background: var(--yellow); border-radius: 999px; padding: 11px 20px;
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease); box-shadow: 0 6px 18px rgb(255 230 0 / 0.24);
}
.nav__cta:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgb(255 230 0 / 0.34); }
@media (max-width: 900px) { .nav__links { display: none; } .nav__cta { margin-left: auto; } }

/* ---------- hero ---------- */
.ohero { position: relative; padding: clamp(120px, 15svh, 168px) 0 0; background: #14181d; overflow: clip; }
.ohero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(52% 42% at 78% 6%, rgb(255 230 0 / 0.07), transparent 70%),
    linear-gradient(var(--w-14) 0 0) top/100% 0 no-repeat;
}
.ohero__grid {
  position: absolute; inset: 0; pointer-events: none; opacity: 0.5;
  background-image: linear-gradient(rgb(255 255 255 / 0.035) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 0.035) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 78%);
  mask-image: linear-gradient(180deg, #000 0%, transparent 78%);
}
.ohero__head { position: relative; text-align: center; }
.ohero__kicker { color: var(--w-50); margin: 0 0 22px; }
.ohero__title { font-size: clamp(28px, 7vw, 98px); max-width: 24ch; margin-inline: auto; }
.ohero__title .hline { display: block; overflow: hidden; padding: 0.06em 0.06em 0.12em; margin: -0.06em -0.06em -0.12em; }
.ohero__title .hline > span { display: inline-block; transform: translateY(112%); transition: transform 0.85s var(--ease) var(--hld, 0s); }
.ohero__title.play .hline > span { transform: none; }
.ohero__title .omark { position: relative; z-index: 0; padding: 0 0.06em; }
.ohero__title .omark::before {
  content: ""; position: absolute; inset: 22% -0.02em 15%; z-index: -1;
  background: var(--yellow); rotate: -1.2deg;
  transform: scaleX(0); transform-origin: 0 50%;
  transition: transform 0.55s var(--ease) 0.9s;
}
.ohero__title.play .omark::before { transform: scaleX(1); }
.ohero__title .omark > i { font-style: normal; transition: color 0.3s ease 1.05s; }
.ohero__title.play .omark > i { color: var(--ink); }
.ohero__sub { max-width: 56ch; margin: 26px auto 0; color: var(--w-70); font-size: clamp(15px, 1.35vw, 18px); }
.ohero__ctas { margin-top: 34px; display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.ohero__proof { margin: 22px auto 0; display: flex; gap: 10px 26px; justify-content: center; flex-wrap: wrap; padding: 0; }
.ohero__proof span { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--w-50); }
.ohero__proof b { color: var(--yellow); font-weight: 500; margin-right: 6px; }

/* foto do painel no hero (fundida ao fundo da seção) */
.heroshot {
  position: relative; margin: clamp(26px, 3.5vw, 48px) 0 0; width: 100%;
  opacity: 0; translate: 0 48px; scale: 1.04; filter: blur(8px);
  transition: opacity 1.1s var(--ease) 0.4s, translate 1.1s var(--ease) 0.4s, scale 1.35s var(--ease) 0.4s, filter 1s ease 0.5s;
  will-change: translate, scale, filter;
}
.heroshot.in { opacity: 1; translate: 0 0; scale: 1; filter: none; }
.heroshot img { width: 100%; height: auto; display: block; }
.heroshot figcaption { margin-top: 2px; text-align: center; color: var(--w-50); }

/* KPI cards em glass espalhados sobre a foto do tablet (entrada escalonada) */
.heroarea { position: relative; margin-top: clamp(26px, 3.5vw, 48px); }
.heroarea .heroshot { margin-top: 0; }
.kpirow { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.kwrap { position: absolute; width: clamp(206px, 17vw, 258px); }
.kcard {
  position: relative; width: 100%; border-radius: 18px;
  background: rgb(26 28 36 / 0.42);
  border: 1px solid rgb(255 255 255 / 0.16);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), 0 24px 48px rgb(0 0 0 / 0.5);
  backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%);
  opacity: 0; translate: 0 34px; scale: 0.9; filter: blur(6px);
  transition: opacity 0.9s var(--ease) var(--kd, 0.6s), translate 0.9s var(--ease) var(--kd, 0.6s), scale 1s var(--ease) var(--kd, 0.6s), filter 0.8s ease calc(var(--kd, 0.6s) + 0.08s);
  will-change: translate, scale, filter, transform;
  animation: kfloat 7.5s ease-in-out var(--kf, 0s) infinite alternate;
}
.kpirow.in .kcard { opacity: 1; translate: 0 0; scale: var(--ks, 1); filter: none; }
.k1 { left: 3.5%; top: 5%; rotate: -2deg; }
.k2 { left: 58%; top: 6%; rotate: 1.6deg; }
.k3 { left: 8.5%; top: 58%; rotate: 1.4deg; }
.k4 { right: 4.5%; top: 44%; rotate: -1.8deg; }
.kf { padding: clamp(13px, 1.5vw, 19px) clamp(14px, 1.6vw, 20px) clamp(12px, 1.4vw, 17px); }
@keyframes kfloat { from { transform: translateY(0); } to { transform: translateY(-5px); } }
.kcard header { display: flex; align-items: center; gap: 8px; color: rgb(255 255 255 / 0.66); }
.kcard header svg { width: 14px; height: 14px; flex: none; }
.kcard header span { font-family: var(--mono); font-size: 9.5px; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kbar { width: 3px; height: 15px; border-radius: 99px; background: var(--kc, #fff); flex: none; }
.kchev { margin-left: auto; color: rgb(255 255 255 / 0.4); display: flex; }
.kcard strong { display: block; margin-top: 10px; font-weight: 700; font-size: clamp(21px, 2vw, 30px); letter-spacing: -0.02em; line-height: 1; color: #f5f5f7; white-space: nowrap; }
.kcard em { font-style: normal; display: block; margin-top: 7px; font-family: var(--mono); font-size: 10.5px; color: rgb(255 255 255 / 0.55); }
.kcard em.up { color: var(--green); }
.kcard header, .kcard em { opacity: 0; translate: 0 10px; transition: opacity 0.6s var(--ease), translate 0.6s var(--ease); }
.kpirow.in .kcard header { opacity: 1; translate: 0 0; transition-delay: calc(var(--kd, 0.6s) + 0.18s); }
.kpirow.in .kcard em { opacity: 1; translate: 0 0; transition-delay: calc(var(--kd, 0.6s) + 0.5s); }
.kcard--hot { border-color: rgb(255 230 0 / 0.6); box-shadow: 0 0 0 1px rgb(255 230 0 / 0.22), 0 0 30px rgb(255 230 0 / 0.14), 0 22px 44px rgb(0 0 0 / 0.5); }
@media (max-width: 960px) {
  .kpirow { position: relative; inset: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: min(1200px, 100% - 40px); margin: 0 auto calc(-1 * clamp(52px, 9vw, 84px)); pointer-events: auto; }
  .kwrap { position: relative; inset: auto; width: auto; rotate: none; }
  .kpirow.in .kcard { scale: 1; }
}
@media (max-width: 480px) {
  .kcard strong { font-size: 19px; }
  .kcard header span { font-size: 9px; letter-spacing: 0.05em; }
  .kchev { display: none; }
}
/* ticker marquee */
.marq { margin-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--w-14); border-bottom: 1px solid var(--w-14); overflow: hidden; background: var(--dark-2); padding-bottom: clamp(18px, 2.5vw, 30px); /* compensa a folha seguinte que sobe sobre a faixa */ }
.marq__track { display: flex; width: max-content; animation: marq 50s linear infinite; }
.marq__seq { display: flex; align-items: center; flex: none; }
.marq__seq span { font-family: var(--display); text-transform: uppercase; font-size: clamp(20px, 2.4vw, 34px); letter-spacing: 0.02em; padding: 15px 26px; white-space: nowrap; color: var(--light); line-height: 1; transform: translateY(-0.05em); }
@supports (text-box: trim-both cap alphabetic) {
  .marq__seq span { text-box: trim-both cap alphabetic; transform: none; padding: 16px 26px; }
}
.marq__seq em { font-style: normal; color: var(--yellow); font-size: clamp(14px, 1.6vw, 22px); line-height: 1; }
@keyframes marq { to { transform: translateX(-50%); } }

/* ---------- credibilidade (faixa amarela) ---------- */
.cred { background: var(--yellow); color: var(--ink); padding: clamp(78px, 10vw, 130px) 0; position: relative; overflow: hidden; }
.cred__inner { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.cred__stamp {
  width: clamp(104px, 11vw, 150px); aspect-ratio: 1; flex: none;
  background: var(--ink); border-radius: 26px; display: grid; place-items: center;
  transform: rotate(-7deg); box-shadow: 0 22px 44px rgb(16 16 16 / 0.28);
}
.cred__stamp img { width: 58%; }
.cred__title { font-size: clamp(30px, 4.4vw, 62px); max-width: 18ch; }
.cred__copy { max-width: 62ch; margin: 18px 0 0; color: rgb(16 16 16 / 0.78); font-size: clamp(15px, 1.3vw, 17.5px); }
.cred__foot { margin-top: 26px; display: flex; gap: 12px 26px; flex-wrap: wrap; color: rgb(16 16 16 / 0.62); }
.cred__foot .label::before { content: "✦ "; }
@media (max-width: 760px) { .cred__inner { grid-template-columns: minmax(0, 1fr); } .cred__stamp { margin-bottom: 6px; } }

/* ---------- dores (pilha sticky) ---------- */
.pains { background: var(--light); color: var(--ink); padding: clamp(84px, 11vw, 150px) 0 clamp(60px, 8vw, 110px); }
.pains__head { max-width: none; }
.pains__head .label { color: var(--i-50); }
.pains__title {
  font-size: clamp(46px, 9vw, 160px); line-height: 0.98; margin-top: 16px;
  transform-origin: 0 60%; will-change: transform, filter, opacity;
}
.pains__title .pmark { position: relative; z-index: 0; padding: 0 0.12em; }
.pains__title .pmark::before {
  content: ""; position: absolute; inset: 7% -0.02em 5%; z-index: -1;
  background: var(--yellow); rotate: -1deg;
  transform: scaleX(0); transform-origin: 0 50%;
  transition: transform 0.55s var(--ease) 0.12s;
}
.pains__head.settled .pmark::before { transform: scaleX(1); }
.parrow {
  display: inline-block; vertical-align: -0.52em; margin-left: 0.14em;
  height: 1.05em; width: auto; overflow: visible;
  rotate: 6deg;
}
.parrow path {
  fill: none; stroke: var(--ink); stroke-width: 7; stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 1; stroke-dashoffset: 1;
}
.pains__head.settled .parrow .parrow-c { transition: stroke-dashoffset 0.6s var(--ease) 0.6s; stroke-dashoffset: 0; }
.pains__head.settled .parrow .parrow-h { transition: stroke-dashoffset 0.3s var(--ease) 1.12s; stroke-dashoffset: 0; }
.parrow .parrow-c, .parrow .parrow-h { transition: stroke-dashoffset 0.3s ease; }
/* deck travado: a seção pina, o card do centro fica "ativo" (estilo do hover) */
.deck { position: relative; height: calc(110svh + 5 * 58svh); margin-top: clamp(20px, 3vw, 36px); }
.deck__sticky { position: sticky; top: 0; height: 100svh; min-height: 560px; display: flex; align-items: center; overflow: hidden; }
.deck__area { position: relative; display: grid; }
.scard {
  grid-area: 1 / 1;
  color: var(--white);
  background: linear-gradient(165deg, rgb(13 14 22 / 0.78), rgb(13 14 22 / 0.62));
  -webkit-backdrop-filter: blur(16px) saturate(1.25);
  backdrop-filter: blur(16px) saturate(1.25);
  border: 1px solid rgb(255 255 255 / 0.16);
  border-radius: 20px; padding: clamp(24px, 3.6vw, 46px) clamp(22px, 3.6vw, 50px);
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px 34px; align-items: center;
  min-height: clamp(180px, 24vw, 260px);
  box-shadow: 0 -14px 40px rgb(13 14 22 / 0.2), inset 0 1px 0 rgb(255 255 255 / 0.14);
  opacity: 0; transform: translateY(70px) scale(0.94);
  transition: transform 0.65s var(--ease), opacity 0.5s ease, background 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;
  will-change: transform, opacity;
}
.scard--alt { background: linear-gradient(165deg, rgb(18 19 29 / 0.82), rgb(18 19 29 / 0.66)); }
.scard:hover, .scard.is-active {
  background: linear-gradient(165deg, rgb(255 230 0 / 0.86), rgb(255 214 0 / 0.72));
  border-color: rgb(16 16 16 / 0.22);
  box-shadow: 0 -14px 46px rgb(255 230 0 / 0.3), inset 0 1px 0 rgb(255 255 255 / 0.55);
}
.scard h3 { font-family: var(--display); font-weight: 400; text-transform: uppercase; font-size: clamp(20px, 2.6vw, 36px); letter-spacing: 0.01em; margin: 0 0 10px; line-height: 1.1; transition: color 0.35s ease; }
.scard h3 mark { background: var(--yellow); color: var(--ink); padding: 0 0.14em; }
.scard p { margin: 0; color: var(--w-70); max-width: 54ch; font-size: clamp(14px, 1.25vw, 16.5px); transition: color 0.35s ease; }
.scard:hover h3, .scard.is-active h3 { color: var(--ink); }
.scard:hover p, .scard.is-active p { color: rgb(16 16 16 / 0.75); }
.scard .num {
  font-family: var(--display); font-size: clamp(56px, 9vw, 140px); line-height: 0.9;
  color: transparent; -webkit-text-stroke: 2px var(--w-50); user-select: none;
  transition: color 0.4s ease, -webkit-text-stroke-color 0.4s ease;
}
.scard:hover .num, .scard.is-active .num { color: var(--ink); -webkit-text-stroke-color: var(--ink); }
.deck__count { position: absolute; left: 50%; translate: -50% 0; bottom: 22px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.2em; color: var(--i-50); }
.deck__count b { color: var(--ink); font-weight: 500; }
@media (max-width: 640px) { .scard { grid-template-columns: minmax(0, 1fr); } .scard .num { order: -1; font-size: 48px; -webkit-text-stroke-width: 1.5px; } }

/* ---------- distribuição (bento) ---------- */
.dist { background: var(--dark); padding: clamp(84px, 11vw, 150px) 0; position: relative; overflow: clip; }
.dist__bgv { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.dist__bgvstick { position: sticky; top: 0; height: 100svh; display: grid; place-items: center; }
.dist__bgv video {
  width: 100%; height: auto; display: block;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 16%, #000 84%, transparent), linear-gradient(90deg, transparent, #000 11%, #000 89%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(180deg, transparent, #000 16%, #000 84%, transparent), linear-gradient(90deg, transparent, #000 11%, #000 89%, transparent);
  mask-composite: intersect;
}
.dist__bgv::after { content: ""; position: absolute; inset: 0; background: rgb(13 14 22 / 0.3); }
@media (max-width: 960px) {
  .dist__bgv video { height: 100%; object-fit: cover; }
}
.dist > :not(.dist__bgv) { position: relative; z-index: 1; }
.dist__head { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 26px 60px; align-items: end; }
.dist__head .d1 { font-size: clamp(32px, 4.6vw, 68px); }
.dist__head p { margin: 0; color: var(--w-70); font-size: clamp(14.5px, 1.3vw, 17px); }
/* ecossistema — Modelo 4: conectores das fontes ao hub do evento */
.eco { position: relative; height: 340svh; margin-top: clamp(10px, 2vw, 26px); }
.eco__sticky { position: sticky; top: 0; height: 100svh; min-height: 620px; display: flex; align-items: center; overflow: hidden; }
.eco__col { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(10px, 1.8svh, 20px); width: 100%; padding: 64px 0 48px; }
.eco__phase { position: relative; min-height: clamp(140px, 19svh, 178px); width: min(760px, 94vw); text-align: center; perspective: 1000px; }
.ephase {
  position: absolute; inset: 0; opacity: 0; pointer-events: none;
  transform: rotateX(-80deg) translateY(20px);
  transform-origin: 50% 55%; backface-visibility: hidden;
  transition: opacity 0.42s var(--ease), transform 0.6s var(--ease);
  will-change: transform, opacity;
}
.ephase.from-down { transform: rotateX(-80deg) translateY(20px); }
.ephase.from-up { transform: rotateX(80deg) translateY(-20px); }
.ephase.out-down { transform: rotateX(-80deg) translateY(20px); opacity: 0; }
.ephase.out-up { transform: rotateX(80deg) translateY(-20px); opacity: 0; }
.ephase.snap { transition: none !important; }
.ephase.on { opacity: 1; transform: rotateX(0) translateY(0); transition: opacity 0.5s var(--ease) 0.14s, transform 0.66s var(--ease) 0.14s; pointer-events: auto; }
.ephase .label { color: var(--yellow); }
.ephase h3 { font-family: var(--display); font-weight: 400; text-transform: uppercase; font-size: clamp(24px, 2.6vw, 38px); margin: 10px auto 10px; line-height: 1.06; max-width: 26ch; }
.ephase p { margin: 0 auto; color: var(--w-70); font-size: clamp(13.5px, 1.15vw, 15.5px); max-width: 58ch; }
.eco__hint { position: absolute; left: 50%; bottom: 22px; translate: -50% 0; color: var(--w-50); font-family: var(--mono); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; }
.eco4 .stage4 { position: relative; height: min(51svh, 540px); aspect-ratio: 1 / 0.62; max-width: 96vw; margin-inline: auto; }
.wavecv { position: absolute; inset: 0; width: 100%; height: 100%; }
.linksvg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; overflow: visible; }
.icard {
  position: absolute; left: 2%; z-index: 4; display: flex; align-items: center; gap: 12px;
  width: clamp(210px, 31%, 280px); padding: 11px 14px;
  background: linear-gradient(165deg, rgb(255 255 255 / 0.12), rgb(255 255 255 / 0.04));
  -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
  border: 1px solid rgb(255 255 255 / 0.16); border-radius: 16px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 14px 34px rgb(0 0 0 / 0.4);
  opacity: 0; transform: translateX(-26px); filter: saturate(0.5);
  transition: opacity 0.55s var(--ease), transform 0.55s var(--ease), filter 0.55s ease, border-color 0.45s ease, box-shadow 0.45s ease;
}
.icard.on { opacity: 0.55; transform: none; filter: none; }
.icard.on.is-active {
  opacity: 1;
  border-color: rgb(255 230 0 / 0.55);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 14px 34px rgb(0 0 0 / 0.4), 0 0 0 1px rgb(255 230 0 / 0.22), 0 0 32px rgb(255 230 0 / 0.18);
}
.icard__ic {
  width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; flex: none;
  background: rgb(13 14 22 / 0.72); border: 1px solid rgb(255 255 255 / 0.14);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.1);
}
.icard__ic img { width: 23px; height: 23px; object-fit: contain; }
.avslide { position: relative; width: 30px; height: 30px; }
.avslide img { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; opacity: 0; transform: translateX(9px) scale(0.9); transition: opacity 0.4s var(--ease), transform 0.5s var(--ease); }
.avslide img.cur { opacity: 1; transform: none; }
.avslide img.prev { opacity: 0; transform: translateX(-9px) scale(0.9); }
.icard b { display: block; font-weight: 600; font-size: clamp(12px, 1.05vw, 14.5px); line-height: 1.25; letter-spacing: 0.01em; }
.icard small { display: block; font-family: var(--mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--w-50); margin-top: 2px; }
.icard__beam { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.icard__beam rect {
  x: 0.5px; y: 0.5px; width: calc(100% - 1px); height: calc(100% - 1px); rx: 15.5px;
  fill: none; stroke: #fff; stroke-width: 1.1; stroke-linecap: round;
  opacity: 0; transition: opacity 0.5s ease 0.45s;
}
.icard__beam .b1 { stroke-dasharray: 7 93; }
.icard__beam .b2 { stroke-dasharray: 15 85; }
.icard__beam .b3 { stroke-dasharray: 26 74; }
.icard.on .icard__beam .b1 { opacity: 0.85; filter: drop-shadow(0 0 4px rgb(255 255 255 / 0.28)); animation: beam-a 3.6s linear infinite; }
.icard.on .icard__beam .b2 { opacity: 0.3; animation: beam-b 3.6s linear infinite; }
.icard.on .icard__beam .b3 { opacity: 0.12; animation: beam-c 3.6s linear infinite; }
.icard.is-active .icard__beam rect { stroke: var(--yellow); }
.icard.is-active .icard__beam .b1 { opacity: 1; filter: drop-shadow(0 0 5px rgb(255 230 0 / 0.65)); }
.icard.is-active .icard__beam .b2 { opacity: 0.42; }
.icard.is-active .icard__beam .b3 { opacity: 0.18; }
#ic-1 .icard__beam rect { animation-delay: -0.9s; }
#ic-2 .icard__beam rect { animation-delay: -1.8s; }
#ic-3 .icard__beam rect { animation-delay: -2.7s; }
@keyframes beam-a { from { stroke-dashoffset: -19; } to { stroke-dashoffset: -119; } }
@keyframes beam-b { from { stroke-dashoffset: -11; } to { stroke-dashoffset: -111; } }
@keyframes beam-c { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -100; } }
.lbase { fill: none; stroke: rgb(255 230 0 / 0.55); stroke-width: 1.6; filter: drop-shadow(0 0 6px rgb(255 230 0 / 0.3)); transition: stroke-dashoffset 0.9s var(--ease), stroke 0.45s ease; }
.lflow { fill: none; stroke: rgb(255 230 0 / 0.9); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 2 16; opacity: 0; transition: opacity 0.5s ease 0.55s, stroke 0.45s ease; animation: linkflow 1.15s linear infinite; }
g.link.on .lflow { opacity: 0.85; }
g.link.dim .lbase { stroke: rgb(255 255 255 / 0.26); filter: none; }
g.link.dim .lflow { stroke: rgb(255 255 255 / 0.6); opacity: 0.28; }
g.link.dim .lnode { fill: rgb(255 255 255 / 0.5); }
g.link.dim .lhalo { animation: none; opacity: 0; }
@keyframes linkflow { to { stroke-dashoffset: -18; } }
.lnode { fill: rgb(255 255 255 / 0.3); opacity: 0; transition: fill 0.3s ease, opacity 0.3s ease; }
g.link.on .lnode { fill: var(--yellow); opacity: 1; }
.lhalo { fill: none; stroke: var(--yellow); stroke-width: 1.2; opacity: 0; transform-box: fill-box; transform-origin: center; }
g.link.on .lhalo { animation: lhalo 1.8s ease-out infinite; }
@keyframes lhalo { 0% { opacity: 0.55; transform: scale(0.5); } 70%, 100% { opacity: 0; transform: scale(2.1); } }
.hub {
  position: absolute; z-index: 4; left: 58%; top: 50%; translate: 0 -50%;
  width: clamp(96px, 15vw, 128px); aspect-ratio: 1; border-radius: 26px; display: grid; place-items: center;
  background: linear-gradient(165deg, rgb(18 19 29 / 0.78), rgb(13 14 22 / 0.52));
  -webkit-backdrop-filter: blur(16px) saturate(1.25); backdrop-filter: blur(16px) saturate(1.25);
  border: 1px solid rgb(255 255 255 / 0.18);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 16px 40px rgb(0 0 0 / 0.45);
  transition: box-shadow 0.6s ease, border-color 0.6s ease;
}
.hub img { width: 60%; filter: brightness(1.12); transition: filter 0.6s ease; }
.hub.lit { border-color: rgb(255 230 0 / 0.5); box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 16px 40px rgb(0 0 0 / 0.45), 0 0 34px rgb(255 230 0 / var(--hglow, 0.16)), 0 0 92px rgb(255 230 0 / calc(var(--hglow, 0.16) * 0.6)); }
.hub.lit img { filter: brightness(1.12) drop-shadow(0 0 14px rgb(255 230 0 / 0.35)); }
.hub__tag { position: absolute; top: calc(100% + 10px); left: 50%; translate: -50% 0; font-family: var(--mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--w-50); white-space: nowrap; }
.hubout {
  position: absolute; z-index: 4; left: calc(58% + clamp(96px, 15vw, 128px) + 46px); top: 50%; translate: 0 -50%;
  text-align: center; padding: 9px 15px 10px; border-radius: 14px;
  background: linear-gradient(165deg, rgb(255 255 255 / 0.12), rgb(255 255 255 / 0.04));
  -webkit-backdrop-filter: blur(13px) saturate(1.2); backdrop-filter: blur(13px) saturate(1.2);
  border: 1px solid rgb(255 255 255 / 0.16); box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), 0 14px 32px rgb(0 0 0 / 0.38);
  opacity: 0; transition: opacity 0.5s ease 0.4s;
}
.hubout.on { opacity: 1; }
.hubout b { display: block; font-family: var(--mono); font-weight: 500; font-size: clamp(15px, 1.5vw, 20px); letter-spacing: -0.01em; }
.hubout small { display: block; font-family: var(--mono); font-size: 8.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green); margin-top: 3px; }
@media (max-width: 960px) {
  .dist__head { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .eco { height: 300svh; }
  .eco__sticky { min-height: 560px; }
  .eco__col { gap: 12px; padding: 66px 0 52px; }
  .eco__phase { min-height: 140px; }
  .ephase p { font-size: 13.5px; }
  .eco4 .stage4 { width: min(94vw, 460px); height: auto; max-width: none; aspect-ratio: 1 / 1.05; }
  .icard { width: min(48%, 200px); padding: 8px 10px; gap: 8px; border-radius: 12px; }
  .icard__ic { width: 30px; height: 30px; border-radius: 8px; }
  .icard__ic img { width: 18px; height: 18px; }
  .icard b { font-size: 11.5px; }
  .icard small { font-size: 7.5px; }
  .icard__beam rect { rx: 11.5px; }
  .avslide { width: 22px; height: 22px; }
  .avslide img { width: 100%; height: 100%; }
  .hub { left: 60%; width: 84px; border-radius: 18px; }
  .hubout { display: none; }
}

/* ---------- tecnologia + operação (3 colunas com régua) ---------- */
.tech { background: #f7f6f6 url("../assets/tech-bg.webp") center / cover no-repeat; color: var(--ink); padding: clamp(84px, 11vw, 150px) 0; }
.tech .d1 { font-size: clamp(32px, 4.6vw, 68px); max-width: 16ch; }
.tech__cols { margin-top: clamp(36px, 5vw, 60px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(22px, 3.5vw, 54px); }
.tcol {
  position: relative; padding: 24px 26px 26px; border-radius: 20px;
  background: rgb(255 255 255 / 0.46);
  border: 1px solid rgb(255 255 255 / 0.72);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.85), 0 18px 42px rgb(16 16 16 / 0.09);
  backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%);
}
.tcol::after { content: ""; position: absolute; top: 0; left: 26px; right: 26px; height: 2px; border-radius: 99px; background: var(--ink); }
.tcol::before { content: ""; position: absolute; top: 0; left: 26px; width: 0; height: 2px; border-radius: 99px; background: var(--yellow); transition: width 0.6s var(--ease); z-index: 1; }
.tcol:hover::before { width: calc(100% - 52px); }
.tcol .label { color: var(--i-50); }
.tcol h3 { font-family: var(--display); font-weight: 400; text-transform: uppercase; font-size: clamp(22px, 2.4vw, 32px); margin: 10px 0 10px; }
.tcol p { margin: 0; color: var(--i-70); font-size: 15px; }
@media (max-width: 760px) { .tech__cols { grid-template-columns: minmax(0, 1fr); } }

/* ---------- faixa comercial (meio de página) ---------- */
.ctaband { background: var(--yellow); color: var(--ink); padding: clamp(56px, 7vw, 92px) 0; }
.ctaband__in { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px 46px; align-items: center; }
.ctaband h2 { font-size: clamp(26px, 3.6vw, 52px); max-width: 18ch; }
.ctaband p { margin: 10px 0 0; color: rgb(16 16 16 / 0.72); font-size: clamp(14px, 1.25vw, 16.5px); }
.ctaband__btns { display: flex; gap: 12px; flex-wrap: wrap; }
@media (max-width: 860px) { .ctaband__in { grid-template-columns: minmax(0, 1fr); } }

/* ---------- barra sticky de conversão ---------- */
.stickycta {
  position: fixed; left: 50%; bottom: 16px; z-index: 60;
  display: flex; align-items: center; gap: 18px;
  background: rgb(13 14 22 / 0.92); backdrop-filter: blur(12px);
  border: 1px solid var(--w-14); border-radius: 999px; padding: 8px 8px 8px 22px;
  box-shadow: 0 18px 48px rgb(0 0 0 / 0.5);
  transform: translate(-50%, 140%); transition: transform 0.55s var(--ease);
  max-width: calc(100vw - 24px);
}
.stickycta.show { transform: translate(-50%, 0); }
.stickycta__txt { font-size: 13.5px; color: var(--w-70); white-space: nowrap; }
.stickycta__txt b { color: var(--white); }
.stickycta .btn { white-space: nowrap; }
@media (max-width: 640px) { .stickycta__txt { display: none; } .stickycta { padding: 8px; } }

/* ---------- escala (muro de countups) ---------- */
.scale { background: var(--dark); padding: clamp(84px, 11vw, 150px) 0; text-align: center; }
.scale .label { color: var(--w-50); }
.scale__grid { margin-top: clamp(36px, 5vw, 58px); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 12px; }
.snum strong {
  display: block; font-family: var(--display); font-weight: 400;
  font-size: clamp(44px, 6.6vw, 108px); line-height: 0.95; letter-spacing: 0.01em;
  color: var(--white);
  transition: color 0.45s ease;
  white-space: nowrap;
}
.snum:hover strong { color: var(--yellow); }
.snum .label { display: block; margin-top: 12px; color: var(--w-50); }
.scale__copy { max-width: 58ch; margin: clamp(40px, 5vw, 60px) auto 0; color: var(--w-70); font-size: clamp(14.5px, 1.3vw, 17px); }
.scale__copy strong { color: var(--white); font-weight: 600; }
@media (max-width: 760px) { .scale__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 8px; } }

/* ---------- passos (timeline com linha progressiva) ---------- */
.steps { background: var(--light); color: var(--ink); padding: clamp(84px, 11vw, 150px) 0; }
.steps__head { max-width: 880px; }
.steps__head .label { color: var(--i-50); }
.steps__head .d1 { font-size: clamp(32px, 4.8vw, 70px); margin-top: 14px; }
.steps__head p { color: var(--i-70); max-width: 60ch; margin: 18px 0 0; }
.tl { position: relative; margin-top: clamp(40px, 5vw, 64px); padding-left: clamp(30px, 4vw, 46px); display: grid; gap: clamp(32px, 4vw, 50px); }
.tl__rail { position: absolute; left: 9px; top: 6px; bottom: 6px; width: 2px; background: var(--i-14); }
.tl__prog { position: absolute; left: 9px; top: 6px; width: 2px; height: calc(100% - 12px); background: var(--ink); transform: scaleY(0); transform-origin: 0 0; }
.tstep { position: relative; max-width: 640px; }
.tstep::before {
  content: ""; position: absolute; left: calc(-1 * clamp(30px, 4vw, 46px) + 3px); top: 6px;
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--light); border: 2px solid var(--ink);
  transition: background 0.3s ease 0.2s;
}
.tstep.in::before { background: var(--yellow); }
.tstep .label { color: var(--i-50); }
.tstep h3 { font-family: var(--display); font-weight: 400; text-transform: uppercase; font-size: clamp(21px, 2.4vw, 32px); margin: 8px 0 8px; }
.tstep p { margin: 0; color: var(--i-70); font-size: 15px; }
.steps__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr); gap: clamp(28px, 5vw, 76px); align-items: end; }
.steps__side { align-self: stretch; display: flex; align-items: flex-end; justify-content: center; }
.steps__persona {
  width: min(100%, 440px); height: auto; display: block;
  margin-bottom: calc(-1 * clamp(84px, 11vw, 150px));
  filter: drop-shadow(0 26px 44px rgb(16 16 16 / 0.16));
}
@media (max-width: 900px) {
  .steps__grid { grid-template-columns: minmax(0, 1fr); }
  .steps__side { margin-top: 14px; }
  .steps__persona { width: min(72vw, 340px); }
}

/* ---------- CTA final + formulário ---------- */
.signup {
  background:
    linear-gradient(180deg, rgb(13 14 22 / 0.93), rgb(13 14 22 / 0.76) 45%, rgb(13 14 22 / 0.88)),
    url("../assets/signup-bg.webp") center / cover no-repeat var(--dark);
  padding: clamp(84px, 11vw, 150px) 0;
}
.signup__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 90px); align-items: start; }
.signup__kicker { color: var(--w-70); font-size: clamp(15px, 1.4vw, 18px); max-width: 46ch; margin: 0 0 18px; }
.signup__title { font-size: clamp(38px, 5.6vw, 88px); }
.signup__title .omark { position: relative; z-index: 0; padding: 0 0.06em; }
.signup__title .omark::before { content: ""; position: absolute; inset: 22% -0.02em 15%; z-index: -1; background: var(--yellow); rotate: -1.2deg; }
.signup__title .omark i { font-style: normal; color: var(--ink); }
.signup__sub { color: var(--w-70); margin: 20px 0 0; max-width: 46ch; }
.signup__wa { margin-top: 26px; display: inline-flex; align-items: center; gap: 8px; color: var(--white); font-weight: 600; font-size: 14.5px; text-decoration: none; border-bottom: 2px solid var(--yellow); padding-bottom: 3px; }
.signup__wa:hover { color: var(--yellow); }
.signup__panel { position: relative; perspective: 1400px; }
.formflip { position: relative; transform-style: preserve-3d; transition: transform 0.85s var(--ease); }
.signup__panel.is-flipped .formflip { transform: rotateY(180deg); }
.fface { border-radius: 22px; }
.fface--front {
  position: relative; backface-visibility: hidden; -webkit-backface-visibility: hidden;
  background: rgb(10 11 16 / 0.55); border: 1px solid rgb(255 255 255 / 0.14);
  padding: clamp(24px, 3vw, 38px);
  backdrop-filter: blur(18px) saturate(135%); -webkit-backdrop-filter: blur(18px) saturate(135%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 26px 60px rgb(0 0 0 / 0.45);
}
.fface--back {
  position: absolute; inset: 0; transform: rotateY(180deg);
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
  background: var(--yellow); color: var(--ink); padding: clamp(28px, 3.4vw, 46px);
  display: grid; align-content: center; justify-items: start;
  box-shadow: 0 26px 60px rgb(0 0 0 / 0.45); overflow: hidden;
}
.fmsg { display: none; }
.signup__panel.is-ok .fmsg--ok { display: block; }
.signup__panel.is-err .fmsg--err { display: block; }
.fmsg h3 { font-family: var(--display); font-weight: 400; text-transform: uppercase; font-size: clamp(32px, 3.2vw, 46px); line-height: 1; margin: 0 0 14px; }
.fmsg p { font-family: var(--display); font-weight: 400; font-size: clamp(17px, 1.7vw, 23px); line-height: 1.38; letter-spacing: 0.01em; margin: 0; max-width: 26ch; }
.fwa {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 22px;
  background: var(--ink); color: var(--yellow); text-decoration: none;
  font-family: var(--display); font-weight: 400; text-transform: uppercase; font-size: clamp(14px, 1.2vw, 17px); letter-spacing: 0.05em;
  padding: 14px 24px; border-radius: 999px; transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease);
}
.fwa:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgb(16 16 16 / 0.3); }
.fx { position: absolute; top: 14px; right: 14px; width: 56px; height: 56px; background: none; border: 0; color: var(--ink); cursor: pointer; padding: 8px; z-index: 1; }
.fx svg { width: 100%; height: 100%; display: block; }
.fx line { stroke-dasharray: 20.2; stroke-dashoffset: 0; }
.fx:hover .l1, .fx:focus-visible .l1 { animation: xdraw 0.45s var(--ease) both; }
.fx:hover .l2, .fx:focus-visible .l2 { animation: xdraw 0.45s var(--ease) 0.22s both; }
@keyframes xdraw { from { stroke-dashoffset: 20.2; } to { stroke-dashoffset: 0; } }
.field { margin-bottom: 16px; }
.field label { display: block; font-size: 12.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--w-70); margin-bottom: 7px; }
.field label small { text-transform: none; letter-spacing: 0; font-weight: 400; color: var(--w-50); }
.field input {
  width: 100%; background: var(--dark); color: var(--white);
  border: 1px solid var(--w-14); border-radius: 12px; padding: 14px 16px;
  font-family: var(--sans); font-size: 15px; outline: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.field input:focus { border-color: var(--yellow); box-shadow: 0 0 0 3px rgb(255 230 0 / 0.14); }
.field.has-error input { border-color: #ff5a5a; }
.field .err { display: none; margin-top: 6px; font-size: 12.5px; color: #ff8080; }
.field.has-error .err { display: block; }
.signup__panel .btn { width: 100%; margin-top: 6px; }
.signup__legal { margin: 14px 0 0; font-size: 12px; color: var(--w-50); text-align: center; }
@media (max-width: 900px) { .signup__grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------- footer ---------- */
.footer { background: var(--dark); border-top: 1px solid var(--w-14); padding: 50px 0 90px; overflow: hidden; }
.footer__row { display: flex; gap: 16px 30px; flex-wrap: wrap; align-items: center; justify-content: space-between; color: var(--w-50); font-size: 13px; }
.footer__row a { color: var(--w-70); text-decoration: none; }
.footer__row a:hover { color: var(--yellow); }
.footer__mark { margin-top: 46px; color: var(--w-14); }
.footer__mark .logo-svg { width: 100%; height: auto; }

.logo-svg--big { fill: currentColor; }

/* ---------- motion global: palavras, folhas e pilha de seções ---------- */
.wsplit .w { display: inline-block; overflow: hidden; vertical-align: bottom; padding: 0.16em 0.03em 0.1em; margin: -0.16em -0.03em -0.1em; }
.wsplit .w > span { display: inline-block; transform: translateY(116%); transition: transform 0.72s var(--ease); will-change: transform; }
.wsplit.ws-in .w > span { transform: none; }
.sheet { position: relative; z-index: 2; border-radius: clamp(20px, 3vw, 34px) clamp(20px, 3vw, 34px) 0 0; margin-top: calc(-1 * clamp(18px, 2.5vw, 30px)); box-shadow: 0 -22px 48px rgb(0 0 0 / 0.25); }
.pile { position: relative; }
.pile > section { position: sticky; top: 0; transform-origin: 50% 16%; will-change: transform, filter; }
.pile > section:last-child { position: relative; }
.zin { opacity: 0; scale: 0.95; translate: 0 26px; transition: opacity 0.85s var(--ease) var(--d, 0s), scale 0.95s var(--ease) var(--d, 0s), translate 0.95s var(--ease) var(--d, 0s); }
.zin.in { opacity: 1; scale: 1; translate: 0 0; }
@media (max-width: 960px) {
  .pile > section { position: static; transform: none !important; filter: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ap { opacity: 1; transform: none; transition: none; }
  .ohero__title .hline > span { transform: none; transition: none; }
  .ohero__title .omark::before { transform: scaleX(1); transition: none; }
  .ohero__title .omark > i { color: var(--ink); transition: none; }
  .marq__track { animation: none; }
  .dist__bgv { display: none; }
  .btn--solid { animation: none; }
  .heroshot { opacity: 1; translate: none; scale: none; filter: none; transition: none; }
  .kcard { opacity: 1; translate: none; scale: none; filter: none; transition: none; animation: none; }
  .kcard header, .kcard em { opacity: 1; translate: none; transition: none; }
  .kf { animation: none; }
  .formflip { transition: none; }
  .fx:hover .l1, .fx:hover .l2, .fx:focus-visible .l1, .fx:focus-visible .l2 { animation: none; }
  .tl__prog { transform: scaleY(1); }
  .pains__title { transform: none !important; filter: none !important; opacity: 1 !important; }
  .pains__head .pmark::before { transform: scaleX(1); transition: none; }
  .parrow path { stroke-dashoffset: 0 !important; transition: none !important; }
  .deck { height: auto; }
  .deck__sticky { position: static; height: auto; min-height: 0; overflow: visible; }
  .deck__area { display: grid; gap: 18px; }
  .scard { grid-area: auto; opacity: 1; transform: none; transition: none; }
  .deck__count { display: none; }
  .eco { height: auto; }
  .eco__sticky { position: static; height: auto; min-height: 0; padding: 20px 0 40px; overflow: visible; }
  .eco__phase { min-height: 0; display: grid; gap: 26px; }
  .ephase, .ephase.on, .ephase.out-up, .ephase.out-down, .ephase.from-up, .ephase.from-down { position: static; opacity: 1; transform: none; transition: none; pointer-events: auto; }
  .eco__hint { display: none; }
  .wsplit .w > span { transform: none; transition: none; }
  .zin { opacity: 1; scale: none; translate: none; transition: none; }
  .pile > section { position: static; transform: none !important; filter: none !important; }
  .icard { opacity: 1; transform: none; filter: none; transition: none; }
  .icard__beam { display: none; }
  .avslide img { transition: none; }
  .lflow, .lhalo { animation: none; }
  .hubout { opacity: 1; transition: none; }
  .stickycta { transition: none; }
}