/* In Move da referencia 8003; cores locais e conteudo compartilhado. */
:root {
  --inmove-orange: #ff7a22;
  --inmove-paper: #f4efe6;
  --inmove-fundo: #0b0b0d;
  --inmove-borda: #ffffff16;
  --inmove-aura-centro: #e5521226;
  --inmove-aura-borda: #8d250810;
  --inmove-relevo: #8c2c08;
  --inmove-brilho: #ff6a001a;
  --inmove-piso: #ec660924;
  --inmove-sombra: #00000050;
  --inmove-texto-suave: #c6bfb7;
  --inmove-pista: #ffffff26;
}
.inmove-section {
  --inmove-offset: 88px;
  padding-top: 0;
}
.inmove-summary { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: clamp(32px, 5vw, 72px); margin-bottom: 28px; }
.inmove-summary > * { min-width: 0; }
.inmove-summary__logo { width: 190px; max-width: 100%; margin: 20px 0 24px; line-height: 0; }
.inmove-summary__logo img { display: block; width: 100%; height: auto; }
.inmove-summary__slogan { font-size: clamp(28px, 3vw, 40px); font-weight: 700; letter-spacing: -.04em; line-height: 1.15; max-width: 15ch; margin: 0; }
.inmove-summary__details .descricao { margin: 0 0 24px; }
@media (max-width: 650px) { .inmove-summary { grid-template-columns: 1fr; gap: 28px; } }
.inmove-story {
  position: relative;
  margin-inline: calc(-1 * var(--espaco-6));
  background: var(--inmove-fundo);
  color: var(--inmove-paper);
  scroll-margin-top: var(--inmove-offset);
}
.inmove-story[data-animated="true"] { height: 235svh; }
.inmove-stage {
  position: relative;
  min-height: 650px;
  height: min(790px, calc(100svh - var(--inmove-offset)));
  padding: 74px 38px 96px;
  isolation: isolate;
  overflow: hidden;
  background: var(--inmove-fundo);
  border-block: 1px solid var(--inmove-borda);
}
.inmove-story[data-animated="true"] .inmove-stage { position: sticky; top: var(--inmove-offset); }
.inmove-copy { position: relative; z-index: 2; width: 38%; max-width: 470px; mix-blend-mode: lighten; }
.inmove-cta { max-width: 100%; margin-top: 24px; text-align: center; }
.inmove-cta:focus-visible { outline: 2px solid var(--inmove-paper); outline-offset: 5px; }
.inmove-copy .sobrancelha { font-size: .72rem; letter-spacing: .14em; white-space: normal; margin-bottom: 25px; }
.inmove-copy .sobrancelha::before { width: 22px; }
.inmove-wordmark { width: 205px; margin: 0 0 27px -17px; line-height: 0; }
.inmove-wordmark img { display: block; width: 100%; height: auto; mix-blend-mode: screen; }
.inmove-headline {
  font-family: Archivo, sans-serif; font-size: clamp(2.75rem, 5.1vw, 4.4rem);
  font-weight: 760; line-height: 1.03; letter-spacing: -.055em;
  max-width: 8em; margin: 0; text-wrap: balance;
}
.inmove-aura {
  position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(ellipse at 76% 42%, var(--inmove-aura-centro) 0%, var(--inmove-aura-borda) 30%, transparent 64%);
}
.inmove-visual { position: absolute; inset: 4% -1% 8% 37%; z-index: 1; pointer-events: none; }
.inmove-canvas { display: block; position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; }
.inmove-story[data-renderer="webgl"] .inmove-canvas { opacity: 1; }
.inmove-story[data-renderer="webgl"] .inmove-fallback { opacity: 0; }
.inmove-fallback {
  position: absolute; width: 74%; height: 84%; inset: 8% 13%;
  filter: drop-shadow(14px 18px 0 var(--inmove-relevo)) drop-shadow(0 20px 40px var(--inmove-brilho));
}
.inmove-floor {
  position: absolute; left: 13%; bottom: 7%; width: 74%; height: 14%;
  background: radial-gradient(ellipse, var(--inmove-piso), var(--inmove-sombra) 28%, transparent 67%); filter: blur(13px);
}
.inmove-controls { margin-top: 32px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.inmove-controls[hidden], .inmove-stage-footer[hidden] { display: none; }
.inmove-cue { display: flex; align-items: center; gap: 12px; margin: 0; min-height: 48px; color: var(--inmove-paper); font-size: .9rem; }
.inmove-cue svg { width: 22px; height: 30px; fill: none; stroke: var(--inmove-orange); stroke-width: 1.5; }
.inmove-motion {
  padding: 0; min-height: 26px; background: none; border: 0; color: var(--inmove-texto-suave);
  font: inherit; font-size: .75rem; cursor: pointer; text-decoration: underline; text-underline-offset: 4px;
}
.inmove-motion:focus-visible, .inmove-skip:focus-visible { outline: 2px solid var(--inmove-orange); outline-offset: 6px; }
.inmove-motion:disabled { opacity: .5; cursor: default; }
.inmove-stage-footer {
  position: absolute; bottom: 28px; left: 38px; right: 38px; z-index: 2;
  display: grid; grid-template-columns: 1fr 110px 1fr; align-items: center; gap: 30px;
  font-size: .73rem; color: var(--inmove-texto-suave);
}
.inmove-scroll-hint { display: flex; align-items: center; gap: 20px; }
.inmove-scroll-hint > span { color: var(--inmove-orange); font-size: 1.2rem; }
.inmove-progress { height: 2px; background: var(--inmove-pista); overflow: hidden; }
.inmove-progress > span { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; background: var(--inmove-orange); }
.inmove-skip { justify-self: end; text-decoration: none; color: var(--inmove-paper); padding-block: 12px; }
.inmove-skip span { margin-left: 14px; color: var(--inmove-orange); }
.inmove-details { padding-top: 48px; scroll-margin-top: calc(var(--inmove-offset) + 24px); }
.inmove-details .descricao { max-width: 62rem; }
.inmove-story[data-animated="false"] .inmove-scroll-hint { visibility: hidden; }
.inmove-story[data-animated="false"] .inmove-cue { visibility: hidden; }
@media (min-width: 1600px) {
  .inmove-stage { padding-top: 90px; }
  .inmove-headline { font-size: 4.6rem; }
}
@media (max-width: 900px) {
  .inmove-stage { padding-inline: 28px; }
  .inmove-copy { width: 42%; }
  .inmove-headline { font-size: 3.15rem; }
  .inmove-visual { left: 38%; right: -4%; }
  .inmove-stage-footer { left: 28px; right: 28px; grid-template-columns: 1fr 55px 1fr; gap: 18px; }
  .inmove-scroll-hint { gap: 10px; }
}
@media (max-width: 650px) {
  .inmove-section { --inmove-offset: 0px; }
  .inmove-story[data-animated="true"] { height: 200svh; }
  .inmove-stage { padding: 28px 24px 65px; height: max(650px, 100svh); min-height: 650px; }
  .inmove-copy { width: 100%; max-width: none; }
  .inmove-copy .sobrancelha { font-size: .61rem; margin-bottom: 14px; }
  .inmove-wordmark { width: 125px; margin: 0 0 12px -10px; }
  .inmove-headline { font-size: clamp(2.05rem, 9.2vw, 3.5rem); max-width: 12em; line-height: 1.03; }
  .inmove-visual { inset: 210px 0 160px; }
  .inmove-story--cta .inmove-visual { top: 290px; }
  .inmove-controls { position: absolute; top: max(420px, calc(100svh - 200px)); left: 0; right: 0; margin: 0; gap: 12px; align-items: center; }
  .inmove-cue { min-height: 44px; font-size: .78rem; }
  .inmove-motion { font-size: .69rem; }
  .inmove-stage-footer { bottom: 12px; left: 24px; right: 24px; grid-template-columns: 1fr auto; gap: 10px; font-size: .63rem; }
  .inmove-scroll-hint { max-width: 148px; line-height: 1.4; }
  .inmove-progress { position: absolute; bottom: 49px; left: 0; right: 0; height: 1px; }
  .inmove-skip span { margin-left: 5px; }
  .inmove-details { padding-top: 28px; }
  .inmove-fallback { width: 70%; height: 80%; inset: 10% 15%; }
}

@media (forced-colors: active) {
  .inmove-story, .inmove-stage { background: Canvas; color: CanvasText; }
  .inmove-visual, .inmove-aura, .inmove-floor, .inmove-controls, .inmove-progress { display: none; }
  .inmove-copy, .inmove-wordmark img { mix-blend-mode: normal; }
  .inmove-headline, .inmove-copy .sobrancelha { color: CanvasText; }
  .inmove-skip { color: LinkText; }
  .inmove-skip:focus-visible, .inmove-cta:focus-visible { outline-color: Highlight; }
}