/* ==========================================================================
   Vendedor de Máxima Performance · Playnee
   Paleta: azul da marca + noite (navy) + amanhecer (dourado e laranja).
   Tudo escala por --u (1% da largura de um palco 16:9 que cabe na tela).
   ========================================================================== */

:root {
  --brand: #0747d6;
  --brand-2: #2563eb;
  --navy: #0b1530;
  --navy-2: #172554;
  --sun: #f59e0b;
  --sun-2: #fb923c;
  --sun-soft: #fff4e0;
  --ink: #0f172a;
  --ink-2: #334155;
  --muted: #64748b;
  --line: #e6e8ee;
  --paper: #ffffff;
  --paper-2: #f6f8fc;

  /* cor do pilar atual (padrão: marca) */
  --p: var(--brand);
  --p-ink: var(--brand);

  --u: min(1vw, 1.7778vh);
  --pad-x: calc(var(--u) * 7);
  --pad-top: calc(var(--u) * 8);
  --pad-bottom: calc(var(--u) * 7.5);
  --radius: calc(var(--u) * 1.4);

  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --ease: cubic-bezier(.22, .8, .24, 1);
  --sombra: 0 calc(var(--u) * 1.4) calc(var(--u) * 3.6) rgba(15, 23, 42, .09);
  --ouro: linear-gradient(90deg, #fde68a, #f59e0b 55%, #fb923c);
}

/* pilares */
.p-lid { --p: #0747d6; --p-ink: #0747d6; }
.p-mot { --p: #f97316; --p-ink: #c2410c; }
.p-dad { --p: #059669; --p-ink: #047857; }

*,
*::before,
*::after { box-sizing: border-box; }

html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img { display: block; max-width: 100%; }
button { font: inherit; }
em { font-style: normal; }
ol, ul { margin: 0; padding: 0; list-style: none; }
figure { margin: 0; }

.ic {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}

/* ------------------------------------------------------------ tipografia -- */

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--u) * .8);
  font-size: calc(var(--u) * .92);
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--brand);
}

.eyebrow::before {
  content: '';
  width: calc(var(--u) * 2.4);
  height: calc(var(--u) * .28);
  border-radius: 99px;
  background: var(--ouro);
}

.eyebrow--sol { color: #fcd34d; }
.eyebrow--pilar { color: var(--p-ink); }
.eyebrow--pilar::before { background: var(--p); }

.display {
  margin: 0;
  font-family: var(--font-display);
  font-size: calc(var(--u) * 6.4);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.04em;
}

.title {
  margin: 0;
  max-width: 24ch;
  font-family: var(--font-display);
  font-size: calc(var(--u) * 3.7);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.03em;
}

.title em { color: var(--p-ink); }

.mega {
  margin: 0;
  font-family: var(--font-display);
  font-size: calc(var(--u) * 7);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -.045em;
}

.mega em { color: var(--brand); }

.lead {
  margin: 0;
  max-width: 44ch;
  font-size: calc(var(--u) * 1.6);
  line-height: 1.5;
  color: var(--ink-2);
}

.lead--claro { color: rgba(255, 255, 255, .86); }

.nota { margin: 0; font-size: calc(var(--u) * 1.1); color: var(--muted); }

.tag {
  align-self: flex-start;
  padding: calc(var(--u) * .45) calc(var(--u) * 1.2);
  border-radius: 99px;
  background: var(--navy);
  font-size: calc(var(--u) * .85);
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--paper);
}

.tag--sol { background: var(--ouro); color: var(--navy); }

.faixa {
  margin: 0;
  padding: calc(var(--u) * 1.5) calc(var(--u) * 2.4);
  border-radius: var(--radius);
  background: var(--navy);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.8);
  font-weight: 600;
  letter-spacing: -.015em;
  color: var(--paper);
}

.faixa em { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---------------------------------------------------------------- chrome -- */

.topbar {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(var(--u) * 6.4);
  padding: 0 var(--pad-x);
  pointer-events: none;
  transition: opacity .5s var(--ease), transform .5s var(--ease);
}

.topbar__brand {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 1.1);
  color: inherit;
  text-decoration: none;
  pointer-events: auto;
}

.topbar__brand img { height: calc(var(--u) * 1.7); width: auto; transition: filter .4s; }

.topbar__brand span,
.topbar__section {
  font-size: calc(var(--u) * .8);
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
  transition: color .4s;
}

.topbar__brand span { padding-left: calc(var(--u) * 1.1); border-left: 1px solid var(--line); }

body[data-chrome="off"] .topbar { opacity: 0; transform: translateY(-30%); }

.navbar {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--u) * 2);
  height: calc(var(--u) * 6);
  padding: 0 var(--pad-x);
  pointer-events: none;
}

.navbar > * { pointer-events: auto; }

.counter {
  display: flex;
  align-items: baseline;
  gap: calc(var(--u) * .5);
  min-width: calc(var(--u) * 14);
  font-family: var(--font-display);
  font-size: calc(var(--u) * .95);
  font-variant-numeric: tabular-nums;
  color: var(--muted);
}

.counter em { font-size: calc(var(--u) * 1.6); font-weight: 700; color: var(--ink); }
.counter i { font-style: normal; color: var(--line); }

.dots { display: flex; gap: calc(var(--u) * .5); }

.dots button {
  display: block;
  width: calc(var(--u) * .6);
  height: calc(var(--u) * .6);
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: #cbd5e1;
  cursor: pointer;
  transition: width .4s var(--ease), background .3s;
}

.dots button[aria-current="true"] { width: calc(var(--u) * 2.4); background: var(--brand); }

.navbar__actions { display: flex; align-items: center; gap: calc(var(--u) * .5); min-width: calc(var(--u) * 14); justify-content: flex-end; }

.icon-btn {
  display: grid;
  place-items: center;
  width: calc(var(--u) * 2.9);
  height: calc(var(--u) * 2.9);
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--paper);
  color: var(--ink);
  cursor: pointer;
  transition: background .25s, color .25s, border-color .25s;
}

.icon-btn svg { width: 45%; height: 45%; }
.icon-btn:hover:not(:disabled) { background: var(--brand); border-color: var(--brand); color: var(--paper); }
.icon-btn:disabled { opacity: .35; cursor: default; }

.fala-btn {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--u) * .5);
  height: calc(var(--u) * 2.9);
  margin-right: calc(var(--u) * .6);
  padding: 0 calc(var(--u) * 1.2);
  border: 1px solid var(--line);
  border-radius: 99px;
  background: var(--paper);
  font-size: calc(var(--u) * .9);
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
  transition: background .25s, color .25s, border-color .25s;
}

.fala-btn svg { width: calc(var(--u) * 1.3); height: calc(var(--u) * 1.3); }
.fala-btn:hover,
.fala-btn[aria-expanded="true"] { background: var(--brand); border-color: var(--brand); color: var(--paper); }

.progress {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 21;
  height: 3px;
  background: rgba(15, 23, 42, .06);
}

.progress span {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--brand), #f59e0b);
  transition: width .6s var(--ease);
}

/* chrome sobre slides escuros */
body[data-tone="escuro"] .topbar__brand img { filter: brightness(0) invert(1); }
body[data-tone="escuro"] .topbar__brand span { border-left-color: rgba(255, 255, 255, .25); }
body[data-tone="escuro"] .topbar__brand span,
body[data-tone="escuro"] .topbar__section,
body[data-tone="escuro"] .counter { color: rgba(255, 255, 255, .7); }
body[data-tone="escuro"] .counter em { color: var(--paper); }
body[data-tone="escuro"] .counter i { color: rgba(255, 255, 255, .3); }
body[data-tone="escuro"] .dots button { background: rgba(255, 255, 255, .3); }
body[data-tone="escuro"] .dots button[aria-current="true"] { background: #fcd34d; }
body[data-tone="escuro"] .icon-btn,
body[data-tone="escuro"] .fala-btn { border-color: transparent; }
body[data-tone="escuro"] .progress { background: rgba(255, 255, 255, .12); }

/* ---------------------------------------------------------------- fala -- */

.fala-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: calc(var(--u) * 6);
  z-index: 40;
  display: flex;
  flex-direction: column;
  width: min(560px, 92vw);
  background: var(--paper);
  border-left: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  box-shadow: -24px 0 60px rgba(15, 23, 42, .14);
  color: var(--ink);
  transform: translateX(105%);
  visibility: hidden;
  transition: transform .5s var(--ease), visibility 0s .5s;
}

body.is-fala .fala-panel { transform: none; visibility: visible; transition: transform .5s var(--ease), visibility 0s; }

.fala-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 28px 28px 20px;
  border-bottom: 1px solid var(--line);
}

.fala-panel__head .icon-btn { width: 38px; height: 38px; flex: none; border-color: var(--line) !important; }

.fala-panel__n { font-size: 12px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--brand); }

.fala-panel h3 {
  margin: 8px 0 0;
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.fala-panel__body {
  flex: 1;
  overflow-y: auto;
  padding: 24px 28px 40px;
  outline: none;
  font-size: 17px;
  line-height: 1.65;
  color: var(--ink-2);
}

.fala-panel__body p { margin: 0 0 12px; }

.fala-panel__body .fala-nota {
  margin-top: 24px;
  padding: 14px 16px;
  border-left: 3px solid var(--sun);
  border-radius: 0 10px 10px 0;
  background: var(--sun-soft);
  font-size: 15px;
}

.fala-panel__body .fala-nota b { display: block; margin-bottom: 4px; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: #b45309; }
.fala-panel__vazia { color: var(--muted); }
.fala-panel__foot { padding: 14px 28px; border-top: 1px solid var(--line); font-size: 12px; color: var(--muted); }
.fala-panel kbd { padding: 2px 6px; border: 1px solid var(--line); border-radius: 5px; font-family: var(--font-body); font-size: 11px; color: var(--ink); }
.fala { display: none; }

/* ---------------------------------------------------------------- slides -- */

.deck { position: fixed; inset: 0; outline: none; }

.slide {
  position: absolute;
  inset: 0;
  display: flex;
  padding: var(--pad-top) var(--pad-x) var(--pad-bottom);
  /* céu claro de amanhecer: azul à esquerda, dourado no canto direito */
  background:
    radial-gradient(60% 55% at 100% 0%, rgba(251, 191, 36, .16), transparent 62%),
    radial-gradient(55% 60% at 0% 0%, rgba(37, 99, 235, .1), transparent 60%),
    linear-gradient(180deg, #f7f9ff, #ffffff 60%);
  opacity: 0;
  visibility: hidden;
  transform: translateX(3%);
  transition: opacity .7s var(--ease), transform .8s var(--ease), visibility 0s .8s;
}

.slide.is-past { transform: translateX(-3%); }

.slide.is-active {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .7s var(--ease), transform .8s var(--ease), visibility 0s;
}

/* nos slides de pilar, o brilho do canto usa a cor do pilar */
.slide.p-lid,
.slide.p-mot,
.slide.p-dad {
  background:
    radial-gradient(60% 55% at 100% 0%, color-mix(in srgb, var(--p) 16%, transparent), transparent 62%),
    linear-gradient(180deg, #f7f9ff, #ffffff 60%);
}

.slide__inner { position: relative; width: 100%; height: 100%; }

/* entrada escalonada: o JS numera cada .r com --i */
.r {
  opacity: 0;
  transform: translateY(calc(var(--u) * 1.6));
  transition: opacity .7s var(--ease), transform .9s var(--ease);
}

.slide.is-active .r {
  opacity: 1;
  transform: none;
  transition-delay: calc(.18s + var(--i, 0) * .08s);
}

.stack { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--u) * 2.6); }

.split { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 4); align-items: center; }
.split__texto { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 2.2); }

/* ------------------------------------------------------------------ capa -- */

.slide--capa,
.slide--fecho { padding: 0; background: var(--navy); color: var(--paper); overflow: hidden; }

.capa__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 64% 50%;
  transform: scale(1.1);
  transition: transform 16s ease-out;
}

.slide.is-active .capa__img { transform: scale(1); }

.capa__veu {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8, 14, 36, .94) 0%, rgba(8, 14, 36, .78) 30%, rgba(8, 14, 36, .2) 60%, transparent 82%),
    linear-gradient(to top, rgba(8, 14, 36, .8), transparent 38%);
}

.capa__texto {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: calc(var(--u) * 2.2);
  width: calc(var(--u) * 62);
  height: 100%;
  padding: calc(var(--u) * 5) 0 calc(var(--u) * 7) var(--pad-x);
}

.capa__logo { height: calc(var(--u) * 3.4); width: auto; margin-bottom: calc(var(--u) * 2.4); filter: brightness(0) invert(1); }

.slide--capa .display em {
  background: var(--ouro);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* --------------------------------------------------------- o jogo mudou -- */

.virada { display: grid; grid-template-columns: 1fr auto 1.1fr; gap: calc(var(--u) * 2); align-items: stretch; }

.virada__lado {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 1.6);
  padding: calc(var(--u) * 2.4);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper-2);
}

.virada__lado ul { display: grid; gap: calc(var(--u) * .9); }

.virada__lado li {
  position: relative;
  padding-left: calc(var(--u) * 1.8);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.6);
  font-weight: 500;
  color: var(--muted);
}

.virada__lado li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .55em;
  width: calc(var(--u) * .6);
  height: calc(var(--u) * .6);
  border-radius: 50%;
  background: #cbd5e1;
}

.virada__lado--agora { border-color: transparent; background: var(--navy); box-shadow: var(--sombra); }
.virada__lado--agora li { font-weight: 600; color: var(--paper); }
.virada__lado--agora li::before { background: var(--sun); }

.virada__seta {
  align-self: center;
  display: grid;
  place-items: center;
  width: calc(var(--u) * 4.4);
  height: calc(var(--u) * 4.4);
  border-radius: 50%;
  background: var(--ouro);
  color: var(--navy);
  font-size: calc(var(--u) * 2);
}

/* --------------------------------------------------------- três pilares -- */

.pilares { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 1.6); }

.pilar-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--u) * .7);
  min-height: calc(var(--u) * 17);
  padding: calc(var(--u) * 2.4);
  border-radius: calc(var(--u) * 1.6);
  background: linear-gradient(145deg, var(--p), color-mix(in srgb, var(--p) 74%, black));
  box-shadow: 0 calc(var(--u) * 1.2) calc(var(--u) * 3) color-mix(in srgb, var(--p) 30%, transparent);
  color: var(--paper);
  overflow: hidden;
}

.pilar-card::after {
  content: '';
  position: absolute;
  right: calc(var(--u) * -4);
  top: calc(var(--u) * -4);
  width: calc(var(--u) * 13);
  height: calc(var(--u) * 13);
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
}

.pilar-card__ic {
  display: grid;
  place-items: center;
  width: calc(var(--u) * 4);
  height: calc(var(--u) * 4);
  margin-bottom: auto;
  border-radius: calc(var(--u) * 1);
  background: rgba(255, 255, 255, .92);
  color: var(--p-ink);
  font-size: calc(var(--u) * 2);
}

.pilar-card small { margin-top: calc(var(--u) * 1.6); font-family: var(--font-display); font-size: calc(var(--u) * 1); font-weight: 700; opacity: .75; }
.pilar-card b { font-family: var(--font-display); font-size: calc(var(--u) * 2.4); font-weight: 700; letter-spacing: -.02em; }
.pilar-card p { margin: 0; max-width: 26ch; font-size: calc(var(--u) * 1.2); line-height: 1.45; opacity: .92; }

/* ------------------------------------------------------- slide de pilar -- */

.pilar { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 5); align-items: center; }
.pilar__texto { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 2); }

.pilar__ic {
  display: grid;
  place-items: center;
  width: calc(var(--u) * 6);
  height: calc(var(--u) * 6);
  border-radius: calc(var(--u) * 1.5);
  background: linear-gradient(145deg, var(--p), color-mix(in srgb, var(--p) 74%, black));
  box-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 2.4) color-mix(in srgb, var(--p) 32%, transparent);
  color: var(--paper);
  font-size: calc(var(--u) * 3);
}

.pilar__itens { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 1.4); }

.pilar__itens li {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * .6);
  min-height: calc(var(--u) * 12);
  padding: calc(var(--u) * 2);
  border: 1px solid rgba(255, 255, 255, .9);
  border-top: calc(var(--u) * .35) solid var(--p);
  border-radius: 0 0 var(--radius) var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.pilar__itens b { font-family: var(--font-display); font-size: calc(var(--u) * 1.9); font-weight: 700; letter-spacing: -.02em; color: var(--p-ink); }
.pilar__itens span { font-size: calc(var(--u) * 1.2); line-height: 1.45; color: var(--ink-2); }

/* ---------------------------------------------------------- autoavaliação -- */

.avaliacao { display: grid; gap: calc(var(--u) * 1.2); }

.avaliacao li {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: calc(var(--u) * 2);
  padding: calc(var(--u) * 1.6) calc(var(--u) * 2.2);
  border-left: calc(var(--u) * .4) solid var(--p);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.avaliacao__ic {
  display: grid;
  place-items: center;
  width: calc(var(--u) * 4);
  height: calc(var(--u) * 4);
  border-radius: calc(var(--u) * 1);
  background: color-mix(in srgb, var(--p) 12%, white);
  color: var(--p-ink);
  font-size: calc(var(--u) * 2);
}

.avaliacao small { display: block; margin-bottom: calc(var(--u) * .3); font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--p-ink); }
.avaliacao b { font-family: var(--font-display); font-size: calc(var(--u) * 1.8); font-weight: 600; letter-spacing: -.015em; }

.escala { display: flex; gap: calc(var(--u) * .6); }

.escala i {
  display: grid;
  place-items: center;
  width: calc(var(--u) * 3);
  height: calc(var(--u) * 3);
  border: 2px solid color-mix(in srgb, var(--p) 35%, white);
  border-radius: 50%;
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.1);
  font-style: normal;
  font-weight: 700;
  color: var(--p-ink);
}

/* ------------------------------------------------- dois de três não bastam -- */

.faltas { display: grid; gap: calc(var(--u) * 1.1); align-self: stretch; }

.faltas li {
  display: grid;
  grid-template-columns: calc(var(--u) * 11) 1fr;
  column-gap: calc(var(--u) * 1.6);
  align-items: center;
  padding: calc(var(--u) * 1.3) calc(var(--u) * 1.6);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.faltas__tag {
  grid-row: span 2;
  justify-self: start;
  padding: calc(var(--u) * .4) calc(var(--u) * 1);
  border-radius: 99px;
  background: #fff1f2;
  font-size: calc(var(--u) * .85);
  font-weight: 700;
  color: #be123c;
}

.faltas b { font-family: var(--font-display); font-size: calc(var(--u) * 1.5); font-weight: 600; }
.faltas p { margin: 0; font-size: calc(var(--u) * 1.1); line-height: 1.4; color: var(--muted); }

.venn { display: grid; place-items: center; height: 100%; }
.venn svg { width: auto; height: 100%; max-height: calc(var(--u) * 38); overflow: visible; }

.venn__c { stroke-width: 2.5; }
.venn__c--lid { fill: rgba(7, 71, 214, .16); stroke: #0747d6; }
.venn__c--mot { fill: rgba(249, 115, 22, .18); stroke: #f97316; }
.venn__c--dad { fill: rgba(5, 150, 105, .16); stroke: #059669; }

.venn text { font-family: var(--font-display); text-anchor: middle; }
.venn__nome { font-size: 25px; font-weight: 700; fill: var(--ink); }
.venn__falta { font-family: var(--font-body) !important; font-size: 15px; font-weight: 600; fill: #be123c; }
.venn__centro { fill: var(--navy); stroke: #fcd34d; stroke-width: 4; }
.venn__mentor { font-size: 15px; font-weight: 700; letter-spacing: .14em; fill: #fcd34d; }

.slide.is-active .venn__centro { animation: pulso-centro 2.6s ease-out 1.2s infinite; }

@keyframes pulso-centro {
  0% { stroke-opacity: 1; stroke-width: 4; }
  70% { stroke-opacity: .25; stroke-width: 18; }
  100% { stroke-opacity: 0; stroke-width: 22; }
}

/* ------------------------------------------------------------ o patamar -- */

.slide--patamar {
  background:
    radial-gradient(70% 60% at 85% 62%, rgba(251, 146, 60, .28), transparent 62%),
    linear-gradient(180deg, #070d22, #101c44 55%, #2a2350);
  color: var(--paper);
  overflow: hidden;
}

.patamar__texto { display: flex; flex-direction: column; gap: calc(var(--u) * 2); height: auto; z-index: 1; }
.slide--patamar .title { max-width: 18ch; }
.slide--patamar .title em { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }

.patamar__montanha {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}

/* a serra entra subindo de baixo */
.patamar__montanha.r { transform: translateY(calc(var(--u) * 4)); }

.patamar__trilha { fill: none; stroke: #fcd34d; stroke-width: 3; stroke-dasharray: 3 12; stroke-linecap: round; }
.patamar__ponto circle { fill: #0b1530; stroke: #fcd34d; stroke-width: 4; }
.patamar__ponto text { font-family: var(--font-display); text-anchor: middle; }
.patamar__nome { font-size: 30px; font-weight: 700; fill: #ffffff; }
.patamar__verbo { font-size: 20px; font-weight: 500; fill: rgba(255, 255, 255, .62); }
.patamar__ponto--topo circle { fill: #fcd34d; stroke: #ffffff; }
.patamar__ponto--topo .patamar__nome { font-size: 36px; fill: #fcd34d; }
.patamar__ponto--topo .patamar__verbo { font-size: 22px; fill: #ffffff; }

/* ------------------------------------------------ líder → líder mentor -- */

.evolui { display: grid; gap: calc(var(--u) * .9); }

.evolui__cab,
.evolui__linha { display: grid; grid-template-columns: 1fr calc(var(--u) * 3) 1.15fr; gap: calc(var(--u) * 1.6); align-items: center; }

.evolui__cab .tag { text-transform: uppercase; }

.evolui__linha > span {
  padding: calc(var(--u) * 1.15) calc(var(--u) * 1.6);
  border-radius: var(--radius);
  background: var(--paper-2);
  font-size: calc(var(--u) * 1.35);
  color: var(--muted);
}

.evolui__linha > .ic { justify-self: center; font-size: calc(var(--u) * 1.8); color: var(--sun); }

.evolui__linha > b {
  padding: calc(var(--u) * 1.15) calc(var(--u) * 1.6);
  border-left: calc(var(--u) * .4) solid var(--sun);
  border-radius: var(--radius);
  background: var(--navy);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.45);
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--paper);
}

/* -------------------------------------------------------------- fechamento -- */

.capa__img--fecho { object-position: 62% 40%; }

.capa__veu--fecho {
  background:
    linear-gradient(to top, rgba(8, 14, 36, .96) 0%, rgba(8, 14, 36, .82) 42%, rgba(8, 14, 36, .25) 72%, rgba(8, 14, 36, .35) 100%);
}

.fecho {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: calc(var(--u) * 3);
  padding: 0 var(--pad-x) calc(var(--u) * 10);
  text-align: center;
}

.mega--fecho { font-size: calc(var(--u) * 4.8); line-height: 1.1; letter-spacing: -.035em; }
.mega--fecho em { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }

.fecho__seguir {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: calc(var(--u) * 1);
  margin: 0;
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.4);
  font-weight: 600;
}

.fecho__seguir span { padding: calc(var(--u) * .6) calc(var(--u) * 1.5); border-radius: 99px; background: var(--p); color: var(--paper); }
.fecho__seguir i { font-style: normal; font-weight: 400; color: rgba(255, 255, 255, .6); }
.fecho__seguir b { padding: calc(var(--u) * .6) calc(var(--u) * 1.7); border-radius: 99px; background: var(--ouro); color: var(--navy); }

/* ---------------------------------------------------- telas estreitas -- */
/* "screen": na impressão (PDF) o layout de palco deve ser mantido */

@media screen and (max-aspect-ratio: 1/1) {
  :root { --u: 1.9vw; --pad-x: 6vw; --pad-top: 16vw; --pad-bottom: 16vw; }

  .slide { overflow-y: auto; }
  .slide__inner { height: auto; min-height: 100%; }

  .split,
  .pilar,
  .pilares,
  .virada,
  .pilar__itens { grid-template-columns: 1fr; }

  .virada__seta { transform: rotate(90deg); justify-self: center; }
  .avaliacao li { grid-template-columns: auto 1fr; }
  .escala { grid-column: 1 / -1; }
  .evolui__cab,
  .evolui__linha { grid-template-columns: 1fr; }
  .evolui__linha > .ic { transform: rotate(90deg); }
  .capa__texto { width: auto; padding-right: var(--pad-x); }
  .dots { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0s !important; transition-delay: 0s !important; animation: none !important; }
}

/* ajustes */
.patamar__montanha { overflow: visible; }
.evolui__cab .tag { justify-self: start; }
.pilar-card p { min-height: 2.9em; }
.pilar-card { min-height: calc(var(--u) * 16); }

/* ==========================================================================
   Bloco 2: número e processo (CRM) e o programa Vendedor de Máxima Performance
   ========================================================================== */

/* tons dos níveis da jornada (mesmos nomes do sistema) */
.n-verde { --n-cor: #16a34a; }
.n-bronze { --n-cor: #b4733c; }
.n-prata { --n-cor: #8492a6; }
.n-ouro { --n-cor: #e19a0a; }
.n-diamante { --n-cor: #6366f1; }

/* --------------------------------------------------------- slide noturno -- */

.slide--noite {
  background:
    radial-gradient(70% 60% at 88% 10%, rgba(251, 146, 60, .22), transparent 60%),
    linear-gradient(180deg, #070d22, #101c44 60%, #1c2152);
  color: var(--paper);
}

.slide--noite .mega em,
.slide--noite .display em { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }

.divisor { display: flex; align-items: center; gap: calc(var(--u) * 5); }
.divisor > div { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 2); }

.divisor__ic {
  display: grid;
  place-items: center;
  flex: none;
  width: calc(var(--u) * 16);
  height: calc(var(--u) * 16);
  border: 2px solid rgba(252, 211, 77, .5);
  border-radius: calc(var(--u) * 4);
  background: rgba(252, 211, 77, .08);
  color: #fcd34d;
  font-size: calc(var(--u) * 8);
}

.divisor__ic .ic { stroke-width: 1.4; }

.title--longo { max-width: 30ch; font-size: calc(var(--u) * 3.3); }

/* ------------------------------------------------------------------ CRM -- */

.crm-faz { display: grid; gap: calc(var(--u) * 1.1); align-self: stretch; }

.crm-faz li {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 1.4);
  padding: calc(var(--u) * 1.2) calc(var(--u) * 1.6);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
  font-size: calc(var(--u) * 1.15);
  line-height: 1.4;
  color: var(--ink-2);
}

.crm-faz li > span {
  display: grid;
  place-items: center;
  flex: none;
  width: calc(var(--u) * 3.4);
  height: calc(var(--u) * 3.4);
  border-radius: calc(var(--u) * .9);
  background: color-mix(in srgb, var(--brand) 10%, white);
  color: var(--brand);
  font-size: calc(var(--u) * 1.7);
}

.crm-faz b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.5); color: var(--ink); }

.funil {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--u) * 1.6);
  padding: calc(var(--u) * 2.6);
  border-radius: calc(var(--u) * 1.8);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.funil__titulo { align-self: flex-start; font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); }
.funil ol { display: grid; gap: calc(var(--u) * .7); width: 100%; justify-items: center; }

.funil li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--u) * 1);
  width: var(--w);
  padding: calc(var(--u) * 1.3) calc(var(--u) * 1);
  border-radius: calc(var(--u) * 1);
  background: color-mix(in srgb, var(--brand) 12%, white);
  font-size: calc(var(--u) * 1.15);
  font-weight: 600;
  color: var(--brand);
  white-space: nowrap;
}

.funil li b { font-family: var(--font-display); font-size: calc(var(--u) * 2.2); }
.funil li:nth-child(2) { background: color-mix(in srgb, var(--brand) 22%, white); }
.funil li:nth-child(3) { background: color-mix(in srgb, var(--brand) 60%, white); color: var(--paper); }
.funil .is-venda { background: var(--navy); color: #fcd34d; }

.funil__taxa { margin: 0; font-size: calc(var(--u) * 1.2); color: var(--ink-2); }
.funil__taxa strong { font-family: var(--font-display); font-size: calc(var(--u) * 1.8); color: var(--ink); }
.funil__nota,
.sugestao__nota { position: absolute; right: calc(var(--u) * 1.4); top: calc(var(--u) * 1.2); font-size: calc(var(--u) * .75); color: var(--muted); }

/* -------------------------------------------------------------- perguntas -- */

.perguntas { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--u) * 1.4); }

.perguntas li {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * .8);
  min-height: calc(var(--u) * 14);
  padding: calc(var(--u) * 2);
  border-top: calc(var(--u) * .35) solid var(--brand);
  border-radius: 0 0 var(--radius) var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.perguntas small { font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--brand); }
.perguntas b { font-family: var(--font-display); font-size: calc(var(--u) * 1.8); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }
.perguntas p { margin: auto 0 0; font-size: calc(var(--u) * 1.1); line-height: 1.45; color: var(--muted); }

/* ------------------------------------------------------------- princípios -- */

.principios { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 1.6); }

.principios article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--u) * .6);
  padding: calc(var(--u) * 2.2);
  border-radius: calc(var(--u) * 1.6);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.principios article > span {
  display: grid;
  place-items: center;
  width: calc(var(--u) * 4);
  height: calc(var(--u) * 4);
  margin-bottom: calc(var(--u) * 1);
  border-radius: calc(var(--u) * 1);
  background: var(--navy);
  color: #fcd34d;
  font-size: calc(var(--u) * 2);
}

.principios small { font-family: var(--font-display); font-size: calc(var(--u) * 1); font-weight: 700; color: var(--sun); }
.principios b { font-family: var(--font-display); font-size: calc(var(--u) * 2.2); font-weight: 700; letter-spacing: -.02em; }
.principios p { margin: 0; font-size: calc(var(--u) * 1.2); line-height: 1.45; color: var(--ink-2); }

/* ----------------------------------------------------------------- níveis -- */

.selo {
  display: grid;
  place-items: center;
  flex: none;
  width: calc(var(--u) * 3.6);
  height: calc(var(--u) * 4);
  background: var(--n-cor);
  clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.6);
  font-weight: 700;
  color: var(--paper);
}

.niveis { display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(var(--u) * 1.1); align-items: start; }

.niveis li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--u) * .6);
  /* escada: cada nível um degrau acima do anterior */
  margin-top: calc(var(--u) * (5 - var(--n)) * 1.5);
  min-height: calc(var(--u) * 17);
  padding: calc(var(--u) * 1.8);
  border-top: calc(var(--u) * .4) solid var(--n-cor);
  border-radius: 0 0 var(--radius) var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.niveis b { margin-top: calc(var(--u) * .6); font-family: var(--font-display); font-size: calc(var(--u) * 1.6); font-weight: 700; letter-spacing: -.015em; }
.niveis strong { font-family: var(--font-display); font-size: calc(var(--u) * 2.3); font-weight: 700; line-height: 1; letter-spacing: -.03em; color: var(--n-cor); }
.niveis p { margin: 0; font-size: calc(var(--u) * 1.02); line-height: 1.45; color: var(--muted); }

/* ------------------------------------------------------------------ conta -- */

.conta { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--u) * 1.6); }

.conta__termo {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * .2);
  min-width: calc(var(--u) * 15);
  padding: calc(var(--u) * 1.5) calc(var(--u) * 2);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.conta__termo strong { font-family: var(--font-display); font-size: calc(var(--u) * 4.4); font-weight: 700; line-height: 1; letter-spacing: -.04em; }
.conta__termo span { font-family: var(--font-display); font-size: calc(var(--u) * 1.3); font-weight: 600; }
.conta__termo small { font-size: calc(var(--u) * .95); color: var(--muted); }
.conta__termo--res { background: var(--navy); color: var(--paper); }
.conta__termo--res strong { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.conta__termo--res small { color: rgba(255, 255, 255, .65); }
.conta__op { font-family: var(--font-display); font-size: calc(var(--u) * 3.4); font-weight: 400; color: var(--sun); }

.conta__quebra { display: grid; gap: calc(var(--u) * .7); margin-left: calc(var(--u) * .6); }
.conta__quebra span { padding: calc(var(--u) * .8) calc(var(--u) * 1.6); border: 1.5px solid #fcd34d; border-radius: 99px; background: var(--sun-soft); font-size: calc(var(--u) * 1.2); color: var(--ink-2); }
.conta__quebra b { font-family: var(--font-display); font-size: calc(var(--u) * 1.5); color: var(--ink); }

/* ---------------------------------------------------- telas reais do produto -- */

.tela {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: calc(var(--u) * 1.3);
  background: var(--paper);
  box-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 5) rgba(7, 71, 214, .14);
}

.tela__barra { display: flex; align-items: center; gap: calc(var(--u) * .5); padding: calc(var(--u) * .7) calc(var(--u) * 1.1); border-bottom: 1px solid var(--line); background: var(--paper-2); }
.tela__barra i { width: calc(var(--u) * .65); height: calc(var(--u) * .65); border-radius: 50%; background: #dbe1ea; }
.tela__barra span { margin-left: calc(var(--u) * .8); font-size: calc(var(--u) * .78); color: var(--muted); }
.tela img { width: 100%; height: auto; }

.split--tela { grid-template-columns: .78fr 1.22fr; gap: calc(var(--u) * 3.4); }

.passos-conta { display: grid; gap: calc(var(--u) * 1); align-self: stretch; counter-reset: pc; }

.passos-conta li {
  counter-increment: pc;
  position: relative;
  padding: calc(var(--u) * 1.1) calc(var(--u) * 1.4) calc(var(--u) * 1.1) calc(var(--u) * 4.2);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
  font-size: calc(var(--u) * 1.15);
  line-height: 1.4;
  color: var(--ink-2);
}

.passos-conta li::before {
  content: counter(pc);
  position: absolute;
  left: calc(var(--u) * 1.2);
  top: 50%;
  display: grid;
  place-items: center;
  width: calc(var(--u) * 2.2);
  height: calc(var(--u) * 2.2);
  border-radius: 50%;
  background: var(--ouro);
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--navy);
  transform: translateY(-50%);
}

.passos-conta b { font-family: var(--font-display); font-size: calc(var(--u) * 1.35); color: var(--ink); }

/* ------------------------------------------------- ações e boas práticas -- */

.duas { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 1.8); }

.duas__lado {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 1.3);
  padding: calc(var(--u) * 2.2);
  border-radius: calc(var(--u) * 1.6);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.duas__lado--pratica { background: var(--navy); color: var(--paper); }
.duas__resumo { margin: 0; font-size: calc(var(--u) * 1.2); line-height: 1.45; color: var(--ink-2); }
.duas__lado--pratica .duas__resumo { color: rgba(255, 255, 255, .78); }

.origens { display: grid; gap: calc(var(--u) * .8); }
.origens li { display: flex; align-items: center; gap: calc(var(--u) * 1.2); font-size: calc(var(--u) * 1.1); color: var(--muted); }
.origens li > span { display: grid; place-items: center; flex: none; width: calc(var(--u) * 3); height: calc(var(--u) * 3); border-radius: calc(var(--u) * .8); background: color-mix(in srgb, var(--brand) 10%, white); color: var(--brand); font-size: calc(var(--u) * 1.5); }
.origens b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.4); color: var(--ink); }
.duas__lado--pratica .origens li { color: rgba(255, 255, 255, .7); }
.duas__lado--pratica .origens li > span { background: rgba(252, 211, 77, .14); color: #fcd34d; }
.duas__lado--pratica .origens b { color: var(--paper); }

.duas__regra { margin: auto 0 0; padding-top: calc(var(--u) * 1.2); border-top: 1px solid var(--line); font-family: var(--font-display); font-size: calc(var(--u) * 1.4); font-weight: 600; }
.duas__lado--pratica .duas__regra { border-top-color: rgba(255, 255, 255, .16); color: #fcd34d; }

/* ---------------------------------------------------------------- estratégia -- */

.numero { display: flex; align-items: center; gap: calc(var(--u) * 1.4); }
.numero strong { font-family: var(--font-display); font-size: calc(var(--u) * 6); font-weight: 700; line-height: 1; letter-spacing: -.04em; background: linear-gradient(90deg, var(--brand), #f59e0b); -webkit-background-clip: text; background-clip: text; color: transparent; }
.numero span { max-width: 24ch; font-size: calc(var(--u) * 1.2); line-height: 1.4; color: var(--ink-2); }

.tem,
.ajustes { display: grid; gap: calc(var(--u) * .8); align-self: stretch; }

.tem li,
.ajustes li {
  padding: calc(var(--u) * 1) calc(var(--u) * 1.4);
  border-left: calc(var(--u) * .35) solid var(--sun);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: var(--paper);
  box-shadow: var(--sombra);
  font-size: calc(var(--u) * 1.1);
  line-height: 1.4;
  color: var(--muted);
}

.tem b,
.ajustes b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.4); color: var(--ink); }

.ajustes li { padding: calc(var(--u) * .8) calc(var(--u) * 1.4); }

.estrategia {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 1);
  padding: calc(var(--u) * 2.4);
  border-radius: calc(var(--u) * 1.8);
  background: var(--paper);
  box-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 5) rgba(7, 71, 214, .14);
}

.estrategia header { display: flex; align-items: center; gap: calc(var(--u) * 1.2); padding-bottom: calc(var(--u) * 1.2); border-bottom: 1px solid var(--line); }
.estrategia__ic { display: grid; place-items: center; width: calc(var(--u) * 4); height: calc(var(--u) * 4); border-radius: calc(var(--u) * 1); background: color-mix(in srgb, var(--brand) 10%, white); color: var(--brand); font-size: calc(var(--u) * 2); }
.estrategia header small { font-size: calc(var(--u) * .8); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--brand); }
.estrategia header b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 2); letter-spacing: -.02em; }
.estrategia__rot { margin-top: calc(var(--u) * .6); font-size: calc(var(--u) * .8); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }

.cadeia { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--u) * .5) calc(var(--u) * 1.9); }
.cadeia li { position: relative; padding: calc(var(--u) * .5) calc(var(--u) * 1); border-radius: 99px; background: var(--paper-2); font-size: calc(var(--u) * 1); font-weight: 600; }
.cadeia li + li::before { content: '\2192'; position: absolute; left: calc(var(--u) * -1.5); color: var(--sun); }
.cadeia li:last-child { background: var(--navy); color: #fcd34d; }

.estrategia blockquote { margin: 0; padding: calc(var(--u) * 1.2) calc(var(--u) * 1.5); border-radius: calc(var(--u) * 1.2) calc(var(--u) * 1.2) calc(var(--u) * 1.2) calc(var(--u) * .3); background: var(--sun-soft); font-size: calc(var(--u) * 1.2); line-height: 1.5; color: var(--ink); }
.onde { display: flex; flex-wrap: wrap; gap: calc(var(--u) * .5); }
.onde li { padding: calc(var(--u) * .4) calc(var(--u) * 1); border: 1px solid var(--line); border-radius: 99px; font-size: calc(var(--u) * .95); color: var(--ink-2); }

/* ------------------------------------------------------ sugestão de avanço -- */

.sugestao {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 1.6);
  padding: calc(var(--u) * 2.6);
  border-radius: calc(var(--u) * 1.8);
  background: var(--paper);
  box-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 5) rgba(7, 71, 214, .14);
}

.sugestao header { display: flex; align-items: center; gap: calc(var(--u) * 1.2); margin-top: calc(var(--u) * 1); }
.sugestao__avatar { display: grid; place-items: center; width: calc(var(--u) * 4); height: calc(var(--u) * 4); border-radius: 50%; background: linear-gradient(135deg, var(--brand-2), var(--brand)); font-family: var(--font-display); font-weight: 700; color: var(--paper); }
.sugestao header b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.6); }
.sugestao header small { font-size: calc(var(--u) * 1); color: #b4733c; font-weight: 600; }

.sugestao__selo { display: inline-flex; align-items: center; gap: calc(var(--u) * .4); margin-left: auto; padding: calc(var(--u) * .5) calc(var(--u) * 1.2); border: 1.5px solid rgba(245, 158, 11, .5); border-radius: 99px; background: var(--sun-soft); font-size: calc(var(--u) * 1); font-weight: 700; color: #b45309; }

.sugestao__meses { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 1.2); align-items: end; height: calc(var(--u) * 11); padding: 0 calc(var(--u) * 1); border-bottom: 2px dashed #fcd34d; }
.sugestao__meses div { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.sugestao__meses i { display: block; width: 62%; height: 0; border-radius: 4px 4px 0 0; background: linear-gradient(180deg, #f59e0b, #fb923c); transition: height 1s var(--ease) .6s; }
.slide.is-active .sugestao__meses i { height: var(--h); }
.sugestao__meses b { position: absolute; bottom: calc(var(--u) * .5); font-family: var(--font-display); font-size: calc(var(--u) * 1.6); color: var(--paper); }
.sugestao__meses small { position: absolute; bottom: calc(var(--u) * -2); font-size: calc(var(--u) * .9); color: var(--muted); }
.sugestao__motivo { margin: calc(var(--u) * 1.4) 0 0; font-size: calc(var(--u) * 1.1); font-weight: 600; color: #b45309; }

.sugestao__proximo { display: flex; align-items: center; gap: calc(var(--u) * 1.2); padding: calc(var(--u) * 1.2) calc(var(--u) * 1.4); border-radius: var(--radius); background: var(--paper-2); }
.sugestao__proximo small { font-size: calc(var(--u) * .85); color: var(--muted); }
.sugestao__proximo b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.6); }

@media screen and (max-aspect-ratio: 1/1) {
  .perguntas,
  .principios,
  .niveis,
  .duas,
  .split--tela { grid-template-columns: 1fr; }
  .niveis li { margin-top: 0; min-height: 0; }
  .divisor { flex-direction: column; align-items: flex-start; }
  .conta__termo { min-width: 0; }
}

/* ajustes do bloco 2 */
/* escada de verdade: base comum, cada nível mais alto que o anterior */
.niveis { align-items: end; }
.niveis li { margin-top: 0; min-height: calc(var(--u) * (13.5 + var(--n) * 1.7)); }
.split--tela { grid-template-columns: .68fr 1.32fr; gap: calc(var(--u) * 3); }
.split--tela .title { font-size: calc(var(--u) * 3.2); }

/* ---------------------------------------------- painel do líder (recriado) -- */

.stack--quadro { gap: calc(var(--u) * 1.6); }
.stack--tela { gap: calc(var(--u) * 1.8); }

.tela__barra em { margin-left: auto; font-size: calc(var(--u) * .72); font-style: normal; color: var(--muted); }

.quadro__corpo { display: grid; gap: calc(var(--u) * 1); padding: calc(var(--u) * 1.2); background: var(--paper); }

.quadro__kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--u) * .8); }

.quadro__kpis div {
  display: flex;
  align-items: baseline;
  gap: calc(var(--u) * .7);
  padding: calc(var(--u) * .7) calc(var(--u) * 1.1);
  border: 1px solid var(--line);
  border-radius: calc(var(--u) * .8);
  font-size: calc(var(--u) * .9);
  color: var(--muted);
}

.quadro__kpis b { font-family: var(--font-display); font-size: calc(var(--u) * 1.6); color: var(--ink); }
.quadro__kpis .is-sol { border-color: #fcd34d; background: var(--sun-soft); }
.quadro__kpis .is-alerta { border-color: #fdba74; background: #fff7ed; }

.quadro__colunas { display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(var(--u) * .8); align-items: stretch; }

.quadro__colunas section {
  display: flex;
  flex-direction: column;
  min-height: calc(var(--u) * 18.5);
  border: 1px solid color-mix(in srgb, var(--n-cor) 35%, white);
  border-radius: calc(var(--u) * 1);
  background: color-mix(in srgb, var(--n-cor) 7%, white);
}

.quadro__colunas header {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * .7);
  padding: calc(var(--u) * .8) calc(var(--u) * .9);
  border-bottom: 1px solid color-mix(in srgb, var(--n-cor) 22%, white);
}

.quadro__colunas .selo { width: calc(var(--u) * 2.2); height: calc(var(--u) * 2.5); font-size: calc(var(--u) * 1); }
.quadro__colunas header b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.05); line-height: 1.15; }
.quadro__colunas header small { font-size: calc(var(--u) * .78); color: var(--muted); }
.quadro__colunas header i { margin-left: auto; padding: 0 calc(var(--u) * .6); border-radius: 99px; background: var(--paper); font-size: calc(var(--u) * .85); font-style: normal; font-weight: 700; }

.quadro__colunas ul { display: grid; gap: calc(var(--u) * .5); padding: calc(var(--u) * .7); align-content: start; }

.quadro__colunas li {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(var(--u) * .7);
  padding: calc(var(--u) * .55) calc(var(--u) * .7);
  border: 1px solid color-mix(in srgb, var(--n-cor) 22%, white);
  border-radius: calc(var(--u) * .7);
  background: var(--paper);
}

.av {
  display: grid;
  place-items: center;
  flex: none;
  width: calc(var(--u) * 2.2);
  height: calc(var(--u) * 2.2);
  border-radius: 50%;
  background: color-mix(in srgb, var(--n-cor) 80%, black);
  font-size: calc(var(--u) * .72);
  font-weight: 700;
  color: var(--paper);
}

.quadro__colunas li b { display: block; font-size: calc(var(--u) * .92); font-weight: 600; line-height: 1.2; }
.quadro__colunas li small { font-size: calc(var(--u) * .75); color: var(--muted); }
.quadro__colunas li small strong { color: var(--ink); }

.quadro__colunas li em {
  position: absolute;
  right: calc(var(--u) * .5);
  top: calc(var(--u) * -.6);
  padding: calc(var(--u) * .1) calc(var(--u) * .6);
  border: 1px solid rgba(245, 158, 11, .6);
  border-radius: 99px;
  background: #fff7e0;
  font-size: calc(var(--u) * .68);
  font-style: normal;
  font-weight: 700;
  color: #b45309;
}

/* --------------------------------------------------- notas sob a tela -- */

.tres-notas { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 1.4); }
.tres-notas li { display: flex; align-items: center; gap: calc(var(--u) * 1.1); font-size: calc(var(--u) * 1.1); line-height: 1.4; color: var(--muted); }
.tres-notas li > span { display: grid; place-items: center; flex: none; width: calc(var(--u) * 3); height: calc(var(--u) * 3); border-radius: calc(var(--u) * .8); background: color-mix(in srgb, var(--brand) 10%, white); color: var(--brand); font-size: calc(var(--u) * 1.5); }
.tres-notas b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.35); color: var(--ink); }

@media screen and (max-aspect-ratio: 1/1) {
  .quadro__kpis { grid-template-columns: 1fr 1fr; }
  .quadro__colunas,
  .tres-notas { grid-template-columns: 1fr; }
}

/* slides com tela larga: título em uma linha e a tela nunca encolhe */
.stack--tela { gap: calc(var(--u) * 1.5); }
.stack--tela .title { max-width: none; font-size: calc(var(--u) * 3.1); }
.stack--tela .tela { flex: none; }

/* -------------------------------------------- painel do vendedor: meu dia -- */

.meudia__corpo { display: grid; gap: calc(var(--u) * .7); padding: calc(var(--u) * 1); background: var(--paper); }

.meudia__banner {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 1);
  padding: calc(var(--u) * .7) calc(var(--u) * 1.2);
  border-radius: calc(var(--u) * .8);
  background:
    linear-gradient(90deg, rgba(8, 14, 36, .96), rgba(8, 14, 36, .72) 55%, rgba(8, 14, 36, .45)),
    url('../../img/amanhecer-montanhas.png') 60% 55% / cover;
  color: var(--paper);
}

.meudia__trofeu { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.4); height: calc(var(--u) * 2.4); border: 1px solid rgba(252, 211, 77, .5); border-radius: calc(var(--u) * .6); color: #fcd34d; font-size: calc(var(--u) * 1.3); }
.meudia__banner p { margin: 0; font-size: calc(var(--u) * .78); color: rgba(255, 255, 255, .8); }
.meudia__banner p b { display: block; font-size: calc(var(--u) * .95); color: var(--paper); }
.meudia__banner strong { margin-left: auto; font-size: calc(var(--u) * .85); color: #fcd34d; white-space: nowrap; }

.meudia__saudacao { margin: 0; padding: calc(var(--u) * .6) calc(var(--u) * 1.2); border: 1px solid var(--line); border-radius: calc(var(--u) * .8); font-size: calc(var(--u) * .88); color: var(--ink-2); }
.meudia__saudacao b { margin-right: .4em; color: var(--ink); }
.meudia__saudacao strong { color: var(--ink); }

.meudia__kpis { display: grid; grid-template-columns: repeat(6, 1fr); gap: calc(var(--u) * .6); }

.meudia__kpis > div {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * .7);
  padding: calc(var(--u) * .7) calc(var(--u) * .8);
  border: 1px solid var(--line);
  border-radius: calc(var(--u) * .8);
}

.meudia__kpis span { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.2); height: calc(var(--u) * 2.2); border-radius: calc(var(--u) * .6); font-size: calc(var(--u) * 1.1); }
.k-verde { background: #dcfce7; color: #15803d; }
.k-laranja { background: #ffedd5; color: #c2410c; }
.k-azul { background: #e0e7ff; color: #4338ca; }
.k-rosa { background: #ffe4e6; color: #be123c; }
.k-roxo { background: #f3e8ff; color: #7e22ce; }
.k-ciano { background: #e0f2fe; color: #0369a1; }

.meudia__kpis p { margin: 0; min-width: 0; }
.meudia__kpis small { display: block; font-size: calc(var(--u) * .68); color: var(--muted); white-space: nowrap; }
.meudia__kpis b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.3); line-height: 1.15; }
.meudia__kpis em { display: block; font-size: calc(var(--u) * .6); font-style: normal; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.meudia__baixo { display: grid; grid-template-columns: .8fr 1.2fr; gap: calc(var(--u) * .7); }

.meudia__funil,
.meudia__tarefas { padding: calc(var(--u) * .9) calc(var(--u) * 1.1); border: 1px solid var(--line); border-radius: calc(var(--u) * .8); }

.meudia h4 { display: flex; align-items: center; justify-content: space-between; margin: 0 0 calc(var(--u) * .7); font-size: calc(var(--u) * .95); }
.meudia h4 span { font-size: calc(var(--u) * .72); font-weight: 500; color: #0ea5e9; }
.meudia__funil h4 span { padding: calc(var(--u) * .2) calc(var(--u) * .7); border: 1px solid var(--line); border-radius: calc(var(--u) * .5); color: var(--ink-2); }

.meudia__funil ol { display: grid; gap: 2px; }

.meudia__funil li {
  /* cada faixa afunila 6% de cada lado em relação à anterior */
  --a: calc(var(--k) * 6%);
  --b: calc((var(--k) + 1) * 6%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  height: calc(var(--u) * 1.75);
  background: var(--c);
  clip-path: polygon(var(--a) 0, calc(100% - var(--a)) 0, calc(100% - var(--b)) 100%, var(--b) 100%);
  font-size: calc(var(--u) * .75);
  color: var(--ink);
}

.meudia__funil li b { font-size: calc(var(--u) * .85); }
.meudia__funil .is-claro { color: var(--paper); }

.meudia__tarefas ul { display: grid; gap: calc(var(--u) * .45); }
.meudia__tarefas li { display: flex; align-items: center; gap: calc(var(--u) * 1); padding: calc(var(--u) * .5) calc(var(--u) * .8); border: 1px solid var(--line); border-radius: calc(var(--u) * .6); }
.meudia__tarefas i { flex: none; padding: calc(var(--u) * .15) calc(var(--u) * .6); border-radius: 99px; background: var(--paper-2); font-size: calc(var(--u) * .75); font-style: normal; font-weight: 700; color: var(--brand); }
.meudia__tarefas p { margin: 0; font-size: calc(var(--u) * .75); color: var(--muted); }
.meudia__tarefas p b { display: block; font-size: calc(var(--u) * .88); font-weight: 600; color: var(--ink); }

/* ------------------------------------------- frase que aparece na tela -- */

.citacao-tela {
  margin: 0;
  padding: calc(var(--u) * 1.3) calc(var(--u) * 1.6);
  border-radius: var(--radius);
  background: var(--navy);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.35);
  font-weight: 500;
  line-height: 1.4;
  color: var(--paper);
}

.citacao-tela small { display: block; margin-bottom: calc(var(--u) * .5); font-family: var(--font-body); font-size: calc(var(--u) * .78); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #fcd34d; }
.citacao-tela b { color: #fcd34d; }

@media screen and (max-aspect-ratio: 1/1) {
  .meudia__kpis { grid-template-columns: 1fr 1fr; }
  .meudia__baixo { grid-template-columns: 1fr; }
}

/* telas recriadas: título em uma linha e a tela nunca encolhe */
.stack--quadro { gap: calc(var(--u) * 1.3); }
.stack--quadro .title { max-width: none; font-size: calc(var(--u) * 3.1); }
.stack--quadro .tela { flex: none; }
.meudia__funil li { height: calc(var(--u) * 1.45); }
.meudia__tarefas li { padding: calc(var(--u) * .32) calc(var(--u) * .8); }
.meudia h4 { margin-bottom: calc(var(--u) * .5); }

/* ------------------------------ relatório Performance dos colaboradores -- */

.perf__corpo { display: grid; gap: calc(var(--u) * .7); padding: calc(var(--u) * 1); background: var(--paper); }

.perf__kpis { display: grid; grid-template-columns: repeat(6, 1fr) 1.25fr; gap: calc(var(--u) * .6); }

.perf__kpis > div {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * .1);
  padding: calc(var(--u) * .7) calc(var(--u) * .9);
  border: 1px solid var(--line);
  border-radius: calc(var(--u) * .8);
}

.perf__kpis small { font-size: calc(var(--u) * .62); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.perf__kpis b { font-family: var(--font-display); font-size: calc(var(--u) * 1.6); line-height: 1.15; }
.perf__kpis em { font-size: calc(var(--u) * .62); font-style: normal; color: var(--muted); white-space: nowrap; }
.perf__kpis em.up { color: #047857; font-weight: 600; }
.perf__periodo { background: var(--paper-2); }
.perf__periodo b { font-size: calc(var(--u) * 1) !important; line-height: 1.6 !important; }

.perf__tabela { width: 100%; border-collapse: collapse; border: 1px solid var(--line); border-radius: calc(var(--u) * .8); overflow: hidden; font-size: calc(var(--u) * .82); font-variant-numeric: tabular-nums; }

.perf__tabela th,
.perf__tabela td { padding: calc(var(--u) * .5) calc(var(--u) * .8); border-bottom: 1px solid var(--line); text-align: right; }

.perf__tabela th:first-child { text-align: left; }
.perf__tabela thead th { background: var(--paper-2); font-size: calc(var(--u) * .6); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.perf__tabela tbody th { font-weight: 600; color: var(--ink); }
.perf__tabela td.z { color: #b6bfcc; }
.perf__tabela tfoot th,
.perf__tabela tfoot td { border-bottom: 0; background: var(--paper-2); font-weight: 700; }

/* células que a fala usa como exemplo */
.perf__tabela td.d-atraso,
.perf__tabela td.d-cria { position: relative; font-weight: 700; }
.perf__tabela td.d-atraso { background: #fff1e6; box-shadow: inset 0 0 0 2px #f97316; color: #c2410c; }
.perf__tabela td.d-cria { background: #e8f0ff; box-shadow: inset 0 0 0 2px var(--brand); color: var(--brand); }

.leituras { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 1.4); }
.leituras li { display: flex; align-items: center; gap: calc(var(--u) * 1); font-size: calc(var(--u) * 1.05); line-height: 1.4; color: var(--muted); }
.leituras i { flex: none; width: calc(var(--u) * 1.3); height: calc(var(--u) * 1.3); border-radius: calc(var(--u) * .3); }
.leituras b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.3); color: var(--ink); }
.l-atraso i { background: #fff1e6; box-shadow: inset 0 0 0 2px #f97316; }
.l-cria i { background: #e8f0ff; box-shadow: inset 0 0 0 2px var(--brand); }
.l-agenda i { background: var(--paper-2); box-shadow: inset 0 0 0 2px #94a3b8; }

@media screen and (max-aspect-ratio: 1/1) {
  .perf__kpis { grid-template-columns: 1fr 1fr; }
  .leituras { grid-template-columns: 1fr; }
  .perf__tabela { display: block; overflow-x: auto; }
}
.perf__tabela th,
.perf__tabela td { padding: calc(var(--u) * .38) calc(var(--u) * .8); }
.perf__kpis > div { padding: calc(var(--u) * .55) calc(var(--u) * .9); }

/* ==========================================================================
   Rotina é o caminho
   ========================================================================== */

.slide--rotina {
  background:
    radial-gradient(60% 55% at 92% 8%, rgba(251, 146, 60, .28), transparent 62%),
    linear-gradient(180deg, rgba(7, 13, 34, .9), rgba(9, 16, 42, .86) 55%, rgba(7, 13, 34, .95)),
    url('../../img/amanhecer-montanhas.png') 62% 38% / cover;
  color: var(--paper);
}

.rotina { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--u) * 2.2); }

.rotina__topo { display: grid; grid-template-columns: 1fr .9fr; gap: calc(var(--u) * 4); align-items: end; }
.rotina__topo > div { display: flex; flex-direction: column; gap: calc(var(--u) * 1.6); }
.rotina .mega em { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rotina .lead { max-width: none; font-size: calc(var(--u) * 1.5); }

/* escada: cada ritmo é um degrau mais alto que o anterior */
.degraus { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--u) * 1.2); align-items: end; }

.degraus li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--u) * .5);
  min-height: calc(var(--u) * (11.5 + var(--n) * 2.3));
  padding: calc(var(--u) * 1.8);
  border: 1px solid rgba(255, 255, 255, .16);
  border-top: calc(var(--u) * .35) solid rgba(252, 211, 77, calc(.25 + var(--n) * .2));
  border-radius: calc(var(--u) * 1.4);
  background: rgba(255, 255, 255, .07);
  backdrop-filter: blur(10px);
}

.degraus__ic {
  display: grid;
  place-items: center;
  width: calc(var(--u) * 3.6);
  height: calc(var(--u) * 3.6);
  margin-bottom: auto;
  border-radius: calc(var(--u) * 1);
  background: rgba(252, 211, 77, .14);
  color: #fcd34d;
  font-size: calc(var(--u) * 1.8);
}

.degraus small { margin-top: calc(var(--u) * 1.2); font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #fcd34d; }
.degraus b { font-family: var(--font-display); font-size: calc(var(--u) * 2.3); font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
.degraus p { margin: 0; font-size: calc(var(--u) * 1.05); line-height: 1.45; color: rgba(255, 255, 255, .78); }

.degraus em {
  margin-top: calc(var(--u) * .6);
  padding: calc(var(--u) * .3) calc(var(--u) * .9);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 99px;
  font-size: calc(var(--u) * .8);
  font-style: normal;
  font-weight: 600;
  color: rgba(255, 255, 255, .85);
}

/* o topo: o sonho, em dourado */
.degraus .degraus__sonho {
  border: 0;
  background: linear-gradient(160deg, #fde68a, #f59e0b 55%, #fb923c);
  box-shadow: 0 0 calc(var(--u) * 5) rgba(251, 191, 36, .45);
  color: var(--navy);
  backdrop-filter: none;
}

.degraus__sonho .degraus__ic { background: var(--navy); color: #fcd34d; }
.degraus__sonho .degraus__ic .ic { fill: currentColor; }
.degraus__sonho small { color: rgba(11, 21, 48, .7); }
.degraus__sonho p { color: rgba(11, 21, 48, .82); }
.degraus__sonho em { border-color: rgba(11, 21, 48, .35); background: var(--navy); color: #fcd34d; }

.slide.is-active .degraus__sonho { animation: brilho-sonho 3.2s ease-in-out 1.4s infinite; }

@keyframes brilho-sonho {
  0%, 100% { box-shadow: 0 0 calc(var(--u) * 4) rgba(251, 191, 36, .35); }
  50% { box-shadow: 0 0 calc(var(--u) * 7) rgba(251, 191, 36, .65); }
}

.corrente {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--u) * 1.2);
  margin: 0;
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.6);
  font-weight: 500;
  color: rgba(255, 255, 255, .8);
}

.corrente span { padding: calc(var(--u) * .7) calc(var(--u) * 1.6); border: 1px solid rgba(255, 255, 255, .22); border-radius: 99px; background: rgba(255, 255, 255, .06); }
.corrente b { color: var(--paper); }
.corrente i { font-style: normal; color: #fcd34d; }
.corrente .is-ouro { border-color: #fcd34d; color: #fde68a; }
.corrente .is-ouro b { color: #fcd34d; }

@media screen and (max-aspect-ratio: 1/1) {
  .rotina__topo,
  .degraus { grid-template-columns: 1fr; }
  .degraus li { min-height: 0; }
}

/* rotina: título em uma linha e escada regular */
.rotina { gap: calc(var(--u) * 1.8); }
.rotina__topo { grid-template-columns: auto 1fr; gap: calc(var(--u) * 5); }
.rotina .mega { font-size: calc(var(--u) * 5.6); white-space: nowrap; }
.rotina .lead { font-size: calc(var(--u) * 1.4); padding-bottom: calc(var(--u) * .6); }
.degraus li { min-height: 0; height: calc(var(--u) * (17 + var(--n) * 1.7)); padding: calc(var(--u) * 1.5); gap: calc(var(--u) * .4); }
.degraus__ic { width: calc(var(--u) * 3.1); height: calc(var(--u) * 3.1); font-size: calc(var(--u) * 1.6); }
.degraus small { margin-top: calc(var(--u) * .6); }
.degraus b { font-size: calc(var(--u) * 2.1); }
.degraus p { font-size: calc(var(--u) * 1); }
.corrente { font-size: calc(var(--u) * 1.4); }
.corrente span { padding: calc(var(--u) * .55) calc(var(--u) * 1.4); }

/* ==========================================================================
   A rotina do líder (último slide)
   ========================================================================== */

.passos-lider { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(var(--u) * 1.1); }

/* trilha pontilhada que liga os cinco passos */
.passos-lider::before {
  content: '';
  position: absolute;
  left: 4%;
  right: 4%;
  top: calc(var(--u) * 1.5);
  border-top: 2px dashed rgba(252, 211, 77, .45);
}

.passos-lider li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--u) * .5);
  min-height: calc(var(--u) * 21);
  margin-top: calc(var(--u) * 1.5);
  padding: calc(var(--u) * 2.6) calc(var(--u) * 1.5) calc(var(--u) * 1.6);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: calc(var(--u) * 1.4);
  background: rgba(255, 255, 255, .07);
  backdrop-filter: blur(10px);
}

.passos-lider__n {
  position: absolute;
  left: calc(var(--u) * 1.5);
  top: calc(var(--u) * -1.5);
  display: grid;
  place-items: center;
  width: calc(var(--u) * 3);
  height: calc(var(--u) * 3);
  border: 2px solid #fcd34d;
  border-radius: 50%;
  background: var(--navy);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.3);
  font-weight: 700;
  color: #fcd34d;
}

.passos-lider__ic { display: grid; place-items: center; width: calc(var(--u) * 3.1); height: calc(var(--u) * 3.1); border-radius: calc(var(--u) * .9); background: rgba(252, 211, 77, .14); color: #fcd34d; font-size: calc(var(--u) * 1.6); }
.passos-lider small { margin-top: calc(var(--u) * .9); font-size: calc(var(--u) * .78); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #fcd34d; }
.passos-lider b { font-family: var(--font-display); font-size: calc(var(--u) * 1.65); font-weight: 700; line-height: 1.15; letter-spacing: -.015em; }
.passos-lider p { margin: 0; font-size: calc(var(--u) * 1); line-height: 1.45; color: rgba(255, 255, 255, .78); }

/* reconhecimento: os dois últimos passos em dourado */
.passos-lider .is-ouro { border: 0; background: linear-gradient(160deg, #fde68a, #f59e0b 60%, #fb923c); color: var(--navy); backdrop-filter: none; }
.passos-lider .is-ouro .passos-lider__n { border-color: var(--navy); background: #fcd34d; color: var(--navy); }
.passos-lider .is-ouro .passos-lider__ic { background: var(--navy); color: #fcd34d; }
.passos-lider .is-ouro small { color: rgba(11, 21, 48, .7); }
.passos-lider .is-ouro p { color: rgba(11, 21, 48, .84); }

.recado {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 1.2);
  margin: 0;
  padding: calc(var(--u) * 1.2) calc(var(--u) * 2);
  border: 1px solid rgba(252, 211, 77, .5);
  border-radius: var(--radius);
  background: rgba(252, 211, 77, .08);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.6);
  font-weight: 500;
  color: var(--paper);
}

.recado .ic { font-size: calc(var(--u) * 2); color: #fcd34d; }
.recado em { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 700; }

@media screen and (max-aspect-ratio: 1/1) {
  .passos-lider { grid-template-columns: 1fr; }
  .passos-lider::before { display: none; }
  .passos-lider li { min-height: 0; }
}

/* ==========================================================================
   Encerramento
   ========================================================================== */

.capa__img--encerra { object-position: 64% 46%; }

.capa__veu--encerra {
  background:
    radial-gradient(70% 62% at 50% 54%, rgba(8, 14, 36, .78), rgba(8, 14, 36, .38) 70%, rgba(8, 14, 36, .55)),
    linear-gradient(to top, rgba(8, 14, 36, .85), transparent 40%);
}

.encerra {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--u) * 2);
  padding: 0 var(--pad-x);
  text-align: center;
}

.encerra__logo { height: calc(var(--u) * 4); width: auto; margin-bottom: calc(var(--u) * 2); filter: brightness(0) invert(1); }
.eyebrow--centro::after { content: ''; width: calc(var(--u) * 2.4); height: calc(var(--u) * .28); border-radius: 99px; background: var(--ouro); }
.encerra .display { font-size: calc(var(--u) * 8); }
.encerra .display em { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.encerra .lead { max-width: none; font-size: calc(var(--u) * 1.8); }

.encerra__obrigado {
  margin: calc(var(--u) * 2) 0 0;
  padding: calc(var(--u) * .8) calc(var(--u) * 2.6);
  border: 1px solid rgba(252, 211, 77, .6);
  border-radius: 99px;
  background: rgba(8, 14, 36, .45);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.6);
  font-weight: 600;
  letter-spacing: .04em;
  color: #fcd34d;
}

/* ==========================================================================
   Apresentação do vendedor: componentes próprios
   ========================================================================== */

.ic--cheio { fill: currentColor; stroke: none; }
.faixa--menor { align-self: flex-start; font-size: calc(var(--u) * 1.6); }

/* ------------------------------------------- canais conectados: o funil -- */

.split--canais { grid-template-columns: .7fr 1.3fr; gap: calc(var(--u) * 3); }
.split--canais .title { font-size: calc(var(--u) * 3.2); }
.split--canais .lead { font-size: calc(var(--u) * 1.35); }
.split--canais .split__texto { gap: calc(var(--u) * 1.7); }

.grupos { display: grid; gap: calc(var(--u) * .9); align-self: stretch; }
.grupos li { display: flex; align-items: flex-start; gap: calc(var(--u) * 1); font-size: calc(var(--u) * 1.05); line-height: 1.4; color: var(--muted); }
.grupos i { flex: none; width: calc(var(--u) * 1.1); height: calc(var(--u) * 1.1); margin-top: calc(var(--u) * .3); border-radius: 50%; border: calc(var(--u) * .28) solid var(--anel); }
.grupos b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.3); color: var(--ink); }
.g-meta { --anel: #0668e1; }
.g-montadora { --anel: #cc0000; }
.g-portais { --anel: #f59e0b; }

.funil-canais { position: relative; height: calc(var(--u) * 34); }
.funil-canais__svg { position: absolute; inset: 0; width: 100%; height: 100%; }

.funil-canais__linhas path { fill: none; stroke: #94a3b8; stroke-width: 2; stroke-dasharray: 3 9; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.slide.is-active .funil-canais__linhas path { animation: corre 1.6s linear infinite; }
.funil-canais__saida { fill: none; stroke: var(--brand); stroke-width: 3; stroke-dasharray: 3 8; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.slide.is-active .funil-canais__saida { animation: corre 1.2s linear infinite; }

@keyframes corre { to { stroke-dashoffset: -24; } }

.bolhas li {
  --anel: #f59e0b;
  position: absolute;
  left: var(--x);
  top: var(--y);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--u) * .3);
  transform: translateX(-50%);
}

.bolhas span {
  display: grid;
  place-items: center;
  width: calc(var(--u) * 4.5);
  height: calc(var(--u) * 4.5);
  border: calc(var(--u) * .22) solid var(--anel);
  border-radius: 50%;
  background: var(--paper);
  box-shadow: 0 calc(var(--u) * .6) calc(var(--u) * 1.6) rgba(15, 23, 42, .14);
  color: var(--anel);
  font-size: calc(var(--u) * 2.2);
  overflow: hidden;
}

.slide.is-active .bolhas span { animation: boia 3.6s ease-in-out var(--d) infinite; }

@keyframes boia {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(calc(var(--u) * -.5)); }
}

.bolhas img { width: 70%; height: 70%; object-fit: contain; border-radius: calc(var(--u) * .5); }

.bolhas small {
  padding: 0 calc(var(--u) * .5);
  border-radius: 99px;
  background: rgba(255, 255, 255, .92);
  font-size: calc(var(--u) * .8);
  font-weight: 600;
  white-space: nowrap;
  color: var(--ink-2);
}

.b-meta, .b-insta, .b-face, .b-whats { --anel: #0668e1 !important; }
.b-insta span { color: #e1306c; }
.b-face span { color: #1877f2; }
.b-whats span { color: #25d366; }
.b-honda { --anel: #cc0000 !important; }
.b-site { --anel: #64748b !important; }
.b-site span { color: var(--brand); }

.funil-canais__marca {
  position: absolute;
  left: 50%;
  top: 53%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--u) * .3);
  transform: translateX(-50%);
  color: var(--paper);
}

.funil-canais__marca img { height: calc(var(--u) * 2.2); width: auto; filter: brightness(0) invert(1); }
.funil-canais__marca small { font-size: calc(var(--u) * .8); font-weight: 700; letter-spacing: .3em; }

.funil-canais__lead {
  position: absolute;
  left: 50%;
  top: 86.5%;
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 1.1);
  padding: calc(var(--u) * .9) calc(var(--u) * 1.4);
  border: 2px solid var(--brand);
  border-radius: calc(var(--u) * 1.1);
  background: var(--paper);
  box-shadow: 0 calc(var(--u) * 1.2) calc(var(--u) * 3) rgba(7, 71, 214, .2);
  transform: translateX(-50%);
  white-space: nowrap;
}

.funil-canais__avatar { display: grid; place-items: center; width: calc(var(--u) * 3); height: calc(var(--u) * 3); border-radius: 50%; background: linear-gradient(135deg, var(--brand-2), var(--brand)); font-size: calc(var(--u) * .95); font-weight: 700; color: var(--paper); }
.funil-canais__lead p { margin: 0; line-height: 1.25; }
.funil-canais__lead small { display: block; font-size: calc(var(--u) * .72); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--brand); }
.funil-canais__lead b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.3); }
.funil-canais__lead em { font-size: calc(var(--u) * .85); font-style: normal; color: var(--muted); }
.funil-canais__lead strong { padding: calc(var(--u) * .35) calc(var(--u) * 1); border-radius: 99px; background: var(--ouro); font-size: calc(var(--u) * .9); color: var(--navy); }

/* ------------------------------------------------ duas telas sobrepostas -- */

.telas-duplas { position: relative; padding: 0 0 calc(var(--u) * 7) 0; }
.telas-duplas > .tela:first-child { width: 86%; }
.telas-duplas__frente { position: absolute; right: 0; bottom: 0; width: 46%; }

@media screen and (max-aspect-ratio: 1/1) {
  .split--canais { grid-template-columns: 1fr; }
  .funil-canais { height: 120vw; }
  .telas-duplas__frente { position: static; width: 100%; margin-top: 4vw; }
  .telas-duplas > .tela:first-child { width: 100%; }
}

/* ajustes desta apresentação */
.rotina__topo--pilha { grid-template-columns: 1fr; gap: calc(var(--u) * 1.4); }
.rotina__topo--pilha .mega { font-size: calc(var(--u) * 5); }
.rotina__topo--pilha .lead { max-width: 60ch; padding-bottom: 0; }
.rotina__topo--pilha + .degraus li { height: calc(var(--u) * (13.5 + var(--n) * 1.5)); }
.degraus b { font-size: calc(var(--u) * 1.75); }

.niveis li { min-height: calc(var(--u) * (12 + var(--n) * 1.5)); }

/* as linhas ficam atrás das bolhas, e as bolhas não deixam a linha vazar */
.bolhas li { z-index: 1; }
.bolhas small { background: #f6f8fc; }

.telas-duplas { padding-bottom: calc(var(--u) * 4); }
.telas-duplas > .tela:first-child { width: 80%; }
.telas-duplas > .tela:first-child img { max-height: calc(var(--u) * 24); object-fit: cover; object-position: top; }
.telas-duplas__frente { width: 44%; }
.telas-duplas__frente img { max-height: calc(var(--u) * 19); object-fit: cover; object-position: top; }
.faixa--menor { padding: calc(var(--u) * 1.1) calc(var(--u) * 2); }

/* ==========================================================================
   Página do vendedor
   ========================================================================== */

.split--pagina { grid-template-columns: .82fr 1.18fr; gap: calc(var(--u) * 2.4); }
.split--pagina .split__texto { gap: calc(var(--u) * 1.5); }
.split--pagina .title { font-size: calc(var(--u) * 3.3); }
.split--pagina .lead { font-size: calc(var(--u) * 1.3); }
.split--pagina .passos-conta { gap: calc(var(--u) * .7); }
.split--pagina .passos-conta li { padding-top: calc(var(--u) * .8); padding-bottom: calc(var(--u) * .8); font-size: calc(var(--u) * 1.08); }
.split--pagina .passos-conta b { font-size: calc(var(--u) * 1.2); }

.divulgar { display: flex; flex-wrap: wrap; gap: calc(var(--u) * .5); }
.divulgar li { padding: calc(var(--u) * .4) calc(var(--u) * 1); border: 1px solid var(--line); border-radius: 99px; background: var(--paper); font-size: calc(var(--u) * .92); font-weight: 600; color: var(--ink-2); }

.vitrine { display: grid; grid-template-columns: 1fr auto 1fr; gap: calc(var(--u) * 1.6); align-items: stretch; height: calc(var(--u) * 37); }

/* celular */
.celular {
  position: relative;
  width: calc(var(--u) * 19.5);
  height: 100%;
  padding: calc(var(--u) * .7);
  border-radius: calc(var(--u) * 2.8);
  background: var(--navy);
  box-shadow: 0 calc(var(--u) * 2.4) calc(var(--u) * 6) rgba(15, 23, 42, .28), inset 0 0 0 2px #2a3558;
}

.celular__topo {
  position: absolute;
  left: 50%;
  top: calc(var(--u) * 1.2);
  z-index: 2;
  width: calc(var(--u) * 5);
  height: calc(var(--u) * 1.1);
  border-radius: 99px;
  background: var(--navy);
  transform: translateX(-50%);
}

.celular__tela { height: 100%; overflow: hidden; border-radius: calc(var(--u) * 2.2); background: var(--paper); }
.celular__tela img { width: 100%; height: auto; }

/* a página rola devagar, como alguém navegando */
.slide.is-active .celular__tela img { animation: rola-pagina 14s ease-in-out 1.5s infinite alternate; }

@keyframes rola-pagina {
  0%, 18% { transform: translateY(0); }
  82%, 100% { transform: translateY(calc(var(--u) * 35.6 - 100%)); }
}

/* notas ao lado do celular */
.vitrine__notas { position: relative; }

.vitrine__notas li {
  position: absolute;
  top: var(--y);
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * .2);
  padding: calc(var(--u) * .8) calc(var(--u) * 1.1);
  border-radius: calc(var(--u) * 1);
  background: var(--paper);
  box-shadow: var(--sombra);
  font-size: calc(var(--u) * .9);
  line-height: 1.35;
  color: var(--muted);
}

.vitrine__notas b { font-family: var(--font-display); font-size: calc(var(--u) * 1.1); color: var(--ink); }
.vitrine__notas--esq li { right: 0; left: 0; text-align: right; align-items: flex-end; border-right: calc(var(--u) * .3) solid var(--brand); }
.vitrine__notas--dir li { left: 0; right: 0; border-left: calc(var(--u) * .3) solid var(--brand); }

/* tracinho que liga a nota ao celular */
.vitrine__notas li::after { content: ''; position: absolute; top: 50%; width: calc(var(--u) * 1.3); border-top: 2px dashed #94a3b8; }
.vitrine__notas--esq li::after { left: 100%; margin-left: calc(var(--u) * .3); }
.vitrine__notas--dir li::after { right: 100%; margin-right: calc(var(--u) * .3); }

.vitrine__notas .is-acao { border-left-color: #ef2b2d; padding-top: calc(var(--u) * .55); padding-bottom: calc(var(--u) * .55); }
.vitrine__notas .is-link { border-right-color: var(--sun); }
.vitrine__notas .is-link .ic,
.vitrine__notas .is-lead .ic { font-size: calc(var(--u) * 1.5); }
.vitrine__notas .is-link .ic { color: var(--sun); }

.vitrine__notas .is-lead {
  border: 0;
  background: var(--navy);
  box-shadow: 0 calc(var(--u) * 1.2) calc(var(--u) * 3) rgba(11, 21, 48, .3);
}

.vitrine__notas .is-lead b { color: #fcd34d; font-size: calc(var(--u) * 1.2); }
.vitrine__notas .is-lead .ic { color: #fcd34d; }
.vitrine__notas .is-lead::after { display: none; }

@media screen and (max-aspect-ratio: 1/1) {
  .split--pagina,
  .vitrine { grid-template-columns: 1fr; height: auto; }
  .celular { height: 150vw; margin: 0 auto; }
  .vitrine__notas li { position: static; margin-bottom: 2vw; }
}

/* celular na medida exata da imagem: sem entalhe sobre o conteúdo e sem sobra */
.vitrine { height: calc(var(--u) * 34.6); }
.celular { padding-top: calc(var(--u) * 2.2); }
.celular__topo { top: calc(var(--u) * .8); width: calc(var(--u) * 4); height: calc(var(--u) * .5); background: #2a3558; }
.celular__tela { border-radius: calc(var(--u) * .6) calc(var(--u) * .6) calc(var(--u) * 2.2) calc(var(--u) * 2.2); }
.slide.is-active .celular__tela img { animation: none; }

/* ==========================================================================
   Estúdio de postagens
   ========================================================================== */

.stack--estudio { gap: calc(var(--u) * 1.4); }
.stack--estudio .title { max-width: none; font-size: calc(var(--u) * 3.1); }

.estudio { display: grid; grid-template-columns: 1.085fr 1fr; gap: calc(var(--u) * 1.6); width: 86%; margin: 0 auto; align-items: start; }
.estudio .tela { flex: none; }
.estudio__img { position: relative; }
.estudio__img img { display: block; width: 100%; height: auto; }

/* etiqueta sobre a tela */
.marca-tela {
  position: absolute;
  left: var(--x);
  top: var(--y);
  padding: calc(var(--u) * .35) calc(var(--u) * .9);
  border-radius: 99px;
  background: var(--brand);
  box-shadow: 0 calc(var(--u) * .4) calc(var(--u) * 1.2) rgba(7, 71, 214, .35);
  font-size: calc(var(--u) * .82);
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  color: var(--paper);
}

.marca-tela--dir { transform: translateX(-100%); }
.marca-tela--ouro { background: var(--ouro); box-shadow: 0 calc(var(--u) * .4) calc(var(--u) * 1.2) rgba(245, 158, 11, .4); color: var(--navy); }
.marca-tela--bloco { border-radius: calc(var(--u) * .6); padding: calc(var(--u) * .45) calc(var(--u) * .9); }

/* passos em linha, versão clara */
.trilha { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: calc(var(--u) * .8) calc(var(--u) * 2.6); counter-reset: tr; }

.trilha li {
  counter-increment: tr;
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(var(--u) * .7);
  padding: calc(var(--u) * .6) calc(var(--u) * 1.4) calc(var(--u) * .6) calc(var(--u) * .6);
  border: 1px solid var(--line);
  border-radius: 99px;
  background: var(--paper);
  box-shadow: 0 2px 10px rgba(15, 23, 42, .05);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.15);
  font-weight: 600;
}

.trilha li::before {
  content: counter(tr);
  display: grid;
  place-items: center;
  width: calc(var(--u) * 2);
  height: calc(var(--u) * 2);
  border-radius: 50%;
  background: var(--ouro);
  font-size: calc(var(--u) * .95);
  font-weight: 700;
  color: var(--navy);
}

.trilha li + li::after { content: '\2192'; position: absolute; left: calc(var(--u) * -1.9); color: var(--sun); font-size: calc(var(--u) * 1.3); }
.trilha .is-fim { border-color: transparent; background: var(--navy); color: #fcd34d; }

@media screen and (max-aspect-ratio: 1/1) {
  .estudio { grid-template-columns: 1fr; width: 100%; }
}

/* ==========================================================================
   Calculadora de consórcio
   ========================================================================== */

.stack--consorcio { gap: calc(var(--u) * 1.3); }
.stack--consorcio .title { max-width: none; font-size: calc(var(--u) * 3.1); }

.tres-telas { display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: calc(var(--u) * 1.5); align-items: start; }
.tres-telas figure { display: flex; flex-direction: column; gap: calc(var(--u) * .8); }
.tres-telas .tela { flex: none; }

.tres-telas figcaption { display: flex; align-items: center; gap: calc(var(--u) * .9); font-size: calc(var(--u) * .95); line-height: 1.3; color: var(--muted); }
.tres-telas figcaption b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.3); color: var(--ink); }

.tres-telas figcaption > span {
  display: grid;
  place-items: center;
  flex: none;
  width: calc(var(--u) * 2.4);
  height: calc(var(--u) * 2.4);
  border-radius: 50%;
  background: var(--navy);
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--paper);
}

.tres-telas__foco figcaption > span { background: var(--ouro); color: var(--navy); }
.tres-telas__foco .tela { box-shadow: 0 0 0 2px #fcd34d, 0 calc(var(--u) * 2) calc(var(--u) * 5) rgba(245, 158, 11, .22); }

.opcoes { display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(var(--u) * 1); }

.opcoes li {
  padding: calc(var(--u) * .7) calc(var(--u) * 1.1);
  border-top: calc(var(--u) * .28) solid var(--brand);
  border-radius: 0 0 calc(var(--u) * .9) calc(var(--u) * .9);
  background: var(--paper);
  box-shadow: 0 2px 10px rgba(15, 23, 42, .05);
  font-size: calc(var(--u) * .92);
  line-height: 1.35;
  color: var(--muted);
}

.opcoes b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.15); color: var(--ink); }
.opcoes .is-ouro { border-top-color: var(--sun); background: var(--sun-soft); }

@media screen and (max-aspect-ratio: 1/1) {
  .tres-telas,
  .opcoes { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Scripts de venda (quadro recriado)
   ========================================================================== */

.s-prospeccao { --s: #6366f1; }
.s-sondagem { --s: #06b6d4; }
.s-apresentacao { --s: #f59e0b; }
.s-objecoes { --s: #ef4444; }
.s-acompanhamento { --s: #8b5cf6; }

.scripts__corpo { display: grid; gap: calc(var(--u) * .8); padding: calc(var(--u) * 1); background: var(--paper); }

.scripts__abas { display: flex; gap: calc(var(--u) * .6); }
.scripts__abas span { padding: calc(var(--u) * .3) calc(var(--u) * 1); border-radius: calc(var(--u) * .5); font-size: calc(var(--u) * .8); font-weight: 600; color: var(--muted); }
.scripts__abas .is-on { background: #22d3ee; color: var(--paper); }

.scripts__colunas { display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(var(--u) * .8); align-items: start; }
.scripts__colunas section { display: grid; gap: calc(var(--u) * .6); }

.scripts__colunas header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(var(--u) * .5) calc(var(--u) * .9);
  border-radius: calc(var(--u) * .6);
  background: var(--s);
  font-size: calc(var(--u) * .72);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--paper);
}

.scripts__colunas header i { padding: 0 calc(var(--u) * .5); border-radius: 99px; background: rgba(255, 255, 255, .28); font-style: normal; font-weight: 700; }

.script { padding: calc(var(--u) * .9) calc(var(--u) * 1); border: 1px solid var(--line); border-radius: calc(var(--u) * .8); background: var(--paper); }

.script h5 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(var(--u) * .6);
  margin: 0 0 calc(var(--u) * .6);
  font-family: var(--font-display);
  font-size: calc(var(--u) * .95);
  font-weight: 700;
  line-height: 1.25;
}

.script p { margin: 0 0 calc(var(--u) * .5); font-size: calc(var(--u) * .86); line-height: 1.45; color: var(--ink-2); }
.script p:last-child { margin-bottom: 0; }
.script mark { padding: 0 .2em; border-radius: .25em; background: color-mix(in srgb, var(--s) 16%, white); font-weight: 600; color: color-mix(in srgb, var(--s) 70%, black); }

.script__acoes { display: flex; flex: none; gap: calc(var(--u) * .3); }
.script__acoes i { display: grid; place-items: center; width: calc(var(--u) * 1.6); height: calc(var(--u) * 1.6); border: 1px solid var(--line); border-radius: calc(var(--u) * .4); font-size: calc(var(--u) * .85); color: var(--muted); }

.script--proximo { opacity: .55; }
.script--proximo h5 { margin: 0; }

@media screen and (max-aspect-ratio: 1/1) {
  .scripts__colunas { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Quadro de oportunidades (kanban recriado)
   ========================================================================== */

.kb__corpo { display: grid; gap: calc(var(--u) * .7); padding: calc(var(--u) * .9); background: var(--paper-2); }

.kb__topo { display: flex; align-items: center; gap: calc(var(--u) * .6); font-size: calc(var(--u) * .78); color: var(--ink-2); }
.kb__topo > span { padding: calc(var(--u) * .35) calc(var(--u) * .9); border: 1px solid var(--line); border-radius: calc(var(--u) * .5); background: var(--paper); }
.kb__funil { font-weight: 700; }
.kb__funil::after { content: ' ▾'; color: var(--muted); }
.kb__modos { display: flex; gap: calc(var(--u) * .2); padding: calc(var(--u) * .2) !important; }
.kb__modos b, .kb__modos i { padding: calc(var(--u) * .15) calc(var(--u) * .7); border-radius: calc(var(--u) * .35); font-style: normal; }
.kb__modos b { background: var(--brand); color: var(--paper); }
.kb__busca { flex: 1; color: var(--muted) !important; }
.kb__nova { border-color: var(--brand) !important; background: var(--brand) !important; font-weight: 700; color: var(--paper); }

.kb__colunas { display: grid; grid-template-columns: repeat(6, 1fr); gap: calc(var(--u) * .6); align-items: start; }
.kb__colunas section { display: grid; gap: calc(var(--u) * .5); padding: calc(var(--u) * .5); border-radius: calc(var(--u) * .8); background: #edf1f7; min-height: calc(var(--u) * 20.5); align-content: start; }
.kb__colunas section > header { display: flex; align-items: center; justify-content: space-between; padding: calc(var(--u) * .2) calc(var(--u) * .4); font-size: calc(var(--u) * .8); }
.kb__colunas section > header i { padding: 0 calc(var(--u) * .5); border-radius: 99px; background: var(--paper); font-size: calc(var(--u) * .72); font-style: normal; font-weight: 700; color: var(--muted); }

.kb-card { display: grid; gap: calc(var(--u) * .35); padding: calc(var(--u) * .7) calc(var(--u) * .8); border: 1px solid var(--line); border-radius: calc(var(--u) * .7); background: var(--paper); box-shadow: 0 1px 4px rgba(15, 23, 42, .05); }
.kb-card.is-novo { border-color: var(--brand); box-shadow: 0 0 0 2px rgba(7, 71, 214, .18); }
.kb-card header { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--u) * .4); }
.kb-card header b { font-size: calc(var(--u) * .86); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kb-card header i { display: grid; place-items: center; flex: none; width: calc(var(--u) * 1.5); height: calc(var(--u) * 1.5); border-radius: calc(var(--u) * .4); background: #eef2ff; font-size: calc(var(--u) * .85); color: #4f46e5; }

.kb-pill, .kb-tag { justify-self: start; display: inline-flex; align-items: center; gap: calc(var(--u) * .3); margin: 0; padding: calc(var(--u) * .12) calc(var(--u) * .6); border-radius: 99px; font-size: calc(var(--u) * .7); font-weight: 600; white-space: nowrap; }
.kb-pill--hoje { background: #e0f2fe; color: #0369a1; }
.kb-pill--depois { background: #f1f5f9; color: var(--ink-2); }
.kb-pill--atraso { background: #fee2e2; color: #b91c1c; }
.kb-tag--gelo { background: #e0f2fe; color: #0369a1; }
.kb-tag--checagem { background: #fef3c7; color: #92400e; }
.kb-meta { margin: 0; font-size: calc(var(--u) * .7); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.kb-card footer { display: flex; align-items: center; justify-content: space-between; padding-top: calc(var(--u) * .3); border-top: 1px solid var(--line); }
.kb-card footer b { font-family: var(--font-display); font-size: calc(var(--u) * .82); }
.kb-situacao { padding: 0 calc(var(--u) * .5); border-radius: 99px; background: #e0f2fe; font-size: calc(var(--u) * .65); font-weight: 600; color: #0369a1; }

.quatro-notas { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--u) * 1.2); }
.quatro-notas li { display: flex; align-items: center; gap: calc(var(--u) * .9); font-size: calc(var(--u) * 1); line-height: 1.35; color: var(--muted); }
.quatro-notas li > span { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.8); height: calc(var(--u) * 2.8); border-radius: calc(var(--u) * .8); background: color-mix(in srgb, var(--brand) 10%, white); color: var(--brand); font-size: calc(var(--u) * 1.4); }
.quatro-notas b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.2); color: var(--ink); }

@media screen and (max-aspect-ratio: 1/1) {
  .kb__colunas { grid-template-columns: 1fr 1fr; }
  .quatro-notas { grid-template-columns: 1fr; }
}
.kb__colunas { align-items: stretch; }

/* ==========================================================================
   Oportunidade aberta: o follow-up
   ========================================================================== */

.op__corpo { display: grid; grid-template-columns: 1.5fr 1fr; gap: calc(var(--u) * .8); padding: calc(var(--u) * .9); background: var(--paper-2); }
.op__ficha { display: grid; gap: calc(var(--u) * .6); align-content: start; }

.op__topo { display: flex; align-items: center; gap: calc(var(--u) * .9); }
.op__topo b { font-family: var(--font-display); font-size: calc(var(--u) * 1.25); }
.op__estrelas { font-size: calc(var(--u) * .95); letter-spacing: .08em; color: #f59e0b; }
.op__estrelas i { font-style: normal; color: #d8dee9; }
.op__ferramentas { display: flex; gap: calc(var(--u) * .3); margin-left: auto; }
.op__ferramentas i { display: grid; place-items: center; width: calc(var(--u) * 1.8); height: calc(var(--u) * 1.8); border: 1px solid var(--line); border-radius: calc(var(--u) * .45); background: var(--paper); font-size: calc(var(--u) * .95); color: var(--muted); }
.op__av { background: var(--brand); width: calc(var(--u) * 2); height: calc(var(--u) * 2); }

.op__bloco,
.op__campo { position: relative; padding: calc(var(--u) * .6) calc(var(--u) * .8); border: 1px solid var(--line); border-radius: calc(var(--u) * .7); background: var(--paper); }
.op small { display: block; margin-bottom: calc(var(--u) * .3); font-size: calc(var(--u) * .66); font-weight: 600; color: var(--muted); }

.op__estagios { display: flex; gap: calc(var(--u) * .25); }
.op__estagios li { flex: 1; padding: calc(var(--u) * .3) calc(var(--u) * .3); border-radius: calc(var(--u) * .4); background: var(--paper-2); font-size: calc(var(--u) * .68); font-weight: 600; text-align: center; white-space: nowrap; color: var(--muted); }
.op__estagios .is-on { flex: 1.9; background: var(--brand); color: var(--paper); }
.op__estagios em { margin-left: .4em; font-weight: 400; opacity: .85; }

.op__linha { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * .6); }
.op__campo > span:not(.passo) { font-size: calc(var(--u) * .85); font-weight: 600; }

.op__duas { display: grid; grid-template-columns: 1.3fr 1fr; gap: calc(var(--u) * .6); }
.op__lado { display: grid; gap: calc(var(--u) * .6); align-content: start; }

.op__comentarios p { margin: 0 0 calc(var(--u) * .4); padding: calc(var(--u) * .45) calc(var(--u) * .6); border-radius: calc(var(--u) * .5); background: var(--paper-2); font-size: calc(var(--u) * .74); line-height: 1.4; color: var(--ink-2); }
.op__comentarios p b { display: block; font-size: calc(var(--u) * .64); color: var(--muted); }

.op__input { display: flex; align-items: center; justify-content: space-between; padding: calc(var(--u) * .4) calc(var(--u) * .7); border: 1px solid var(--line); border-radius: calc(var(--u) * .5); background: var(--paper); font-size: calc(var(--u) * .72); color: #9aa5b5; }

.op__acoes { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * .3); }
.op__acoes span { padding: calc(var(--u) * .3); border: 1px solid var(--line); border-radius: calc(var(--u) * .4); font-size: calc(var(--u) * .68); font-weight: 600; text-align: center; white-space: nowrap; }
.op__acoes .is-on { border-color: #22c55e; background: #f0fdf4; color: #15803d; }

.op__valor { display: flex; justify-content: space-between; align-items: baseline; margin: 0; font-size: calc(var(--u) * .76); color: var(--ink-2); }
.op__valor b { font-family: var(--font-display); font-size: calc(var(--u) * .95); color: var(--ink); }

/* painel de conversa */
.op__conversa { position: relative; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: calc(var(--u) * .7); background: #f3f6f1; overflow: visible; }
.op__conversa header { display: flex; align-items: center; gap: calc(var(--u) * .5); padding: calc(var(--u) * .6) calc(var(--u) * .9); border-bottom: 1px solid var(--line); border-radius: calc(var(--u) * .7) calc(var(--u) * .7) 0 0; background: var(--paper); font-size: calc(var(--u) * .85); }
.op__conversa header .ic { font-size: calc(var(--u) * 1.1); color: #25d366; }
.op__conversa header small { margin: 0 0 0 auto; }

.op__fio { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; gap: calc(var(--u) * .45); padding: calc(var(--u) * .8); }
.op__fio p { position: relative; max-width: 86%; margin: 0; padding: calc(var(--u) * .5) calc(var(--u) * .75) calc(var(--u) * 1.15); border-radius: calc(var(--u) * .7); font-size: calc(var(--u) * .78); line-height: 1.4; color: var(--ink); box-shadow: 0 1px 2px rgba(15, 23, 42, .08); }
.op__fio .eu { align-self: flex-end; background: #d9fdd3; border-bottom-right-radius: calc(var(--u) * .15); }
.op__fio .ela { align-self: flex-start; background: var(--paper); border-bottom-left-radius: calc(var(--u) * .15); }
.op__fio time { position: absolute; right: calc(var(--u) * .6); bottom: calc(var(--u) * .25); font-size: calc(var(--u) * .58); color: var(--muted); }
.op__input--chat { margin: 0 calc(var(--u) * .8) calc(var(--u) * .8); border-radius: 99px; }
.op__input--chat .ic { font-size: calc(var(--u) * .95); color: #25d366; }

/* marcadores dos três movimentos */
.passo {
  position: absolute;
  top: calc(var(--u) * -.8);
  right: calc(var(--u) * -.6);
  z-index: 2;
  display: grid;
  place-items: center;
  width: calc(var(--u) * 2);
  height: calc(var(--u) * 2);
  border: 2px solid var(--paper);
  border-radius: 50%;
  background: var(--ouro);
  box-shadow: 0 0 0 calc(var(--u) * .35) rgba(245, 158, 11, .25);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1);
  font-weight: 700;
  color: var(--navy);
}

.op__campo.is-foco,
.op__comentarios,
.op__conversa { box-shadow: 0 0 0 2px #fcd34d; border-color: transparent; }
.op__comentarios .is-novo { background: var(--sun-soft); }

.passos-fu { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 1.4); }
.passos-fu li { display: flex; align-items: center; gap: calc(var(--u) * 1); font-size: calc(var(--u) * 1.05); line-height: 1.35; color: var(--muted); }
.passos-fu li > span { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.8); height: calc(var(--u) * 2.8); border-radius: 50%; background: var(--ouro); font-family: var(--font-display); font-size: calc(var(--u) * 1.3); font-weight: 700; color: var(--navy); }
.passos-fu b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.3); color: var(--ink); }

@media screen and (max-aspect-ratio: 1/1) {
  .op__corpo,
  .op__duas,
  .passos-fu { grid-template-columns: 1fr; }
  .op__estagios { flex-wrap: wrap; }
}
.op__conversa header { padding-right: calc(var(--u) * 2.4); }

/* ==========================================================================
   Conversas na oportunidade: WhatsApp e Instagram
   ========================================================================== */

.split--conversas { grid-template-columns: .64fr 1.36fr; gap: calc(var(--u) * 2.6); }
.split--conversas .title { font-size: calc(var(--u) * 3.2); }
.split--conversas .lead { font-size: calc(var(--u) * 1.35); }
.split--conversas .split__texto { gap: calc(var(--u) * 1.7); }

.cv { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 1.6); }
.cv__painel { display: flex; flex-direction: column; }
.cv__corpo { flex: 1; display: flex; flex-direction: column; gap: calc(var(--u) * .7); padding: calc(var(--u) * 1); background: var(--paper); }
.cv__titulo { margin: 0; font-size: calc(var(--u) * .75); font-weight: 600; color: var(--muted); }

.cv__canais { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * .5); }

.cv__canal { display: flex; align-items: center; gap: calc(var(--u) * .6); padding: calc(var(--u) * .55) calc(var(--u) * .7); border: 1px solid var(--line); border-radius: calc(var(--u) * .6); font-size: calc(var(--u) * .68); color: var(--muted); }
.cv__canal b { display: block; font-size: calc(var(--u) * .78); color: var(--ink); white-space: nowrap; }
.cv__canal i { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2); height: calc(var(--u) * 2); border-radius: calc(var(--u) * .5); background: var(--paper-2); font-size: calc(var(--u) * 1.15); }
.c-whats { color: #25d366; }
.c-insta { color: #e1306c; }
.cv__canal.is-on { border-color: var(--brand); background: var(--brand); color: rgba(255, 255, 255, .8); box-shadow: 0 calc(var(--u) * .4) calc(var(--u) * 1.2) rgba(7, 71, 214, .3); }
.cv__canal.is-on b { color: var(--paper); }
.cv__canal.is-on i { background: rgba(255, 255, 255, .16); color: var(--paper); }

.cv__fio { flex: 1; min-height: calc(var(--u) * 17); padding: calc(var(--u) * .9); border-radius: calc(var(--u) * .7); background: #f3f6f1; justify-content: flex-start; }
.cv__fio p { font-size: calc(var(--u) * .86); }
.cv__fio--insta { background: #faf5fb; }
.cv__fio--insta .eu { background: linear-gradient(135deg, #7c3aed, #db2777); color: var(--paper); }
.cv__fio--insta .eu time { color: rgba(255, 255, 255, .75); }
.cv__dia { align-self: center; padding: calc(var(--u) * .15) calc(var(--u) * .8); border-radius: 99px; background: rgba(15, 23, 42, .06); font-size: calc(var(--u) * .66); font-weight: 600; color: var(--muted); }
.cv .op__input--chat { margin: 0; }

.cv__anexo { display: flex; align-items: center; gap: calc(var(--u) * .5); margin-top: calc(var(--u) * .4); padding: calc(var(--u) * .45) calc(var(--u) * .7); border-radius: calc(var(--u) * .5); background: rgba(255, 255, 255, .7); font-size: calc(var(--u) * .76); font-weight: 600; }
.cv__anexo .ic { color: var(--brand); }

/* seta entre os dois painéis: a conversa continua no outro canal */
.cv__ponte { position: absolute; left: 50%; top: 52%; z-index: 2; display: grid; place-items: center; width: calc(var(--u) * 3); height: calc(var(--u) * 3); border: 3px solid var(--paper); border-radius: 50%; background: var(--ouro); color: var(--navy); font-size: calc(var(--u) * 1.5); transform: translate(-50%, -50%); box-shadow: 0 calc(var(--u) * .5) calc(var(--u) * 1.4) rgba(245, 158, 11, .4); }

@media screen and (max-aspect-ratio: 1/1) {
  .split--conversas,
  .cv { grid-template-columns: 1fr; }
  .cv__ponte { display: none; }
}
.split--conversas .title { font-size: calc(var(--u) * 3); }
.split--conversas .tem li { padding: calc(var(--u) * .8) calc(var(--u) * 1.3); font-size: calc(var(--u) * 1.02); }
.split--conversas .tem b { font-size: calc(var(--u) * 1.25); }
.cv .tela__barra em { white-space: nowrap; }

/* ==========================================================================
   Copiloto
   ========================================================================== */

.stack--copiloto { gap: calc(var(--u) * 1.4); }
.stack--copiloto .title { max-width: none; font-size: calc(var(--u) * 3.1); }

.cp { display: grid; grid-template-columns: .82fr 1.18fr; gap: calc(var(--u) * 1.8); align-items: stretch; }
.cp figure { display: flex; flex-direction: column; gap: calc(var(--u) * .8); }
.cp .tela { flex: 1; display: flex; flex-direction: column; }

.cp figcaption { display: flex; align-items: center; gap: calc(var(--u) * .9); font-size: calc(var(--u) * .98); line-height: 1.3; color: var(--muted); }
.cp figcaption b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.35); color: var(--ink); }
.cp figcaption > span { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.4); height: calc(var(--u) * 2.4); border-radius: 50%; background: var(--navy); font-family: var(--font-display); font-weight: 700; color: var(--paper); }
.cp__foco figcaption > span { background: linear-gradient(135deg, #7c3aed, #4f46e5); }
.cp__foco .tela { box-shadow: 0 0 0 2px #a5b4fc, 0 calc(var(--u) * 2) calc(var(--u) * 5) rgba(79, 70, 229, .2); }

/* 1. menu de atalhos na oportunidade */
.cp__menu { flex: 1; display: flex; flex-direction: column; gap: calc(var(--u) * .8); padding: calc(var(--u) * 1.2); }
.cp__ola { display: flex; align-items: center; gap: calc(var(--u) * .7); margin: 0; font-size: calc(var(--u) * .95); color: var(--ink-2); }
.cp__ola b { margin-left: -.35em; color: var(--ink); }

.cp__ic-ia { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.4); height: calc(var(--u) * 2.4); border-radius: calc(var(--u) * .7); background: linear-gradient(135deg, #7c3aed, #4f46e5); color: var(--paper); font-size: calc(var(--u) * 1.3); }

.cp__menu ul { display: grid; gap: calc(var(--u) * .6); }
.cp__menu li { display: flex; align-items: center; gap: calc(var(--u) * .9); padding: calc(var(--u) * .8) calc(var(--u) * 1); border: 1px solid var(--line); border-radius: calc(var(--u) * .8); font-size: calc(var(--u) * .8); line-height: 1.35; color: var(--muted); }
.cp__menu li b { display: block; font-size: calc(var(--u) * .98); color: var(--ink); }
.cp__menu li i { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.4); height: calc(var(--u) * 2.4); border-radius: calc(var(--u) * .6); background: var(--paper-2); font-size: calc(var(--u) * 1.3); }
.t-ciano { color: #0891b2; }
.t-vermelho { color: #dc2626; }
.t-laranja { color: #ea580c; }
.t-azul { color: #0284c7; }

/* 2. IA na conversa */
.cp__ia { flex: 1; display: flex; flex-direction: column; gap: calc(var(--u) * .7); padding: calc(var(--u) * 1.2); background: #faf9ff; }
.cp__ia small { display: flex; align-items: center; gap: .4em; margin-bottom: calc(var(--u) * .3); font-size: calc(var(--u) * .68); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.cp__ia p { margin: 0; font-size: calc(var(--u) * .9); line-height: 1.4; color: var(--ink); }

.cp__cliente { align-self: flex-start; max-width: 80%; padding: calc(var(--u) * .6) calc(var(--u) * .9); border-radius: calc(var(--u) * .8) calc(var(--u) * .8) calc(var(--u) * .8) calc(var(--u) * .2); background: var(--paper); box-shadow: 0 1px 3px rgba(15, 23, 42, .1); }

.cp__cartoes { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: calc(var(--u) * .6); }
.cp__cartao { padding: calc(var(--u) * .8) calc(var(--u) * .9); border: 1px solid #e0e7ff; border-radius: calc(var(--u) * .8); background: var(--paper); }
.cp__cartao > b { font-family: var(--font-display); font-size: calc(var(--u) * 1.3); color: #047857; }
.cp__cartao > span { display: block; font-size: calc(var(--u) * .75); color: var(--muted); }
.cp__barra { height: calc(var(--u) * .5); margin-top: calc(var(--u) * .5); border-radius: 99px; background: #e5e7eb; overflow: hidden; }
.cp__barra i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #fbbf24, #10b981); }
.cp__cartao em { display: flex; justify-content: space-between; margin-top: calc(var(--u) * .2); font-size: calc(var(--u) * .6); font-style: normal; color: var(--muted); }
.cp__cartao--acao { border-color: #a5b4fc; background: #eef2ff; }
.cp__cartao--acao p { font-weight: 600; }

.cp__resposta { padding: calc(var(--u) * .9) calc(var(--u) * 1); border: 1.5px solid #a5b4fc; border-radius: calc(var(--u) * .9); background: var(--paper); }
.cp__resposta small { color: #4f46e5; }
.cp__resposta small .ic { font-size: calc(var(--u) * 1); }
.cp__cmds { display: flex; flex-wrap: wrap; gap: calc(var(--u) * .4); margin-top: calc(var(--u) * .7); }
.cp__cmds span { padding: calc(var(--u) * .2) calc(var(--u) * .7); border: 1px solid #c7d2fe; border-radius: 99px; font-size: calc(var(--u) * .72); font-weight: 600; color: #4338ca; }

@media screen and (max-aspect-ratio: 1/1) {
  .cp,
  .cp__cartoes { grid-template-columns: 1fr; }
}
.stack--copiloto .faixa { padding: calc(var(--u) * 1.1) calc(var(--u) * 2.2); font-size: calc(var(--u) * 1.6); }

/* ==========================================================================
   Abertura: mercado + produto + processo
   ========================================================================== */

/* cores dos três pilares desta abertura */
.p-mer { --p: #0747d6; --p-ink: #0747d6; }
.p-pro { --p: #cc0000; --p-ink: #b91c1c; }
.p-proc { --p: #f59e0b; --p-ink: #b45309; }

.slide.p-mer,
.slide.p-pro,
.slide.p-proc {
  background:
    radial-gradient(60% 55% at 100% 0%, color-mix(in srgb, var(--p) 14%, transparent), transparent 62%),
    linear-gradient(180deg, #f7f9ff, #ffffff 60%);
}

.stack--justo { gap: calc(var(--u) * 2); }
.faixa--media { font-size: calc(var(--u) * 1.55); }
.fonte { margin: 0; font-size: calc(var(--u) * .85); color: var(--muted); }

/* ------------------------------------------------------------- a pergunta -- */

.pergunta { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: calc(var(--u) * 2.6); }
.mega--pergunta { max-width: 21ch; font-size: calc(var(--u) * 5.4); line-height: 1.06; }

/* ------------------------------------------------------- os três pilares -- */

.tres-pilares { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: calc(var(--u) * 1.4); align-items: stretch; }
.tres-pilares__mais { align-self: center; font-family: var(--font-display); font-size: calc(var(--u) * 3.4); color: var(--sun); }

.pilar-card--foco {
  background: var(--navy);
  box-shadow: 0 0 0 calc(var(--u) * .22) #fcd34d, 0 calc(var(--u) * 1.2) calc(var(--u) * 4) rgba(245, 158, 11, .35);
}

.pilar-card--foco .pilar-card__ic { background: var(--ouro); color: var(--navy); }
.pilar-card--foco b { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pilar-card--foco::after { background: rgba(252, 211, 77, .1); }

/* ---------------------------------------------------------------- mercado -- */

.mercado {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  column-gap: calc(var(--u) * 4);
  row-gap: calc(var(--u) * 2.2);
  align-content: center;
}

.mercado__topo { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 1.4); }
.mercado .fonte,
.produto .fonte { grid-column: 1 / -1; }

.barras {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 1.2);
  padding: calc(var(--u) * 2) calc(var(--u) * 2.4);
  border-radius: calc(var(--u) * 1.6);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.barras figcaption,
.funil-mat figcaption,
.calculo figcaption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: calc(var(--u) * 1);
  font-size: calc(var(--u) * .85);
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--muted);
}

.funil-mat figcaption small,
.calculo figcaption small { font-size: calc(var(--u) * .75); font-weight: 500; letter-spacing: 0; text-transform: none; }

.barras__area {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--u) * 2.4);
  align-items: end;
  height: calc(var(--u) * 19.5);
  padding: 0 calc(var(--u) * 1);
  border-bottom: 2px solid var(--line);
}

.barras__col { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: calc(var(--u) * .6); height: 100%; }
.barras__col strong { font-family: var(--font-display); font-size: calc(var(--u) * 1.9); font-weight: 700; letter-spacing: -.02em; color: var(--ink-2); }

.barras__col i {
  display: block;
  width: 100%;
  height: calc(var(--u) * 6.4 * var(--v));
  border-radius: calc(var(--u) * .8) calc(var(--u) * .8) 0 0;
  background: color-mix(in srgb, var(--brand) 26%, white);
  transform-origin: bottom;
}

.slide.is-active .barras__col i { animation: crescer-barra 1.1s var(--ease) .6s backwards; }
.slide.is-active .barras__col:nth-child(2) i { animation-delay: .8s; }
.slide.is-active .barras__col:nth-child(3) i { animation-delay: 1s; }

@keyframes crescer-barra { from { transform: scaleY(0); } }

.barras__col.is-recorde strong { color: var(--brand); }
.barras__col.is-recorde i { background: linear-gradient(180deg, var(--brand-2), var(--brand)); box-shadow: 0 calc(var(--u) * .8) calc(var(--u) * 2) rgba(7, 71, 214, .28); }

.barras__col.is-projecao strong { color: var(--muted); }
.barras__col.is-projecao i {
  border: 2px dashed color-mix(in srgb, var(--brand) 60%, white);
  border-bottom: 0;
  background: repeating-linear-gradient(135deg, rgba(7, 71, 214, .1) 0 calc(var(--u) * .5), transparent calc(var(--u) * .5) calc(var(--u) * 1));
}

.barras__anos { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 2.4); padding: 0 calc(var(--u) * 1); text-align: center; font-family: var(--font-display); font-size: calc(var(--u) * 1.3); font-weight: 700; }
.barras__anos small { display: block; font-family: var(--font-body); font-size: calc(var(--u) * .8); font-weight: 600; color: var(--muted); }
.barras__anos .is-recorde small { color: var(--brand); }

.numeros { display: grid; gap: calc(var(--u) * 1.1); align-content: center; }

.numeros li {
  display: grid;
  grid-template-columns: calc(var(--u) * 11.5) 1fr;
  align-items: center;
  gap: calc(var(--u) * 1.4);
  padding: calc(var(--u) * 1.4) calc(var(--u) * 1.8);
  border-left: calc(var(--u) * .4) solid var(--p);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.numeros strong { font-family: var(--font-display); font-size: calc(var(--u) * 2.8); font-weight: 700; line-height: 1; letter-spacing: -.035em; color: var(--p-ink); white-space: nowrap; }
.numeros span { font-size: calc(var(--u) * 1.15); line-height: 1.45; color: var(--ink-2); }

/* aquisição e renovação */
.duas__nome { font-family: var(--font-display); font-size: calc(var(--u) * 2); font-weight: 700; letter-spacing: -.02em; }
.duas__rotulo { font-size: calc(var(--u) * .8); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.duas__lado--pratica .duas__rotulo { color: #fcd34d; }

.chips { display: flex; flex-wrap: wrap; gap: calc(var(--u) * .6); }

.chips li {
  padding: calc(var(--u) * .55) calc(var(--u) * 1.2);
  border: 1px solid var(--line);
  border-radius: 99px;
  background: var(--paper-2);
  font-size: calc(var(--u) * 1.05);
  font-weight: 600;
  color: var(--ink-2);
}

.duas__lado--pratica .chips li,
.motor--voce .chips li { border-color: rgba(252, 211, 77, .35); background: rgba(252, 211, 77, .1); color: #fde68a; }

/* ---------------------------------------------------------------- produto -- */

.produto {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: calc(var(--u) * 4.5);
  row-gap: calc(var(--u) * 1.8);
  align-content: center;
  align-items: center;
}

.produto__texto { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 2.2); }
.produto .title { font-size: calc(var(--u) * 3.4); }

.dois-tres { display: flex; gap: calc(var(--u) * 1.6); }

.dois-tres span {
  display: grid;
  place-items: center;
  width: calc(var(--u) * 8.5);
  height: calc(var(--u) * 8.5);
  border: 2px dashed #cbd5e1;
  border-radius: 50%;
  color: #94a3b8;
  font-size: calc(var(--u) * 3.4);
}

.dois-tres .is-honda {
  border: 0;
  background: linear-gradient(145deg, #e11d1d, #a30000);
  box-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 2.4) rgba(204, 0, 0, .3);
  color: var(--paper);
  font-size: calc(var(--u) * 4.8);
}

.dois-tres .is-honda .ic { fill: currentColor; stroke: none; }

.numeros--grade { grid-template-columns: 1fr 1fr; }
.numeros--grade li { grid-template-columns: 1fr; align-content: start; gap: calc(var(--u) * .7); min-height: calc(var(--u) * 11.5); padding: calc(var(--u) * 1.8); }
.numeros--grade strong { font-size: calc(var(--u) * 3.2); }

/* ------------------------------------------- onde está a maior oportunidade -- */

.checagem { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: calc(var(--u) * 3.6); }
.checagem__lista { display: flex; gap: calc(var(--u) * 3.4); }

.checagem__lista li {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 1.2);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 2.6);
  font-weight: 600;
  letter-spacing: -.02em;
  color: var(--paper);
}

.checagem__lista li > span { display: grid; place-items: center; width: calc(var(--u) * 4); height: calc(var(--u) * 4); border-radius: 50%; background: #16a34a; color: var(--paper); font-size: calc(var(--u) * 2.2); }
.checagem__lista .ic { stroke-width: 3; }

/* ------------------------------------------------- processo: a matemática -- */

.funil-mat {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 1.6);
  padding: calc(var(--u) * 2.4);
  border-radius: calc(var(--u) * 1.8);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.funil-mat ol { display: grid; gap: calc(var(--u) * .7); justify-items: center; }

.funil-mat li {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: calc(var(--u) * .8);
  width: var(--w);
  padding: calc(var(--u) * 1.05) calc(var(--u) * 1);
  border-radius: calc(var(--u) * 1);
  background: #fff4e0;
  font-size: calc(var(--u) * 1.2);
  font-weight: 600;
  color: var(--ink-2);
  white-space: nowrap;
}

.funil-mat li b { font-family: var(--font-display); font-size: calc(var(--u) * 2.1); color: var(--ink); }
.funil-mat li:nth-child(2) { background: #fde9c4; }
.funil-mat li:nth-child(3) { background: #fcd89a; }
.funil-mat li:nth-child(4) { background: #fbc46a; }
.funil-mat .is-venda { background: var(--navy); color: #fde68a; }
.funil-mat .is-venda b { color: #fcd34d; }

/* o NÃO faz parte */
.split--cem { grid-template-columns: 1.05fr 1fr; }
.split--cem .lead b { color: var(--ink); }

.cem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--u) * 1.6);
  padding: calc(var(--u) * 2.4);
  border-radius: calc(var(--u) * 1.8);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.cem__grade { display: grid; grid-template-columns: repeat(10, 1fr); gap: calc(var(--u) * .85); width: calc(var(--u) * 27); }
.cem__grade i { aspect-ratio: 1; border-radius: 50%; background: #e2e8f0; }
.cem__grade .is-sim { background: var(--ouro); box-shadow: 0 0 0 calc(var(--u) * .28) rgba(245, 158, 11, .22), 0 0 calc(var(--u) * 1.4) rgba(245, 158, 11, .6); }

.slide.is-active .cem__grade i { animation: ponto .45s var(--ease) backwards; animation-delay: calc(.5s + var(--k) * 12ms); }

@keyframes ponto { from { opacity: 0; transform: scale(.3); } }

.cem figcaption { display: flex; align-items: center; gap: calc(var(--u) * 1.6); align-self: stretch; font-family: var(--font-display); font-size: calc(var(--u) * 1.3); font-weight: 700; }
.cem figcaption span { display: flex; align-items: center; gap: calc(var(--u) * .6); }
.cem figcaption span::before { content: ''; width: calc(var(--u) * 1); height: calc(var(--u) * 1); border-radius: 50%; background: #e2e8f0; }
.cem .cem__sim { color: #b45309; }
.cem .cem__sim::before { background: var(--sun); }
.cem figcaption small { margin-left: auto; font-family: var(--font-body); font-size: calc(var(--u) * .75); font-weight: 500; color: var(--muted); }

/* a fórmula */
.formula { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: calc(var(--u) * 1.2); align-items: stretch; }

.formula__termo {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * .5);
  padding: calc(var(--u) * 2) calc(var(--u) * 1.8);
  border-top: calc(var(--u) * .35) solid var(--p);
  border-radius: 0 0 var(--radius) var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.formula__termo strong { font-family: var(--font-display); font-size: calc(var(--u) * 2.6); font-weight: 700; letter-spacing: -.03em; color: var(--p-ink); }
.formula__termo span { font-family: var(--font-display); font-size: calc(var(--u) * 1.3); font-weight: 600; line-height: 1.25; }
.formula__termo small { margin-top: auto; padding-top: calc(var(--u) * .6); font-size: calc(var(--u) * 1); line-height: 1.4; color: var(--muted); }
.formula__op { align-self: center; font-family: var(--font-display); font-size: calc(var(--u) * 3.2); color: var(--sun); }
.formula__termo--res { border-top-color: #fcd34d; background: var(--navy); color: var(--paper); }
.formula__termo--res strong { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.formula__termo--res small { color: rgba(255, 255, 255, .65); }

/* temperatura dos leads */
.temperaturas { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 1.6); }
.t-frio { --t: #0284c7; }
.t-morno { --t: #d97706; }
.t-quente { --t: #dc2626; }

.temperaturas li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--u) * .7);
  padding: calc(var(--u) * 2);
  border-top: calc(var(--u) * .4) solid var(--t);
  border-radius: 0 0 var(--radius) var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.temperaturas small { padding: calc(var(--u) * .35) calc(var(--u) * 1); border-radius: 99px; background: color-mix(in srgb, var(--t) 13%, white); font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--t); }
.temperaturas b { font-family: var(--font-display); font-size: calc(var(--u) * 1.8); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }
.temperaturas p { margin: 0; font-size: calc(var(--u) * 1.15); line-height: 1.45; color: var(--ink-2); }

.trilho { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--u) * .6); }
.trilho li { display: flex; align-items: center; gap: calc(var(--u) * .6); font-family: var(--font-display); font-size: calc(var(--u) * 1.25); font-weight: 600; color: var(--ink-2); }
.trilho li span { padding: calc(var(--u) * .6) calc(var(--u) * 1.3); border: 1px solid var(--line); border-radius: 99px; background: var(--paper); box-shadow: var(--sombra); }
.trilho li:not(:last-child):not(.trilho__rotulo)::after { content: '→'; color: var(--sun); }
.trilho .trilho__rotulo { margin-right: calc(var(--u) * .6); font-family: var(--font-body); font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.trilho .is-ouro span { border-color: transparent; background: var(--navy); color: #fcd34d; }

/* ------------------------------------------------------ responsabilidade -- */

.resp {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "texto calculo" "resposta calculo";
  column-gap: calc(var(--u) * 5);
  row-gap: calc(var(--u) * 2.6);
  align-content: center;
}

.resp__texto { grid-area: texto; align-self: end; display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 2); }
.resp .calculo { grid-area: calculo; align-self: center; }

.resposta {
  grid-area: resposta;
  align-self: start;
  justify-self: start;
  margin: 0;
  padding: calc(var(--u) * 1.3) calc(var(--u) * 2.6);
  border-radius: calc(var(--u) * 1.6);
  background: var(--navy);
  box-shadow: 0 calc(var(--u) * 1.2) calc(var(--u) * 3) rgba(11, 21, 48, .25);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 4.4);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.resposta em { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }

.calculo {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 1.4);
  padding: calc(var(--u) * 2.4);
  border-radius: calc(var(--u) * 1.8);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.calculo ol { display: grid; gap: calc(var(--u) * .8); }
.calculo li { display: flex; justify-content: space-between; align-items: center; gap: calc(var(--u) * 1.6); padding: calc(var(--u) * 1.15) calc(var(--u) * 1.6); border-radius: calc(var(--u) * 1); background: var(--paper-2); }
.calculo li span { font-size: calc(var(--u) * 1.15); color: var(--ink-2); }
.calculo li b { font-family: var(--font-display); font-size: calc(var(--u) * 1.7); font-weight: 700; white-space: nowrap; }
.calculo .is-falta { background: #fff1f2; }
.calculo .is-falta span { font-weight: 700; color: #be123c; }
.calculo .is-falta b { font-size: calc(var(--u) * 2.2); color: #be123c; }
.calculo__pergunta { margin: 0; text-align: center; font-family: var(--font-display); font-size: calc(var(--u) * 2.4); font-weight: 700; letter-spacing: -.02em; color: var(--brand); }

/* -------------------------------------------------------- os dois motores -- */

.motores { display: grid; grid-template-columns: 1fr auto 1fr; gap: calc(var(--u) * 1.6); align-items: stretch; }

.motores__mais {
  align-self: center;
  display: grid;
  place-items: center;
  width: calc(var(--u) * 4.4);
  height: calc(var(--u) * 4.4);
  border-radius: 50%;
  background: var(--ouro);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 2.4);
  font-weight: 700;
  color: var(--navy);
}

.motor { display: flex; flex-direction: column; gap: calc(var(--u) * 1.6); padding: calc(var(--u) * 2.2); border-radius: calc(var(--u) * 1.6); background: var(--paper); box-shadow: var(--sombra); }
.motor header { display: flex; align-items: center; gap: calc(var(--u) * 1.2); }
.motor__ic { display: grid; place-items: center; flex: none; width: calc(var(--u) * 3.8); height: calc(var(--u) * 3.8); border-radius: calc(var(--u) * 1); background: color-mix(in srgb, var(--brand) 10%, white); color: var(--brand); font-size: calc(var(--u) * 1.9); }
.motor small { display: block; font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--brand); }
.motor b { font-family: var(--font-display); font-size: calc(var(--u) * 2.2); font-weight: 700; letter-spacing: -.02em; }
.motor .chips li { padding: calc(var(--u) * .7) calc(var(--u) * 1.3); font-size: calc(var(--u) * 1.15); }

.motor--voce { background: var(--navy); color: var(--paper); box-shadow: 0 0 0 calc(var(--u) * .2) #fcd34d, 0 calc(var(--u) * 1.2) calc(var(--u) * 3.6) rgba(245, 158, 11, .25); }
.motor--voce .motor__ic { background: rgba(252, 211, 77, .14); color: #fcd34d; }
.motor--voce small { color: #fcd34d; }

/* -------------------------------------------- pessoas se conectam com pessoas -- */

.pessoas { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: calc(var(--u) * 2.6); }
.pessoas .mega { font-size: calc(var(--u) * 6.2); }
.pessoas .mega em { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pessoas .lead { max-width: 42ch; font-size: calc(var(--u) * 1.8); }
.pessoas .lead b { color: #fcd34d; }

/* ---------------------------------------------- ferramentas ajudam, método -- */

.virada-final { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--u) * 1); }
.virada-final .mega { font-size: calc(var(--u) * 8); }
.mega--fraco { color: rgba(255, 255, 255, .5); }

/* participação por marca (produto) */
.produto__dados { display: flex; flex-direction: column; gap: calc(var(--u) * 1.4); }
.share { display: flex; flex-direction: column; gap: calc(var(--u) * 1.3); padding: calc(var(--u) * 2) calc(var(--u) * 2.2); border-radius: calc(var(--u) * 1.6); background: var(--paper); box-shadow: var(--sombra); }
.share figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: calc(var(--u) * 1); font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.share figcaption small { font-size: calc(var(--u) * .75); font-weight: 500; letter-spacing: 0; text-transform: none; }
.share ol { display: grid; gap: calc(var(--u) * .75); }
.share li { display: grid; grid-template-columns: calc(var(--u) * 10.4) 1fr calc(var(--u) * 5.4); align-items: center; gap: calc(var(--u) * 1); }
.share b { display: flex; flex-direction: column; font-family: var(--font-display); font-size: calc(var(--u) * 1.25); font-weight: 700; line-height: 1.15; color: var(--ink-2); }
.share b small { font-family: var(--font-body); font-size: calc(var(--u) * .7); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.share span { height: calc(var(--u) * 2.1); border-radius: 99px; background: var(--paper-2); overflow: hidden; }
.share i { display: flex; align-items: center; width: calc(var(--s) * 1%); height: 100%; border-radius: 99px; background: #9aa6b8; transform-origin: left; }
.share strong { text-align: right; font-family: var(--font-display); font-size: calc(var(--u) * 1.5); font-weight: 700; letter-spacing: -.02em; color: var(--ink-2); }
.share .is-honda b,
.share .is-honda strong { color: #b91c1c; }
.share .is-honda b { font-size: calc(var(--u) * 1.5); }
.share .is-honda strong { font-size: calc(var(--u) * 2.1); }
.share .is-honda span { height: calc(var(--u) * 2.9); }
.share .is-honda i { background: linear-gradient(90deg, #e11d1d, #a30000); }
.share .is-honda em { padding-left: calc(var(--u) * 1.1); font-size: calc(var(--u) * .9); font-weight: 700; color: rgba(255, 255, 255, .95); white-space: nowrap; }
.share .is-demais i { background: repeating-linear-gradient(135deg, #cbd5e1 0 calc(var(--u) * .4), #e2e8f0 calc(var(--u) * .4) calc(var(--u) * .8)); }
.share .is-demais b,
.share .is-demais strong { font-weight: 600; color: var(--muted); }
.slide.is-active .share i { animation: crescer-share 1.1s var(--ease) .7s backwards; }
@keyframes crescer-share { from { transform: scaleX(0); } }

.numeros--trio { grid-template-columns: repeat(3, 1fr); }
.numeros--trio li { grid-template-columns: 1fr; align-content: start; gap: calc(var(--u) * .5); padding: calc(var(--u) * 1.5) calc(var(--u) * 1.6); }
.numeros--trio strong { font-size: calc(var(--u) * 2.6); }
.numeros--trio span { font-size: calc(var(--u) * 1.05); }

@media screen and (max-aspect-ratio: 1/1) {
  .numeros--trio { grid-template-columns: 1fr; }
}

/* quem já pode comprar (habilitados sem moto) */
.publico {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  column-gap: calc(var(--u) * 4.5);
  row-gap: calc(var(--u) * 1.8);
  align-content: center;
  align-items: center;
}

.publico__texto { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 2.2); }
.publico .title { font-size: calc(var(--u) * 3.4); }
.publico .fonte { grid-column: 1 / -1; }
.publico__dados { display: flex; flex-direction: column; gap: calc(var(--u) * 1.4); }

.paradoxo {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 1.3);
  padding: calc(var(--u) * 2.2) calc(var(--u) * 2.4);
  border-radius: calc(var(--u) * 1.6);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.paradoxo figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: calc(var(--u) * 1); font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.paradoxo figcaption small { font-size: calc(var(--u) * .75); font-weight: 500; letter-spacing: 0; text-transform: none; }
.paradoxo__total { display: flex; align-items: baseline; gap: calc(var(--u) * 1.2); margin: 0; }
.paradoxo__total strong { font-family: var(--font-display); font-size: calc(var(--u) * 4.4); font-weight: 700; line-height: 1; letter-spacing: -.04em; color: var(--brand); }
.paradoxo__total span { font-size: calc(var(--u) * 1.15); font-weight: 600; color: var(--muted); }

.paradoxo__barra { display: flex; gap: calc(var(--u) * .3); height: calc(var(--u) * 4); }

.paradoxo__barra i {
  display: flex;
  align-items: center;
  flex: 0 0 calc(var(--p) * 1% - var(--u) * .15);
  padding: 0 calc(var(--u) * 1.2);
  border-radius: calc(var(--u) * 1);
  font-style: normal;
  transform-origin: left;
}

.paradoxo__barra .is-tem { background: color-mix(in srgb, var(--brand) 20%, white); color: var(--brand); }
.paradoxo__barra .is-nao { justify-content: flex-end; background: var(--ouro); color: var(--navy); box-shadow: 0 calc(var(--u) * .6) calc(var(--u) * 1.6) rgba(245, 158, 11, .3); }
.paradoxo__barra b { font-family: var(--font-display); font-size: calc(var(--u) * 1.7); font-weight: 700; }
.slide.is-active .paradoxo__barra i { animation: crescer-share 1s var(--ease) .7s backwards; }
.slide.is-active .paradoxo__barra .is-nao { animation-delay: 1s; }

.paradoxo__legenda { display: flex; justify-content: space-between; gap: calc(var(--u) * 1.6); font-size: calc(var(--u) * 1.1); color: var(--ink-2); }
.paradoxo__legenda span { display: flex; align-items: center; gap: calc(var(--u) * .6); }
.paradoxo__legenda span::before { content: ''; flex: none; width: calc(var(--u) * 1); height: calc(var(--u) * 1); border-radius: calc(var(--u) * .3); background: color-mix(in srgb, var(--brand) 20%, white); }
.paradoxo__legenda .is-nao::before { background: var(--sun); }
.paradoxo__legenda b { margin-left: calc(var(--u) * .3); color: #b45309; }

.numeros--duo { grid-template-columns: 1fr 1fr; }
.numeros--duo li { grid-template-columns: 1fr; align-content: start; gap: calc(var(--u) * .5); padding: calc(var(--u) * 1.5) calc(var(--u) * 1.7); }
.numeros--duo strong { font-size: calc(var(--u) * 2.8); }
.numeros--duo span { font-size: calc(var(--u) * 1.05); }

@media screen and (max-aspect-ratio: 1/1) {
  .publico,
  .numeros--duo { grid-template-columns: 1fr; }
}

/* supervisor mentor de performance */
.mentor { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--u) * 2.4); }
.mentor__topo { display: grid; grid-template-columns: 1.3fr .7fr; gap: calc(var(--u) * 4); align-items: end; }
.mentor__topo > div:first-child { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 1.6); }
.mentor .title { max-width: none; font-size: calc(var(--u) * 3.9); color: var(--paper); }
.mentor .title em { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }

.mentor__virada { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * .7); }

.mentor__antes,
.mentor__agora {
  padding: calc(var(--u) * .7) calc(var(--u) * 1.6);
  border-radius: 99px;
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -.01em;
}

.mentor__antes {
  border: 1px solid rgba(255, 255, 255, .2);
  font-size: calc(var(--u) * 1.4);
  color: rgba(255, 255, 255, .5);
  text-decoration: line-through;
  text-decoration-color: #f87171;
  text-decoration-thickness: 2px;
}

.mentor__seta { padding-left: calc(var(--u) * 1.6); font-size: calc(var(--u) * 1.6); color: #fcd34d; }
.mentor__seta .ic { transform: rotate(90deg); }
.mentor__agora { background: var(--ouro); font-size: calc(var(--u) * 1.8); color: var(--navy); box-shadow: 0 0 calc(var(--u) * 3) rgba(251, 191, 36, .35); }

.mentor__selo { display: flex; align-items: center; gap: calc(var(--u) * .7); margin: calc(var(--u) * .5) 0 0; font-size: calc(var(--u) * 1.05); line-height: 1.4; color: rgba(255, 255, 255, .8); }
.mentor__selo .ic { flex: none; font-size: calc(var(--u) * 1.6); color: #fcd34d; }

.ritmo { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 1.4); }

.ritmo li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--u) * .45);
  padding: calc(var(--u) * 1.8) calc(var(--u) * 2);
  border: 1px solid rgba(255, 255, 255, .16);
  border-top: calc(var(--u) * .35) solid rgba(252, 211, 77, calc(.35 + var(--n) * .2));
  border-radius: calc(var(--u) * 1.4);
  background: rgba(255, 255, 255, .07);
  backdrop-filter: blur(10px);
}

.ritmo__ic { display: grid; place-items: center; width: calc(var(--u) * 3.4); height: calc(var(--u) * 3.4); margin-bottom: calc(var(--u) * .6); border-radius: calc(var(--u) * 1); background: rgba(252, 211, 77, .14); color: #fcd34d; font-size: calc(var(--u) * 1.7); }
.ritmo small { font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #fcd34d; }
.ritmo b { font-family: var(--font-display); font-size: calc(var(--u) * 2.4); font-weight: 700; letter-spacing: -.02em; color: var(--paper); }
.ritmo p { margin: 0; font-size: calc(var(--u) * 1.15); line-height: 1.45; color: rgba(255, 255, 255, .78); }

.parte {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--u) * 1) calc(var(--u) * 2.4);
  padding: calc(var(--u) * 1.1) calc(var(--u) * 1.4);
  border: 1px solid rgba(252, 211, 77, .35);
  border-radius: 99px;
  background: rgba(11, 21, 48, .55);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.3);
  font-weight: 600;
  color: var(--paper);
}

.parte .tag { align-self: center; }
.parte > span:not(.tag) { display: flex; align-items: center; gap: calc(var(--u) * .6); }
.parte .ic { font-size: calc(var(--u) * 1.4); color: #fcd34d; }

/* cobrança × mentoria */
.evolui--compacto { gap: calc(var(--u) * .7); }
.evolui--compacto .evolui__linha > span { padding: calc(var(--u) * .95) calc(var(--u) * 1.6); font-size: calc(var(--u) * 1.3); }
.evolui--compacto .evolui__linha > b { padding: calc(var(--u) * .95) calc(var(--u) * 1.6); font-size: calc(var(--u) * 1.4); }
.evolui__linha--soma > span { font-family: var(--font-display); font-weight: 700; color: var(--ink-2); }
.evolui__linha--soma > b { border-left-color: var(--navy); background: var(--ouro); color: var(--navy); }

@media screen and (max-aspect-ratio: 1/1) {
  .mentor__topo,
  .ritmo { grid-template-columns: 1fr; }
  .parte { border-radius: var(--radius); }
}

/* a meta vira tarefa do dia */
.meta-dia { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--u) * 2); }

.conta--compacta { flex-wrap: nowrap; gap: calc(var(--u) * 1.4); }
.conta--compacta .conta__termo { flex: 1; min-width: 0; padding: calc(var(--u) * 1.3) calc(var(--u) * 2); }
.conta--compacta .conta__termo strong { font-size: calc(var(--u) * 3.6); }
.conta--compacta .conta__op { font-size: calc(var(--u) * 2.8); }

.quebra { display: grid; grid-template-columns: 1fr auto 1.1fr auto 1.9fr; gap: calc(var(--u) * 1.2); align-items: stretch; }
.quebra__seta { align-self: center; font-size: calc(var(--u) * 1.9); color: var(--sun); }

.quebra__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--u) * .35);
  padding: calc(var(--u) * 1.6) calc(var(--u) * 2);
  border: 1.5px solid #fde68a;
  border-radius: var(--radius);
  background: var(--sun-soft);
}

.quebra__item small { font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #b45309; }
.quebra__item strong { font-family: var(--font-display); font-size: calc(var(--u) * 3.6); font-weight: 700; line-height: 1; letter-spacing: -.04em; color: var(--ink); }
.quebra__item span { font-size: calc(var(--u) * 1.05); color: var(--ink-2); }

.quebra__item--dia { border: 0; background: var(--ouro); box-shadow: 0 0 calc(var(--u) * 3.4) rgba(251, 191, 36, .45); }
.quebra__item--dia small { color: rgba(11, 21, 48, .7); }
.quebra__item--dia strong { font-size: calc(var(--u) * 4.6); color: var(--navy); }
.quebra__item--dia span { color: rgba(11, 21, 48, .82); }
.slide.is-active .quebra__item--dia { animation: brilho-sonho 3.2s ease-in-out 1.6s infinite; }

.amanha { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--u) * 1); padding: calc(var(--u) * 1.6) calc(var(--u) * 2); border-radius: var(--radius); background: var(--navy); color: var(--paper); }
.amanha small { font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #fcd34d; }
.amanha ul { display: grid; gap: calc(var(--u) * .75); }
.amanha li { display: flex; align-items: center; gap: calc(var(--u) * .8); font-size: calc(var(--u) * 1.2); font-weight: 600; }
.amanha li > i { flex: none; width: calc(var(--u) * 1.5); height: calc(var(--u) * 1.5); border: 2px solid rgba(252, 211, 77, .7); border-radius: calc(var(--u) * .35); }
.amanha .ic { flex: none; font-size: calc(var(--u) * 1.4); color: #fcd34d; }

@media screen and (max-aspect-ratio: 1/1) {
  .conta--compacta { flex-wrap: wrap; }
  .quebra { grid-template-columns: 1fr; }
  .quebra__seta { justify-self: center; transform: rotate(90deg); }
}

/* página do vendedor: botões que viram lead e divulgação numa linha */
.vitrine__notas .botoes { display: flex; flex-wrap: wrap; gap: calc(var(--u) * .35); margin-top: calc(var(--u) * .35); }
.vitrine__notas .botoes i { padding: calc(var(--u) * .25) calc(var(--u) * .7); border-radius: 99px; background: #fee2e2; font-size: calc(var(--u) * .82); font-style: normal; font-weight: 700; color: #b91c1c; }
.split--pagina { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); }
.split--pagina .divulgar { gap: calc(var(--u) * .4); }
.split--pagina .divulgar li { padding: calc(var(--u) * .35) calc(var(--u) * .8); font-size: calc(var(--u) * .82); white-space: nowrap; }

/* aquisição e renovação: o público em destaque dos dois lados */
.publicos { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 1.8); }

.publico-lado {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 1.3);
  padding: calc(var(--u) * 2) calc(var(--u) * 2.2);
  border-radius: calc(var(--u) * 1.6);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.publico-lado header { display: flex; align-items: center; gap: calc(var(--u) * 1.1); }
.publico-lado header .tag { align-self: center; }
.publico-lado header b { font-family: var(--font-display); font-size: calc(var(--u) * 1.7); font-weight: 700; letter-spacing: -.015em; }

.publico-lado__corpo { display: grid; grid-template-columns: calc(var(--u) * 13) 1fr; gap: calc(var(--u) * 1.8); align-items: start; }

.publico-lado__numero { display: flex; flex-direction: column; gap: calc(var(--u) * .3); margin: 0; padding-right: calc(var(--u) * 1.6); border-right: 1px solid var(--line); }
.publico-lado__numero small { font-size: calc(var(--u) * .9); font-weight: 600; color: var(--muted); }
.publico-lado__numero strong { font-family: var(--font-display); font-size: calc(var(--u) * 5); font-weight: 700; line-height: .95; letter-spacing: -.045em; color: var(--brand); white-space: nowrap; }
.publico-lado__numero span { font-size: calc(var(--u) * 1.05); line-height: 1.4; color: var(--ink-2); }

.publico-lado__rotulo { display: block; margin-bottom: calc(var(--u) * .7); font-size: calc(var(--u) * .8); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--brand); }
.publico-lado__lista { display: grid; gap: calc(var(--u) * .55); }
.publico-lado__lista li { display: flex; align-items: center; gap: calc(var(--u) * .8); font-family: var(--font-display); font-size: calc(var(--u) * 1.2); font-weight: 600; color: var(--ink); }
.publico-lado__lista .ic { flex: none; padding: calc(var(--u) * .35); width: calc(var(--u) * 2.2); height: calc(var(--u) * 2.2); border-radius: calc(var(--u) * .6); background: color-mix(in srgb, var(--brand) 10%, white); color: var(--brand); }

.publico-lado__numero strong { font-size: calc(var(--u) * 5.6); }
.publico-lado__numero span b { font-family: var(--font-display); font-size: calc(var(--u) * 1.3); color: var(--brand); }
.publico-lado--escuro .publico-lado__numero span b { color: #fcd34d; }
.publico-lado__procura { margin: auto 0 0; padding-top: calc(var(--u) * 1); border-top: 1px solid var(--line); font-size: calc(var(--u) * 1.1); color: var(--ink-2); }
.publico-lado__procura b { color: var(--ink); }

/* renovação: lado escuro */
.publico-lado--escuro { background: var(--navy); color: var(--paper); }
.publico-lado--escuro .publico-lado__numero { border-right-color: rgba(255, 255, 255, .16); }
.publico-lado--escuro .publico-lado__numero small { color: rgba(255, 255, 255, .6); }
.publico-lado--escuro .publico-lado__numero strong { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.publico-lado--escuro .publico-lado__numero span { color: rgba(255, 255, 255, .8); }
.publico-lado--escuro .publico-lado__rotulo { color: #fcd34d; }
.publico-lado--escuro .publico-lado__lista li { color: var(--paper); }
.publico-lado--escuro .publico-lado__lista .ic { background: rgba(252, 211, 77, .14); color: #fcd34d; }
.publico-lado--escuro .publico-lado__procura { border-top-color: rgba(255, 255, 255, .16); color: rgba(255, 255, 255, .8); }
.publico-lado--escuro .publico-lado__procura b { color: #fcd34d; }

@media screen and (max-aspect-ratio: 1/1) {
  .publicos,
  .publico-lado__corpo { grid-template-columns: 1fr; }
  .publico-lado__numero { padding-right: 0; border-right: 0; }
}

/* de quem é a responsabilidade: passos, barra da meta e a resposta */
.resp2 { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--u) * 2.2); }
.resp2 .title { max-width: none; font-size: calc(var(--u) * 3.5); }

.resp2__passos { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: calc(var(--u) * 1.2); align-items: stretch; }

.resp2__passo {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * .35);
  padding: calc(var(--u) * 1.6) calc(var(--u) * 2);
  border-top: calc(var(--u) * .35) solid var(--brand);
  border-radius: 0 0 var(--radius) var(--radius);
  background: var(--paper);
  box-shadow: var(--sombra);
}

.resp2__passo small { font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--brand); }
.resp2__passo strong { font-family: var(--font-display); font-size: calc(var(--u) * 3.6); font-weight: 700; line-height: 1; letter-spacing: -.04em; color: var(--ink); }
.resp2__passo span { font-size: calc(var(--u) * 1.15); color: var(--ink-2); }
.resp2__op { align-self: center; font-family: var(--font-display); font-size: calc(var(--u) * 1.7); font-weight: 700; color: var(--sun); white-space: nowrap; }

.resp2__fim { display: grid; grid-template-columns: 1.6fr 1fr; gap: calc(var(--u) * 1.8); align-items: stretch; }

.meta-barra { display: flex; flex-direction: column; gap: calc(var(--u) * 1.1); padding: calc(var(--u) * 1.8) calc(var(--u) * 2.2); border-radius: calc(var(--u) * 1.6); background: var(--paper); box-shadow: var(--sombra); }
.meta-barra figcaption { display: flex; align-items: baseline; gap: calc(var(--u) * .7); font-family: var(--font-display); font-size: calc(var(--u) * 1.5); font-weight: 600; color: var(--ink-2); }
.meta-barra figcaption b { font-weight: 700; color: var(--ink); }
.meta-barra figcaption small { margin-left: auto; font-family: var(--font-body); font-size: calc(var(--u) * .75); font-weight: 500; color: var(--muted); }

.meta-barra__barra { display: flex; gap: calc(var(--u) * .3); height: calc(var(--u) * 4.2); }

.meta-barra__barra i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: var(--v) 1 0%;
  border-radius: calc(var(--u) * .9);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.5);
  font-style: normal;
  font-weight: 700;
  transform-origin: left;
}

.meta-barra__barra .is-loja { background: color-mix(in srgb, var(--brand) 22%, white); color: var(--brand); }
.meta-barra__barra .is-falta { border: 2px dashed #f87171; background: repeating-linear-gradient(135deg, #fee2e2 0 calc(var(--u) * .6), #fff5f5 calc(var(--u) * .6) calc(var(--u) * 1.2)); color: #be123c; }
.slide.is-active .meta-barra__barra i { animation: crescer-share 1s var(--ease) .8s backwards; }
.slide.is-active .meta-barra__barra .is-falta { animation-delay: 1.1s; }

.meta-barra__legenda { display: flex; justify-content: space-between; align-items: center; gap: calc(var(--u) * 1.6); font-size: calc(var(--u) * 1.05); color: var(--ink-2); }
.meta-barra__legenda span { display: flex; align-items: center; gap: calc(var(--u) * .6); }
.meta-barra__legenda span::before { content: ''; flex: none; width: calc(var(--u) * 1); height: calc(var(--u) * 1); border-radius: calc(var(--u) * .3); background: color-mix(in srgb, var(--brand) 22%, white); }
.meta-barra__legenda .is-falta { font-family: var(--font-display); font-size: calc(var(--u) * 1.5); font-weight: 700; color: var(--brand); }
.meta-barra__legenda .is-falta::before { background: #fca5a5; }

.resp2 .resposta { grid-area: auto; display: grid; place-items: center; align-self: stretch; justify-self: stretch; text-align: center; font-size: calc(var(--u) * 3.6); white-space: nowrap; }

@media screen and (max-aspect-ratio: 1/1) {
  .resp2__passos,
  .resp2__fim { grid-template-columns: 1fr; }
  .resp2__op { justify-self: center; }
}

/* conversas na oportunidade: duas telas reais sobrepostas */
.reais { display: grid; grid-template-columns: minmax(0, .62fr) minmax(0, 1fr); gap: calc(var(--u) * 3); align-items: center; }
.reais__texto { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 1.8); }
.reais .title { font-size: calc(var(--u) * 3.4); }
.reais .passos-conta { gap: calc(var(--u) * .7); }
.reais .passos-conta li { padding-top: calc(var(--u) * .8); padding-bottom: calc(var(--u) * .8); font-size: calc(var(--u) * 1.08); }
.reais .passos-conta b { font-size: calc(var(--u) * 1.15); }

.dupla-real { position: relative; height: calc(var(--u) * 40.5); }
.dupla-real .tela { position: absolute; }
.dupla-real__fundo { top: 0; right: 0; width: 64%; }
.dupla-real__frente { left: 0; bottom: 0; width: 58%; z-index: 1; box-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 5) rgba(11, 21, 48, .3); }
.dupla-real .tela__barra em { margin-left: auto; font-size: calc(var(--u) * .72); font-style: normal; font-weight: 700; color: #059669; }

/* número sobre a tela real */
.ponto {
  position: absolute;
  left: var(--x);
  top: var(--y);
  z-index: 2;
  display: grid;
  place-items: center;
  width: calc(var(--u) * 2.1);
  height: calc(var(--u) * 2.1);
  border: 2px solid var(--paper);
  border-radius: 50%;
  background: var(--ouro);
  box-shadow: 0 0 0 calc(var(--u) * .4) rgba(245, 158, 11, .3), 0 calc(var(--u) * .4) calc(var(--u) * 1) rgba(11, 21, 48, .3);
  font-family: var(--font-display);
  font-size: calc(var(--u) * 1.05);
  font-weight: 700;
  color: var(--navy);
  transform: translate(-50%, -50%);
}

.slide.is-active .ponto { animation: pulso-ponto 2.4s ease-out 1.4s infinite; }

@keyframes pulso-ponto {
  0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, .55), 0 calc(var(--u) * .4) calc(var(--u) * 1) rgba(11, 21, 48, .3); }
  70% { box-shadow: 0 0 0 calc(var(--u) * 1.2) rgba(245, 158, 11, 0), 0 calc(var(--u) * .4) calc(var(--u) * 1) rgba(11, 21, 48, .3); }
  100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0), 0 calc(var(--u) * .4) calc(var(--u) * 1) rgba(11, 21, 48, .3); }
}

.marca-tela--acima { transform: translate(-100%, -50%); }
.dupla-real .marca-tela { z-index: 3; }
.realce { position: absolute; left: var(--x); top: var(--y); width: var(--w); height: var(--h); border: 3px solid #f59e0b; border-radius: calc(var(--u) * .6); box-shadow: 0 0 0 calc(var(--u) * .35) rgba(245, 158, 11, .25); }
.dupla-real__frente { width: 60%; }

@media screen and (max-aspect-ratio: 1/1) {
  .reais { grid-template-columns: 1fr; }
  .dupla-real { height: auto; display: grid; gap: 4vw; }
  .dupla-real .tela { position: relative; width: 100%; }
}

/* copiloto: duas telas reais */
.cp2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc(var(--u) * 38.5);
  grid-template-rows: auto 1fr;
  column-gap: calc(var(--u) * 3);
  row-gap: calc(var(--u) * 1.8);
  align-content: center;
}

.cp2__topo { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 1.4); }
.cp2__esq { display: flex; flex-direction: column; justify-content: space-between; gap: calc(var(--u) * 1.6); }

.cp2__fig { display: flex; flex-direction: column; gap: calc(var(--u) * 1); }
.cp2__fig figcaption { display: flex; align-items: center; gap: calc(var(--u) * 1); font-size: calc(var(--u) * 1); line-height: 1.35; color: var(--muted); }
.cp2__fig figcaption > span { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.4); height: calc(var(--u) * 2.4); border-radius: 50%; background: var(--navy); font-family: var(--font-display); font-size: calc(var(--u) * 1.1); font-weight: 700; color: var(--paper); }
.cp2__fig--conversa figcaption > span { background: linear-gradient(135deg, #6366f1, #8b5cf6); }
.cp2__fig figcaption b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.4); color: var(--ink); }
.cp2__fig .tela img { display: block; width: 100%; height: auto; }
.cp2__fig .tela__barra em { margin-left: auto; font-size: calc(var(--u) * .72); font-style: normal; font-weight: 700; color: #059669; }
.cp2__fig--conversa .tela { border-color: rgba(139, 92, 246, .35); box-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 5) rgba(99, 102, 241, .2); }

@media screen and (max-aspect-ratio: 1/1) {
  .cp2 { grid-template-columns: 1fr; }
}

/* o Copiloto avisa no WhatsApp */
.avisos { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: calc(var(--u) * 3.4); align-items: center; }
.avisos__texto { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 1.8); }
.avisos .title { font-size: calc(var(--u) * 3.4); }
.avisos .passos-conta { gap: calc(var(--u) * .8); }
.avisos .passos-conta li { font-size: calc(var(--u) * 1.1); }
.avisos .passos-conta b { font-size: calc(var(--u) * 1.2); }

.avisos__fones { display: flex; gap: calc(var(--u) * 2.4); align-items: flex-start; }

.fone { display: flex; flex-direction: column; gap: calc(var(--u) * 1); }
.fone figcaption { display: flex; align-items: center; gap: calc(var(--u) * .8); font-size: calc(var(--u) * .85); line-height: 1.3; color: var(--muted); }
.fone figcaption > span { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.1); height: calc(var(--u) * 2.1); border-radius: 50%; background: var(--ouro); font-family: var(--font-display); font-size: calc(var(--u) * 1); font-weight: 700; color: var(--navy); }
.fone figcaption b { display: block; font-family: var(--font-display); font-size: calc(var(--u) * 1.15); color: var(--ink); }

.fone__corpo {
  width: calc(var(--u) * 18);
  height: calc(var(--u) * 34);
  padding: calc(var(--u) * .6);
  border-radius: calc(var(--u) * 2.6);
  background: var(--navy);
  box-shadow: 0 calc(var(--u) * 2.4) calc(var(--u) * 6) rgba(15, 23, 42, .28), inset 0 0 0 2px #2a3558;
}

.fone__tela { display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: calc(var(--u) * 2.1); background: #efeae2; }

.zap__topo { display: flex; align-items: center; gap: calc(var(--u) * .8); padding: calc(var(--u) * 1.7) calc(var(--u) * 1.1) calc(var(--u) * .9); background: #008069; color: #ffffff; }
.zap__avatar { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.5); height: calc(var(--u) * 2.5); border-radius: 50%; background: #ffffff; overflow: hidden; }
.zap__avatar img { width: 72%; height: auto; }
.zap__nome { display: flex; flex-direction: column; line-height: 1.2; }
.zap__nome b { font-size: calc(var(--u) * 1); font-weight: 600; }
.zap__nome small { font-size: calc(var(--u) * .68); opacity: .85; }

.zap__chat { flex: 1; display: flex; flex-direction: column; gap: calc(var(--u) * .7); padding: calc(var(--u) * 1) calc(var(--u) * .9); }
.zap__dia { align-self: center; padding: calc(var(--u) * .25) calc(var(--u) * .8); border-radius: calc(var(--u) * .5); background: #ffffff; box-shadow: 0 1px .5px rgba(11, 20, 26, .13); font-size: calc(var(--u) * .65); color: #54656f; }
.zap__msg { align-self: flex-start; max-width: 96%; overflow: hidden; border-radius: 0 calc(var(--u) * .8) calc(var(--u) * .8) calc(var(--u) * .8); background: #ffffff; box-shadow: 0 1px .5px rgba(11, 20, 26, .13); }
.zap__texto { padding: calc(var(--u) * .75) calc(var(--u) * .85) calc(var(--u) * .45); font-size: calc(var(--u) * .8); line-height: 1.4; color: #111b21; }
.zap__texto > b { display: block; margin-bottom: calc(var(--u) * .35); font-size: calc(var(--u) * .88); }
.zap__texto p { margin: 0 0 calc(var(--u) * .4); }
.zap__lista { display: grid; gap: calc(var(--u) * .2); margin: 0 0 calc(var(--u) * .45); padding-left: calc(var(--u) * 1); list-style: disc; }
.zap__hora { display: block; text-align: right; font-size: calc(var(--u) * .6); color: #667781; }
.zap__botao { display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * .4); padding: calc(var(--u) * .6); border-top: 1px solid #e9edef; font-size: calc(var(--u) * .8); font-weight: 600; color: #027eb5; }
.zap__botao .ic { font-size: calc(var(--u) * .85); }
.zap__entrada { display: flex; align-items: center; gap: calc(var(--u) * .5); margin: calc(var(--u) * .7); padding: calc(var(--u) * .65) calc(var(--u) * .9); border-radius: 99px; background: #ffffff; font-size: calc(var(--u) * .75); color: #8696a0; }
.zap__entrada .ic { font-size: calc(var(--u) * .85); }

@media screen and (max-aspect-ratio: 1/1) {
  .avisos { grid-template-columns: 1fr; }
  .avisos__fones { flex-wrap: wrap; justify-content: center; }
}

/* agora, na prática (slide final) */
.capa__veu--pratica {
  background:
    linear-gradient(90deg, rgba(8, 14, 36, .94) 0%, rgba(8, 14, 36, .74) 38%, rgba(8, 14, 36, .35) 70%, rgba(8, 14, 36, .55) 100%),
    linear-gradient(to top, rgba(8, 14, 36, .85), transparent 45%);
}

.pratica {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc(var(--u) * 34);
  gap: calc(var(--u) * 5);
  align-items: center;
  width: 100%;
  height: 100%;
  padding: calc(var(--u) * 5) var(--pad-x) calc(var(--u) * 7);
}

.pratica__texto { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--u) * 2.2); }
.pratica__texto .display em { background: var(--ouro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pratica__texto .lead { max-width: 40ch; }

.pratica__roteiro {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 1.4);
  padding: calc(var(--u) * 2.4) calc(var(--u) * 2.6);
  border: 1px solid rgba(252, 211, 77, .35);
  border-radius: calc(var(--u) * 1.8);
  background: rgba(8, 14, 36, .72);
  backdrop-filter: blur(14px);
  box-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) rgba(0, 0, 0, .35);
  color: var(--paper);
}

.pratica__roteiro > small { font-size: calc(var(--u) * .85); font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #fcd34d; }
.pratica__roteiro ol { display: grid; gap: calc(var(--u) * .9); }
.pratica__roteiro li { display: flex; align-items: center; gap: calc(var(--u) * 1.1); font-size: calc(var(--u) * 1.15); line-height: 1.35; color: rgba(255, 255, 255, .8); }
.pratica__roteiro li p { margin: 0; }
.pratica__roteiro li b { font-family: var(--font-display); font-weight: 600; color: var(--paper); }
.pratica__roteiro li > span { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.3); height: calc(var(--u) * 2.3); border-radius: 50%; background: var(--ouro); font-family: var(--font-display); font-size: calc(var(--u) * 1.05); font-weight: 700; color: var(--navy); }
.pratica__convite { display: flex; align-items: center; gap: calc(var(--u) * .7); margin: calc(var(--u) * .4) 0 0; padding-top: calc(var(--u) * 1.2); border-top: 1px solid rgba(255, 255, 255, .14); font-family: var(--font-display); font-size: calc(var(--u) * 1.2); font-weight: 600; color: #fde68a; }
.pratica__convite .ic { font-size: calc(var(--u) * 1.5); color: #fcd34d; }

@media screen and (max-aspect-ratio: 1/1) {
  .pratica { grid-template-columns: 1fr; height: auto; min-height: 100%; }
}

/* ajustes da abertura */
.title--linha { max-width: none; }
.trilho .trilho__rotulo { flex-basis: 100%; margin: 0 0 calc(var(--u) * .2); }
.formula__termo { padding: calc(var(--u) * 2.4) calc(var(--u) * 2); min-height: calc(var(--u) * 17); }
.formula__termo strong { font-size: calc(var(--u) * 3); }
.formula__termo span { font-size: calc(var(--u) * 1.45); }
.formula__termo small { font-size: calc(var(--u) * 1.1); }

@media screen and (max-aspect-ratio: 1/1) {
  .tres-pilares,
  .mercado,
  .produto,
  .formula,
  .temperaturas,
  .motores,
  .numeros--grade { grid-template-columns: 1fr; }
  .resp { grid-template-columns: 1fr; grid-template-areas: "texto" "calculo" "resposta"; }
  .tres-pilares__mais,
  .formula__op,
  .motores__mais { justify-self: center; }
  .checagem__lista { flex-direction: column; }
}