/* ============================================================   CINEMATIC LP — Sections: Problema + seções futuras   ============================================================ *//* ─────────────────────────────────────────────────────────────   UTILITÁRIOS DE SEÇÃO───────────────────────────────────────────────────────────── *//* Separador sutil entre seções */.section-divider {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  max-width: 480px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border-subtle), transparent);
  pointer-events: none;
}
.section-heading {
  font-family: var(--font-serif);
  font-size: clamp(30px, 3.8vw, 52px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  line-height: 1.18;
  letter-spacing: -0.015em;
  color: var(--ink);
  margin-top: 12px;
}
.section-intro {
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.4vw, 19px);
  font-weight: 400;
  color: var(--ink-muted);
  font-style: italic;
  line-height: 1.78;
}
/* ─────────────────────────────────────────────────────────────   02. PROBLEMA — Ciclos invisíveis───────────────────────────────────────────────────────────── */#problema {
  padding: var(--section-py) 0;
  position: relative;
  overflow: hidden;
  background: #ede9e1;
  isolation: isolate;
}
/* ── Overrides de cor para fundo claro ── */#problema .section-heading {
  color: #14100a;
}
#problema .eyebrow {
  opacity: 1;
}
#problema .section-intro {
  color: #3e3224;
}
#problema .flow-text strong {
  color: #14100a;
}
#problema .copy-flow-item--ok    .flow-text strong {
 color: var(--glow-green);
 }
#problema .copy-flow-item--shift .flow-text strong {
 color: var(--glow-amber);
 }
#problema .copy-flow-item--break .flow-text strong,#problema .copy-flow-item--fail  .flow-text strong {
 color: var(--glow-red);
 }
#problema .flow-text span {
  color: #5e4a38;
}
#problema .copy-flow-item {
  border-color: rgba(80, 60, 40, 0.12);
}
#problema .copy-flow-item:first-child {
  border-color: rgba(80, 60, 40, 0.12);
}
#problema .loop-badge {
  background: rgba(255, 255, 255, 0.55);
  border-color: rgba(80, 60, 40, 0.12);
}
#problema .loop-badge p {
  color: #5e4a38;
}
#problema .loop-badge strong {
  color: #14100a;
}
/* Cycle card — versão clara */#problema .glass-card-main {
  background: rgba(255, 255, 255, 0.70);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  border: 1px solid rgba(80, 60, 40, 0.10);
  box-shadow:    0 0 0 1px rgba(0, 0, 0, 0.03),    0 4px 24px rgba(0, 0, 0, 0.07),    0 20px 56px rgba(0, 0, 0, 0.06);
}
#problema .glass-card-main::before {
  background: linear-gradient(160deg,    rgba(255, 255, 255, 0.50) 0%,    transparent 50%);
}
#problema .dash-titlebar {
  border-color: rgba(80, 60, 40, 0.08);
}
#problema .dash-title-text {
  color: #7a6a56;
}
#problema .dash-progress-row,#problema .dash-surge,#problema .dash-energy {
  border-color: rgba(80, 60, 40, 0.08);
}
#problema .cycle-entries::before {
  opacity: 0.25;
}
#problema .cycle-time {
  color: #9a8870;
}
#problema .cycle-entry-label {
  color: #14100a;
}
#problema .cycle-entry-sub {
  color: #9a8870;
}
#problema .cycle-loop-row {
  border-color: rgba(80, 60, 40, 0.08);
}
#problema .cycle-loop-text {
  color: #9a8870;
}
/* Belief card — versão clara */#problema .belief-card {
  background: rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-color: rgba(176, 88, 64, 0.18);
}
#problema .belief-card::after {
  background: linear-gradient(90deg,    transparent,    rgba(255, 255, 255, 0.40),    transparent);
}
#problema .belief-text {
  color: #3e3224;
}
#problema .belief-text strong {
  color: #14100a;
}
/* Orbs mais sutis sobre fundo claro */#problema .orb-p1 {
 opacity: 0.35;
 }
#problema .orb-p2 {
 opacity: 0.30;
 }
/* Orbs específicos desta seção */.orb-p1 {
  width: 700px;
  height: 700px;
  bottom: -200px;
  left: -180px;
  background: radial-gradient(circle at center,    rgba(176, 88, 64, 0.14) 0%,    rgba(176, 88, 64, 0.04) 40%,    transparent 70%);
  filter: blur(70px);
  animation: orb-drift-1 18s ease-in-out infinite;
}
.orb-p2 {
  width: 500px;
  height: 500px;
  top: 5%;
  right: -80px;
  background: radial-gradient(circle at center,    rgba(131, 139, 159, 0.12) 0%,    transparent 70%);
  filter: blur(50px);
  animation: orb-drift-2 15s ease-in-out infinite;
}
/* Header centrado */.problema-header {
  text-align: center;
  margin-bottom: 72px;
}
/* Grid: copy esquerda | visual direita */.problema-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: center;
  margin-bottom: 72px;
}
/* ── COPY FLOW ── */.problema-copy {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.problema-copy .section-intro {
  margin-bottom: 32px;
}
.copy-flow {
  display: flex;
  flex-direction: column;
}
.copy-flow-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px 0;
  border-bottom: 1px solid var(--border-subtle);
}
.copy-flow-item:first-child {
  border-top: 1px solid var(--border-subtle);
}
.flow-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 5px;
}
.flow-dot--ok    {
 background: var(--glow-green);
  box-shadow: 0 0 7px rgba(107, 122, 80, 0.70);
 }
.flow-dot--shift {
 background: var(--glow-amber);
  box-shadow: 0 0 7px rgba(138, 90, 62, 0.70);
 }
.flow-dot--break {
 background: var(--glow-orange);
 box-shadow: 0 0 7px rgba(154, 96, 64, 0.60);
 }
.flow-dot--fail  {
 background: var(--glow-red);
    box-shadow: 0 0 7px rgba(176, 88, 64, 0.60);
 }
.flow-dot--end   {
 background: var(--ink-subtle);
  opacity: 0.55;
 }
.flow-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.flow-text strong {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.45;
}
.flow-text span {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.65;
}
.copy-flow-item--ok    .flow-text strong {
 color: var(--glow-green);
 }
.copy-flow-item--shift .flow-text strong {
 color: var(--glow-amber);
 }
.copy-flow-item--break .flow-text strong,.copy-flow-item--fail  .flow-text strong {
 color: var(--glow-red);
 }
/* Loop badge */.loop-badge {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 24px;
  padding: 16px 20px;
  border: 1px solid var(--border-glass);
  border-radius: var(--radius-md);
  background: var(--surface-glass);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.loop-icon {
  font-size: 18px;
  color: var(--glow-red);
  flex-shrink: 0;
  line-height: 1.4;
}
.loop-badge p {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.65;
  margin: 0;
}
.loop-badge strong {
  color: var(--ink);
  font-weight: 500;
}
/* ── CYCLE RING CARD (coluna direita) ── */.cycle-ring-inner {
  padding: 12px 16px 0;
}
.cycle-ring-svg {
  width: 100%;
  height: auto;
  display: block;
}
/* ── CYCLE LIST (legado — mantido mas não usado nesta seção) ── */.cycle-entries {
  position: relative;
  padding: 4px 0;
}
/* Linha vertical conectando os pontos */.cycle-entries::before {
  content: '';
  position: absolute;
  left: 79px;
 /* 18px padding + 44px time + 12px gap + 5px = centro do dot */  top: 20px;
  bottom: 20px;
  width: 1px;
  background: linear-gradient(    to bottom,    var(--glow-green),    var(--glow-amber) 35%,    var(--glow-red) 70%,    transparent  );
  opacity: 0.30;
  pointer-events: none;
}
.cycle-entry {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
}
.cycle-time {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--ink-subtle);
  width: 44px;
  flex-shrink: 0;
  text-align: right;
}
.cycle-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid transparent;
  flex-shrink: 0;
}
.cycle-entry--ok    .cycle-dot {
 background: rgba(107, 122, 80, 0.30);
 border-color: var(--glow-green);
 box-shadow: 0 0 6px rgba(107, 122, 80, 0.50);
 }
.cycle-entry--shift .cycle-dot {
 background: rgba(138, 90, 62, 0.30);
  border-color: var(--glow-amber);
 }
.cycle-entry--break .cycle-dot {
 background: rgba(176, 88, 64, 0.30);
  border-color: var(--glow-red);
   box-shadow: 0 0 6px rgba(176, 88, 64, 0.45);
 }
.cycle-entry--end   .cycle-dot {
 background: transparent;
 border-color: var(--ink-subtle);
 opacity: 0.45;
 }
.cycle-entry-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  min-width: 0;
}
.cycle-entry-label {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  color: var(--ink);
  line-height: 1;
}
.cycle-entry-sub {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 400;
  color: var(--ink-subtle);
  font-style: italic;
  line-height: 1.3;
}
.cycle-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.cycle-progress {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cycle-progress-bar {
  flex: 1;
  height: 3px;
  background: var(--border-subtle);
  border-radius: var(--radius-pill);
  overflow: hidden;
}
.cycle-progress-fill {
  height: 100%;
  width: 28%;
  background: var(--glow-red);
  border-radius: var(--radius-pill);
}
.cycle-progress-pct {
  font-size: 10px;
  font-weight: 700;
  color: var(--glow-red);
  flex-shrink: 0;
}
.cycle-loop-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px 14px;
  border-top: 1px solid var(--border-subtle);
}
.cycle-loop-arrow {
  font-size: 13px;
  color: var(--glow-red);
}
.cycle-loop-text {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--ink-subtle);
}
/* ── CRENÇA LIMITANTE ── */.belief-section {
  max-width: 720px;
  margin: 0 auto;
}
.belief-card {
  padding: 48px 56px;
  border-radius: var(--radius-xl);
  border-color: rgba(176, 88, 64, 0.20);
  position: relative;
}
.belief-quote {
  font-family: var(--font-serif);
  font-size: 80px;
  font-weight: 300;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--glow-secondary);
  opacity: 0.18;
  position: absolute;
  top: 16px;
  left: 40px;
  line-height: 1;
  pointer-events: none;
  user-select: none;
}
.belief-text {
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.6vw, 22px);
  font-weight: 400;
  line-height: 1.70;
  color: var(--ink-muted);
  font-style: italic;
  margin: 0;
  position: relative;
  z-index: 1;
}
.belief-text strong {
  color: var(--ink);
  font-weight: 600;
  font-style: normal;
}
.belief-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  position: relative;
  z-index: 1;
}
.belief-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--glow-red);
  box-shadow: 0 0 8px rgba(176, 88, 64, 0.80);
  animation: pulse-dot 2s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes pulse-dot {
  0%, 100% {
 opacity: 1;
 transform: scale(1);
 }
  50%       {
 opacity: 0.4;
 transform: scale(0.75);
 }
}
.belief-label {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--glow-red);
  opacity: 0.80;
}
/* ─────────────────────────────────────────────────────────────   03. SOLUÇÃO — A estratégia errada pro momento certo───────────────────────────────────────────────────────────── */#solucao {
  padding: var(--section-py) 0;
  position: relative;
  overflow: hidden;
  background: #faf8f5;
  isolation: isolate;
}
/* ── Overrides de cor para fundo claro ── */#solucao .eyebrow {
  opacity: 1;
}
#solucao .solucao-opener {
  color: #3e3224;
}
/* Tentativas card — card elevado sobre fundo branco */#solucao .tentativas-card {
  background: #ffffff;
  border: 1px solid rgba(80, 60, 40, 0.09);
  box-shadow:    0 1px 3px rgba(20, 16, 10, 0.05),    0 6px 24px rgba(20, 16, 10, 0.07),    0 24px 56px rgba(20, 16, 10, 0.05);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#solucao .tentativas-header {
  color: #7a6a56;
}
#solucao .tentativas-item {
  color: #5e4a38;
}
#solucao .tentativas-note {
  color: #5e4a38;
  border-top-color: rgba(80, 60, 40, 0.12);
}
/* Root cause */#solucao .root-cause-block {
  border-top-color: rgba(80, 60, 40, 0.12);
  border-bottom-color: rgba(80, 60, 40, 0.12);
}
#solucao .root-cause-label {
  color: #7a6a56;
}
#solucao .root-cause-text {
  color: #14100a;
}
#solucao .root-cause-sub {
  color: #3e3224;
}
#solucao .root-cause-sub strong {
  color: #14100a;
}
#solucao .estados-caption {
  color: #7a6a56;
}
/* Chip ardósia: contraste insuficiente em fundo claro — escurecido */#solucao .estado-chip--4 {
  background: rgba(74, 82, 104, 0.10);
  border-color: rgba(74, 82, 104, 0.26);
  color: #4a5268;
}
/* Mismatch */#solucao .mismatch-label {
  color: #3e3224;
}
#solucao .mismatch-grid {
  border-color: rgba(80, 60, 40, 0.12);
}
#solucao .mismatch-row {
  border-bottom-color: rgba(80, 60, 40, 0.10);
}
#solucao .mismatch-estado {
  color: #5e4a38;
}
#solucao .mismatch-result {
  color: #14100a;
}
/* Reframe */#solucao .reframe-text {
  color: #14100a;
}
#solucao .reframe-sub {
  color: #3e3224;
}
#solucao .reframe-sub strong {
  color: #14100a;
}
#solucao .reframe-block {
  margin-bottom: 96px;
  background: #ffffff;
  border: 1px solid rgba(80, 60, 40, 0.09);
  border-radius: var(--radius-xl);
  box-shadow:
    0 1px 3px rgba(20, 16, 10, 0.05),
    0 6px 24px rgba(20, 16, 10, 0.07),
    0 24px 56px rgba(20, 16, 10, 0.05);
}
#solucao .reframe-block::before {
  display: none;
}
/* Virada */#solucao .virada-label {
  color: #7a6a56;
}
#solucao .virada-item {
  color: #3e3224;
  border-top-color: rgba(80, 60, 40, 0.10);
  border-bottom-color: rgba(80, 60, 40, 0.10);
}
/* Method */#solucao .method-steps {
  position: relative;
}
#solucao .method-steps::after {
  content: '→';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
  font-weight: 500;
  color: var(--glow-secondary);
  opacity: 0.65;
  pointer-events: none;
  z-index: 2;
}
#solucao .method-intro {
  color: #3e3224;
}
#solucao .method-step {
  background: #ffffff;
  border: 1px solid rgba(80, 60, 40, 0.09);
  box-shadow:    0 1px 3px rgba(20, 16, 10, 0.04),    0 4px 20px rgba(20, 16, 10, 0.07);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: box-shadow 0.35s ease;
}
#solucao .method-step:hover {
  box-shadow:    0 2px 6px rgba(20, 16, 10, 0.05),    0 12px 40px rgba(20, 16, 10, 0.12),    inset 0 1px 0 rgba(138, 90, 62, 0.06);
}
#solucao .step-content strong {
  color: #14100a;
}
#solucao .step-content p {
  color: #5e4a38;
}
#solucao .method-promise {
  color: #3e3224;
}
#solucao .method-promise em {
  color: #14100a;
}
/* Orbs reduzidos sobre fundo claro */#solucao .orb-s1 {
 opacity: 0.30;
 }
#solucao .orb-s2 {
 opacity: 0.28;
 }
/* Orbs desta seção */.orb-s1 {
  width: 600px;
  height: 600px;
  top: -100px;
  right: -120px;
  background: radial-gradient(circle at center,    rgba(131, 139, 159, 0.22) 0%,    rgba(131, 139, 159, 0.06) 40%,    transparent 70%);
  filter: blur(80px);
  animation: orb-drift-2 20s ease-in-out infinite;
}
.orb-s2 {
  width: 500px;
  height: 500px;
  bottom: -80px;
  left: -100px;
  background: radial-gradient(circle at center,    rgba(138, 90, 62, 0.20) 0%,    rgba(138, 90, 62, 0.06) 40%,    transparent 70%);
  filter: blur(60px);
  animation: orb-drift-1 16s ease-in-out infinite;
}
/* ── OPENER ── */.solucao-opener-wrap {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 64px;
}
.solucao-opener {
  font-family: var(--font-sans);
  font-size: clamp(17px, 1.8vw, 24px);
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.70;
  margin-top: 14px;
  font-style: italic;
}
/* ── TENTATIVAS CARD ── */.tentativas-card {
  max-width: 600px;
  margin: 0 auto 64px;
  padding: 40px 48px;
}
.tentativas-header {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-subtle);
  margin-bottom: 24px;
}
.tentativas-list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tentativas-item {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
  color: var(--ink-subtle);
  text-decoration: line-through;
  text-decoration-color: rgba(176, 88, 64, 0.45);
  padding-left: 20px;
  position: relative;
}
.tentativas-item::before {
  content: '✕';
  position: absolute;
  left: 0;
  font-size: 10px;
  color: var(--glow-red);
  opacity: 0.55;
  top: 3px;
}
.tentativas-note {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 400;
  color: var(--ink-muted);
  font-style: italic;
  line-height: 1.75;
  border-top: 1px solid var(--border-subtle);
  padding-top: 20px;
  margin: 0;
}
/* ── CAUSA RAIZ ── */.root-cause-block {
  max-width: 680px;
  margin: 0 auto 64px;
  text-align: center;
  padding: 56px 32px;
  border-top: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
}
.root-cause-label {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-subtle);
  margin-bottom: 20px;
}
.root-cause-text {
  font-family: var(--font-serif);
  font-size: clamp(22px, 2.6vw, 36px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  line-height: 1.35;
  margin-bottom: 20px;
}
.root-cause-text em {
  font-style: italic;
  color: var(--ink-muted);
}
.root-cause-text strong {
  font-weight: 700;
  font-style: italic;
  color: var(--glow-secondary);
}
.root-cause-sub {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.75;
  margin-bottom: 28px;
}
.root-cause-sub strong {
  color: var(--ink);
  font-weight: 500;
}
/* Estado chips */.estados-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-bottom: 16px;
}
.estado-chip {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.03em;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
}
.estado-chip--1 {
  background: rgba(107, 122, 80, 0.12);
  border-color: rgba(107, 122, 80, 0.28);
  color: var(--glow-green);
}
.estado-chip--2 {
  background: rgba(138, 90, 62, 0.12);
  border-color: rgba(138, 90, 62, 0.28);
  color: var(--glow-amber);
}
.estado-chip--3 {
  background: rgba(176, 88, 64, 0.12);
  border-color: rgba(176, 88, 64, 0.28);
  color: var(--glow-red);
}
.estado-chip--4 {
  background: rgba(131, 139, 159, 0.12);
  border-color: rgba(131, 139, 159, 0.28);
  color: var(--glow-sky);
}
.estados-caption {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 400;
  color: var(--ink-subtle);
  font-style: italic;
  margin: 0;
}
/* ── MISMATCH BLOCK ── */.mismatch-block {
  max-width: 600px;
  margin: 0 auto 64px;
  text-align: center;
}
.mismatch-label {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
  color: var(--ink-muted);
  font-style: italic;
  line-height: 1.75;
  margin-bottom: 24px;
}
.wrong-chips-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-bottom: 36px;
}
.wrong-chip {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  background: rgba(176, 88, 64, 0.10);
  border: 1px solid rgba(176, 88, 64, 0.24);
  color: var(--glow-red);
  text-decoration: line-through;
  text-decoration-color: rgba(176, 88, 64, 0.50);
}
.mismatch-grid {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: 28px;
  text-align: left;
}
.mismatch-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--border-subtle);
}
.mismatch-row:last-child {
  border-bottom: none;
}
.mismatch-estado {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  color: var(--ink-muted);
  text-align: right;
}
.mismatch-sep {
  font-size: 14px;
  color: var(--glow-secondary);
  flex-shrink: 0;
}
.mismatch-wrong {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  color: var(--glow-red);
  opacity: 0.80;
}
.mismatch-result {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 500;
  color: var(--ink);
  font-style: italic;
  margin: 0;
}
/* ── REFRAME ── */.reframe-block {
  max-width: 640px;
  margin: 0 auto 64px;
  text-align: center;
  padding: 64px 32px;
  position: relative;
}
.reframe-block::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--radius-xl);
  background: radial-gradient(ellipse at center,    rgba(138, 90, 62, 0.09) 0%, transparent 70%);
  pointer-events: none;
}
.reframe-text {
  font-family: var(--font-serif);
  font-size: clamp(24px, 2.8vw, 40px);
  font-weight: 300;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  line-height: 1.45;
  margin-bottom: 24px;
  position: relative;
}
.reframe-sub {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.75;
  font-style: italic;
  margin: 0;
  position: relative;
}
.reframe-sub strong {
  color: var(--ink);
  font-weight: 500;
  font-style: normal;
}
/* ── VIRADA ── */.virada-block {
  max-width: 560px;
  margin: 0 auto 64px;
}
.virada-label {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-subtle);
  margin-bottom: 20px;
}
.virada-items {
  display: flex;
  flex-direction: column;
}
.virada-item {
  font-family: var(--font-sans);
  font-size: clamp(15px, 1.5vw, 19px);
  font-weight: 400;
  font-style: italic;
  color: var(--ink-muted);
  line-height: 1.65;
  padding: 18px 0 18px 20px;
  border-left: 2px solid var(--glow-secondary);
  margin-left: 4px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-bottom: 1px solid var(--border-subtle);
}
.virada-item:first-child {
  border-top: 1px solid var(--border-subtle);
}
.virada-arrow {
  color: var(--glow-secondary);
  font-style: normal;
  flex-shrink: 0;
  margin-top: 2px;
}
/* ── METHOD BLOCK ── */.method-block {
  max-width: 720px;
  margin: 0 auto 64px;
  text-align: center;
}
.method-eyebrow {
  display: block;
  margin-bottom: 8px;
}
.method-intro {
  font-family: var(--font-sans);
  font-size: clamp(15px, 1.4vw, 18px);
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.75;
  margin-bottom: 40px;
}
.method-steps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 32px;
  text-align: left;
}
.method-step {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 28px 24px;
}
.step-num {
  font-family: var(--font-serif);
  font-size: 30px;
  font-weight: 700;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  font-style: italic;
  color: var(--glow-secondary);
  line-height: 1;
  flex-shrink: 0;
  opacity: 0.80;
}
.step-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.step-content strong {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.35;
  display: block;
}
.step-content p {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.65;
  margin: 0;
}
.method-promise {
  font-family: var(--font-sans);
  font-size: clamp(15px, 1.4vw, 18px);
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.80;
  font-style: italic;
  margin: 0;
}
.method-promise em {
  color: var(--ink);
  font-weight: 500;
}
/* ── SOLUÇÃO CTA ── */.solucao-cta {
  text-align: center;
  padding-top: 16px;
}
/* ─────────────────────────────────────────────────────────────   04. MÉTODO — 5 passos para voltar pro foco───────────────────────────────────────────────────────────── */#metodo {
  padding: var(--section-py) 0;
  position: relative;
  overflow: hidden;
}
/* Orbs desta seção */.orb-m1 {
  width: 700px;
  height: 700px;
  top: -150px;
  left: -200px;
  background: radial-gradient(circle at center,    rgba(131, 139, 159, 0.18) 0%,    rgba(131, 139, 159, 0.05) 40%,    transparent 70%);
  filter: blur(90px);
  animation: orb-drift-1 22s ease-in-out infinite;
}
.orb-m2 {
  width: 500px;
  height: 500px;
  bottom: -100px;
  right: -120px;
  background: radial-gradient(circle at center,    rgba(138, 90, 62, 0.16) 0%,    rgba(138, 90, 62, 0.04) 40%,    transparent 70%);
  filter: blur(70px);
  animation: orb-drift-2 18s ease-in-out infinite;
}
/* ── HEADER ── */.metodo-header {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 72px;
}
/* ── STEP CARDS LIST ── */.metodo-steps-list {
  max-width: 720px;
  margin: 0 auto 72px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* Card base */.metodo-step-card {
  display: flex;
  align-items: stretch;
  border-radius: var(--radius-md);
  background: rgba(230, 227, 220, 0.03);
  border: 1px solid var(--border-subtle);
  overflow: hidden;
  transition: background 0.3s ease, border-color 0.3s ease;
}
.metodo-step-card:hover {
  background: rgba(230, 227, 220, 0.055);
  border-color: rgba(200, 191, 176, 0.14);
}
/* Barra de cor esquerda */.m-step-accent {
  width: 3px;
  flex-shrink: 0;
}
/* Coluna do número */.m-step-aside {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px 16px;
  width: 64px;
  flex-shrink: 0;
  border-right: 1px solid var(--border-subtle);
}
.m-step-num {
  font-family: var(--font-serif);
  font-size: 22px;
  font-weight: 700;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  font-style: italic;
  line-height: 1;
}
.m-step-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
/* Corpo do card */.m-step-body {
  padding: 20px 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
}
.m-step-title {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.35;
}
.m-step-desc {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.70;
  margin: 0;
}
/* Variantes de cor por passo */.m-step--sky    .m-step-accent {
 background: var(--glow-sky);
 }
.m-step--sky    .m-step-num    {
 color: var(--glow-sky);
 }
.m-step--sky    .m-step-dot    {
 background: var(--glow-sky);
 box-shadow: 0 0 6px rgba(131, 139, 159, 0.60);
 }
.m-step--orange .m-step-accent {
 background: var(--glow-orange);
 }
.m-step--orange .m-step-num    {
 color: var(--glow-orange);
 }
.m-step--orange .m-step-dot    {
 background: var(--glow-orange);
 box-shadow: 0 0 6px rgba(154, 96, 64, 0.60);
 }
.m-step--green  .m-step-accent {
 background: var(--glow-green);
 }
.m-step--green  .m-step-num    {
 color: var(--glow-green);
 }
.m-step--green  .m-step-dot    {
 background: var(--glow-green);
 box-shadow: 0 0 6px rgba(107, 122, 80, 0.60);
 }
.m-step--siena  .m-step-accent {
 background: var(--glow-secondary);
 }
.m-step--siena  .m-step-num    {
 color: var(--glow-secondary);
 }
.m-step--siena  .m-step-dot    {
 background: var(--glow-secondary);
 box-shadow: 0 0 6px rgba(138, 90, 62, 0.60);
 }
.m-step--red    .m-step-accent {
 background: var(--glow-red);
 }
.m-step--red    .m-step-num    {
 color: var(--glow-red);
 }
.m-step--red    .m-step-dot    {
 background: var(--glow-red);
 box-shadow: 0 0 6px rgba(176, 88, 64, 0.60);
 }
/* ── CLOSING CARD ── */.metodo-close {
  max-width: 600px;
  margin: 0 auto;
}
.metodo-close-card {
  padding: 40px 48px;
  text-align: center;
}
.metodo-close-intro {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--ink-subtle);
  text-transform: uppercase;
  margin-bottom: 24px;
}
.metodo-pillars {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}
.metodo-pillar {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  font-family: var(--font-serif);
  font-size: clamp(18px, 1.9vw, 24px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  line-height: 1.4;
}
.metodo-pillar strong {
  color: var(--glow-secondary);
  font-weight: 600;
  font-style: italic;
}
.pillar-arrow {
  color: var(--glow-secondary);
  font-size: 20px;
  flex-shrink: 0;
  opacity: 0.80;
}
.metodo-close-result {
  font-family: var(--font-sans);
  font-size: clamp(13px, 1.2vw, 15px);
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.80;
  font-style: italic;
  margin: 0;
  padding-top: 24px;
  border-top: 1px solid var(--border-subtle);
}
/* ─────────────────────────────────────────────────────────────   05. DIFERENCIAIS — Por que é diferente───────────────────────────────────────────────────────────── */#diferenciais {
  padding: var(--section-py) 0;
  position: relative;
  overflow: hidden;
  background: #ede9e1;
  isolation: isolate;
}
/* ── Overrides de cor para fundo claro ── */#diferenciais .eyebrow {
 opacity: 1;
 }
#diferenciais .section-heading {
 color: #14100a;
 }
/* Orbs reduzidos sobre fundo claro */#diferenciais .orb-d1 {
 opacity: 0.30;
 }
#diferenciais .orb-d2 {
 opacity: 0.28;
 }
/* Orbs desta seção */.orb-d1 {
  width: 600px;
  height: 600px;
  top: -100px;
  right: -150px;
  background: radial-gradient(circle at center,    rgba(131, 139, 159, 0.14) 0%,    rgba(131, 139, 159, 0.04) 40%,    transparent 70%);
  filter: blur(80px);
  animation: orb-drift-2 20s ease-in-out infinite;
}
.orb-d2 {
  width: 500px;
  height: 500px;
  bottom: -80px;
  left: -100px;
  background: radial-gradient(circle at center,    rgba(176, 88, 64, 0.14) 0%,    rgba(176, 88, 64, 0.04) 40%,    transparent 70%);
  filter: blur(60px);
  animation: orb-drift-1 17s ease-in-out infinite;
}
/* ── HEADER ── */.dif-header {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 48px;
}
/* ── DIFERENCIAL LIST ── */.dif-list {
  max-width: 680px;
  margin: 0 auto 72px;
  display: flex;
  flex-direction: column;
}
.dif-item {
  padding: 32px 0;
  border-bottom: 1px solid rgba(80, 60, 40, 0.10);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dif-item:first-child {
  border-top: 1px solid rgba(80, 60, 40, 0.10);
}
.dif-connector {
  font-family: var(--font-serif);
  font-size: 13px;
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  font-style: italic;
  color: var(--glow-secondary);
}
.dif-title {
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.6vw, 20px);
  font-weight: 600;
  color: #14100a;
  line-height: 1.35;
}
.dif-desc {
  font-family: var(--font-sans);
  font-size: clamp(14px, 1.2vw, 16px);
  font-weight: 400;
  color: #3e3224;
  line-height: 1.80;
  margin: 0;
}
/* Chips "Sem..." */.dif-negations {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.dif-neg {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  color: #5e4a38;
  padding: 4px 12px;
  border-radius: var(--radius-pill);
  background: rgba(80, 60, 40, 0.07);
  border: 1px solid rgba(80, 60, 40, 0.12);
}
/* ── PIVOT BLOCK ── */.dif-pivot {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.dif-pivot-lead {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #7a6a56;
  margin-bottom: 20px;
}
/* Glass card versão clara — especificidade de ID supera .glass */#diferenciais .dif-pivot-card {
  background: rgba(255, 255, 255, 0.70);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  border: 1px solid rgba(80, 60, 40, 0.10);
  box-shadow:    0 0 0 1px rgba(0, 0, 0, 0.03),    0 4px 24px rgba(0, 0, 0, 0.07),    0 20px 56px rgba(0, 0, 0, 0.06);
  padding: 44px 52px;
}
#diferenciais .dif-pivot-card::after {
  background: linear-gradient(90deg,    transparent,    rgba(255, 255, 255, 0.35),    transparent);
}
.dif-pivot-quote {
  margin: 0 0 24px;
}
.dif-pivot-quote p {
  font-family: var(--font-serif);
  font-size: clamp(22px, 2.8vw, 38px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: #14100a;
  line-height: 1.30;
  margin: 0;
}
.dif-pivot-quote p + p {
  margin-top: 4px;
}
.dif-pivot-quote em {
  color: var(--glow-secondary);
  font-style: italic;
  font-weight: 600;
}
.dif-pivot-sub {
  font-family: var(--font-sans);
  font-size: clamp(14px, 1.2vw, 16px);
  font-weight: 400;
  color: #5e4a38;
  line-height: 1.80;
  margin: 0;
  padding-top: 24px;
  border-top: 1px solid rgba(80, 60, 40, 0.10);
}
/* ─────────────────────────────────────────────────────────────   06. OBJEÇÕES — Antes de você decidir───────────────────────────────────────────────────────────── */#objecoes {
  padding: var(--section-py) 0;
  position: relative;
  overflow: hidden;
}
/* Orbs desta seção */.orb-o1 {
  width: 640px;
  height: 640px;
  top: -120px;
  right: -160px;
  background: radial-gradient(circle at center,    rgba(131, 139, 159, 0.20) 0%,    rgba(131, 139, 159, 0.05) 40%,    transparent 70%);
  filter: blur(85px);
  animation: orb-drift-2 19s ease-in-out infinite;
}
.orb-o2 {
  width: 480px;
  height: 480px;
  bottom: -80px;
  left: -100px;
  background: radial-gradient(circle at center,    rgba(138, 90, 62, 0.18) 0%,    rgba(138, 90, 62, 0.04) 40%,    transparent 70%);
  filter: blur(65px);
  animation: orb-drift-1 15s ease-in-out infinite;
}
/* ── OPENER ── */.obj-opener {
  text-align: center;
  max-width: 580px;
  margin: 0 auto 64px;
}
.obj-opener-text {
  font-family: var(--font-sans);
  font-size: clamp(17px, 1.7vw, 22px);
  font-weight: 400;
  font-style: italic;
  color: var(--ink-muted);
  line-height: 1.65;
  margin-top: 14px;
}
/* ── PARES OBJEÇÃO / RESPOSTA ── */.obj-list {
  max-width: 640px;
  margin: 0 auto 72px;
  display: flex;
  flex-direction: column;
}
.obj-pair {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 0;
  border-bottom: 1px solid var(--border-subtle);
}
.obj-pair:first-child {
  border-top: 1px solid var(--border-subtle);
}
.obj-no,.obj-yes {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.obj-no {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 400;
  color: var(--ink-subtle);
  line-height: 1.60;
}
.obj-yes {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 500;
  color: var(--ink-muted);
  line-height: 1.60;
}
.obj-icon {
  font-size: 13px;
  flex-shrink: 0;
  margin-top: 2px;
  line-height: 1.60;
}
.obj-icon--no  {
 color: var(--glow-red);
   opacity: 0.75;
 }
.obj-icon--yes {
 color: var(--glow-green);
  }
/* ── FECHAMENTO / REASSURANCE ── */.obj-close {
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
}
.obj-close-lead {
  font-family: var(--font-sans);
  font-size: clamp(14px, 1.3vw, 16px);
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.75;
  margin-bottom: 16px;
}
.obj-close-highlight {
  font-family: var(--font-serif);
  font-size: clamp(26px, 3.2vw, 44px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin: 0;
}
/* ─────────────────────────────────────────────────────────────   07. ENTREGÁVEIS — O que você recebe───────────────────────────────────────────────────────────── */#entregaveis {
  padding: var(--section-py) 0;
  background: #faf8f5;
  isolation: isolate;
  position: relative;
}
/* ── Overrides para fundo claro ── */#entregaveis .eyebrow {
  opacity: 1;
}
#entregaveis .section-heading {
  color: #14100a;
}
/* Glass-card-main: versão branca (como no #problema) */#entregaveis .glass-card-main {
  background: #ffffff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid rgba(80, 60, 40, 0.10);
  box-shadow:    0 2px 8px rgba(0, 0, 0, 0.04),    0 8px 32px rgba(0, 0, 0, 0.09),    0 28px 80px rgba(0, 0, 0, 0.12);
}
#entregaveis .glass-card-main::before {
  background: linear-gradient(160deg,    rgba(255, 255, 255, 0.60) 0%,    transparent 50%);
}
/* Glass-mini: branco sobre fundo claro */#entregaveis .glass-mini {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px) saturate(120%);
  -webkit-backdrop-filter: blur(20px) saturate(120%);
  border: 1px solid rgba(80, 60, 40, 0.10);
  box-shadow:    0 2px 8px rgba(0, 0, 0, 0.05),    0 10px 36px rgba(0, 0, 0, 0.09);
}
#entregaveis .glass-mini::after {
  background: linear-gradient(90deg,    transparent,    rgba(80, 60, 40, 0.05),    transparent);
}
/* Notion mockup fill (sem border-radius próprio — herdado do glass-card-main) */#entregaveis .notion-mockup {
  border-radius: 0;
  border: none;
  box-shadow: none;
  width: 100%;
  max-width: none;
  background: transparent;
}
/* ── LAYOUT HERO-STYLE ── */.entrega-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: center;
}
/* ── COPY SIDE ── */.entrega-copy {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
/* Lista numerada dos entregáveis */.entrega-list {
  border: 1px solid rgba(80, 60, 40, 0.08);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.entrega-item {
  display: flex;
  gap: 0;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(80, 60, 40, 0.07);
  transition: background 0.2s ease;
}
.entrega-item:last-child {
  border-bottom: none;
}
.entrega-item:hover {
  background: rgba(138, 90, 62, 0.03);
}
.ei-num {
  font-family: var(--font-serif);
  font-size: 11px;
  font-weight: 700;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  font-style: italic;
  color: var(--glow-secondary);
  min-width: 30px;
  padding-top: 1px;
  opacity: 0.60;
  flex-shrink: 0;
}
.ei-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ei-tag {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--glow-secondary);
  margin-bottom: 3px;
}
.ei-title {
  font-family: var(--font-sans);
  font-size: 13.5px;
  font-weight: 600;
  color: #14100a;
  line-height: 1.3;
}
.ei-sub {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 400;
  color: #7a6a56;
  line-height: 1.65;
  margin-top: 3px;
}
/* Bloco "quando funciona" */.entrega-quando {
  background: rgba(138, 90, 62, 0.05);
  border: 1px solid rgba(138, 90, 62, 0.12);
  border-radius: var(--radius-md);
  padding: 16px 20px;
}
.entrega-quando-label {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  color: #7a6a56;
  margin-bottom: 10px;
}
.entrega-quando-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.eq-chip {
  font-family: var(--font-sans);
  font-size: 11.5px;
  font-weight: 500;
  color: #7a5033;
  background: rgba(138, 90, 62, 0.09);
  border: 1px solid rgba(138, 90, 62, 0.16);
  border-radius: var(--radius-pill);
  padding: 4px 12px;
}
/* ── VISUAL SIDE ── */.entrega-visual {
  position: relative;
  height: 520px;
}
/* Card principal flutuante */.entrega-main {
  width: 280px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-44%, -50%);
  z-index: 2;
  animation: float-entrega 9s ease-in-out infinite;
}
@keyframes float-entrega {
  0%, 100% {
 transform: translate(-44%, -50%) translateY(0px);
 }
  50%       {
 transform: translate(-44%, -50%) translateY(-14px);
 }
}
/* Mini card 1: chips de modo (topo direito) */.entrega-float-1 {
  position: absolute;
  top: 6%;
  right: 0%;
  z-index: 3;
  padding: 14px 16px;
  animation: float-m1 7s ease-in-out infinite;
  animation-delay: -2s;
}
/* Mini card 2: passos do protocolo (baixo esquerdo) */.entrega-float-2 {
  position: absolute;
  bottom: 14%;
  left: 0%;
  z-index: 3;
  padding: 14px 16px;
  animation: float-m2 8s ease-in-out infinite;
  animation-delay: -5s;
}
/* Mini card 3: papel do framework (baixo direito) */.entrega-float-3 {
  position: absolute;
  bottom: 4%;
  right: 2%;
  z-index: 3;
  padding: 14px 16px;
  animation: float-m3 6s ease-in-out infinite;
  animation-delay: -1s;
}
/* ─────────────────────────────────────────────────────────────   FLOAT 1 — Chips de modo───────────────────────────────────────────────────────────── */.ef-label {
  font-family: var(--font-sans);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #7a6a56;
  margin-bottom: 9px;
}
.ef-chips {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
.ef-chip {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 500;
  padding: 6px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  text-align: center;
  white-space: nowrap;
}
.ef-chip--sky {
  background: rgba(131, 139, 159, 0.10);
  border-color: rgba(131, 139, 159, 0.18);
  color: #5e6880;
}
.ef-chip--amber {
  background: rgba(138, 90, 62, 0.09);
  border-color: rgba(138, 90, 62, 0.18);
  color: #7a5033;
}
.ef-chip--red {
  background: rgba(176, 88, 64, 0.09);
  border-color: rgba(176, 88, 64, 0.18);
  color: #8a4c3a;
}
.ef-chip--olive {
  background: rgba(94, 96, 73, 0.10);
  border-color: rgba(94, 96, 73, 0.20);
  color: #484a36;
}
.ef-chip--active {
  box-shadow: 0 0 0 1.5px rgba(138, 90, 62, 0.35);
  font-weight: 600;
}
/* ─────────────────────────────────────────────────────────────   FLOAT 2 — Passos do protocolo───────────────────────────────────────────────────────────── */.ef-proto-label {
  font-family: var(--font-sans);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #8a5a3e;
  margin-bottom: 9px;
}
.ef-steps {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ef-step {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-sans);
  font-size: 12.5px;
}
.ef-step-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 700;
  flex-shrink: 0;
}
.ef-step--done .ef-step-icon {
  background: rgba(107, 122, 80, 0.13);
  color: #5a6e40;
  border: 1px solid rgba(107, 122, 80, 0.28);
}
.ef-step--done .ef-step-text {
  color: #8a9878;
  font-weight: 400;
  text-decoration: line-through;
  text-decoration-color: rgba(0, 0, 0, 0.18);
}
.ef-step--now .ef-step-icon {
  background: rgba(138, 90, 62, 0.12);
  color: #8a5a3e;
  border: 1px solid rgba(138, 90, 62, 0.25);
}
.ef-step--now .ef-step-text {
  color: #3a2e22;
  font-weight: 600;
}
/* ─────────────────────────────────────────────────────────────   FLOAT 3 — Papel do framework───────────────────────────────────────────────────────────── */.ef-paper {
  width: 110px;
}
.efp-header {
  margin-bottom: 7px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.efp-title-bar {
  height: 5px;
  width: 56%;
  background: #8a5a3e;
  border-radius: 2px;
  opacity: 0.55;
}
.efp-sub-bar {
  height: 3px;
  width: 36%;
  background: #8a5a3e;
  border-radius: 2px;
  opacity: 0.22;
}
.efp-divider {
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  margin-bottom: 8px;
}
.efp-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.efp-row:last-child {
  margin-bottom: 0;
}
.efp-n {
  font-family: var(--font-sans);
  font-size: 7.5px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.25);
  min-width: 12px;
  letter-spacing: 0.04em;
}
.efp-line {
  height: 3px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.10);
}
.efp-line--full  {
 flex: 1;
 }
.efp-line--med   {
 flex: 0.68;
 }
.efp-line--short {
 flex: 0.42;
 }
/* ─────────────────────────────────────────────────────────────   NOTION MOCKUP (reutilizado do float principal)───────────────────────────────────────────────────────────── */.notion-chrome {
  background: #1c1c1c;
  padding: 9px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.chrome-dots {
  display: flex;
  gap: 5px;
  flex-shrink: 0;
}
.cd {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
}
.cd--red   {
 background: #ff5f57;
 }
.cd--amber {
 background: #ffbd2e;
 }
.cd--green {
 background: #28ca41;
 }
.chrome-url {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.30);
  letter-spacing: 0.01em;
}
.notion-page {
  background: #faf8f5;
  padding: 18px 20px 20px;
}
.notion-page-icon {
  font-size: 20px;
  display: block;
  margin-bottom: 4px;
  line-height: 1;
}
.notion-page-title {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 600;
  color: #1a1510;
  margin-bottom: 11px;
  letter-spacing: -0.01em;
}
.notion-modes-db {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 11px;
  background: #fff;
}
.notion-mode-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.notion-mode-row:last-child {
  border-bottom: none;
}
.nm-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
.nm-name {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 400;
  color: #3a3028;
  flex: 1;
}
.nm-action {
  font-family: var(--font-sans);
  font-size: 9.5px;
  color: rgba(0, 0, 0, 0.26);
}
.nm-badge {
  font-family: var(--font-sans);
  font-size: 9px;
  font-weight: 500;
  color: #7a5033;
  background: rgba(138, 90, 62, 0.12);
  padding: 2px 7px;
  border-radius: 9999px;
}
.notion-mode-row--sky   .nm-dot {
 background: #838b9f;
 }
.notion-mode-row--amber .nm-dot {
 background: #8a5a3e;
 }
.notion-mode-row--red   .nm-dot {
 background: #b05840;
 }
.notion-mode-row--olive .nm-dot {
 background: #5e6049;
 }
.notion-mode-row--active {
  background: rgba(138, 90, 62, 0.07);
}
.notion-mode-row--active .nm-name {
  font-weight: 500;
  color: #2a1e14;
}
.notion-proto-preview {
  background: rgba(138, 90, 62, 0.06);
  border: 1px solid rgba(138, 90, 62, 0.14);
  border-radius: 5px;
  padding: 10px 12px;
}
.npp-label {
  font-family: var(--font-sans);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #8a5a3e;
  margin-bottom: 9px;
}
.npp-steps {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.npp-step {
  display: flex;
  align-items: center;
  gap: 9px;
}
.npp-num {
  font-family: var(--font-sans);
  font-size: 9px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.30);
  min-width: 14px;
  letter-spacing: 0.03em;
}
.npp-bar {
  height: 4px;
  border-radius: 2px;
  background: #8a5a3e;
  flex: 1;
}
.npp-bar--full {
 opacity: 0.72;
 }
.npp-bar--half {
 width: 52%;
 flex: none;
 opacity: 0.38;
 }

/* ═══════════════════════════════════════════════════════════════
   SEÇÃO 8 — OFERTA (#oferta)
═══════════════════════════════════════════════════════════════ */

#oferta {
  padding: var(--section-py) 0 calc(var(--section-py) * 1.4);
  background: #faf8f5;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* Overrides de cor para fundo claro */
#oferta .orb-of1 { opacity: 0.28; }
#oferta .orb-of2 { opacity: 0.25; }

#oferta .eyebrow { opacity: 1; }
#oferta .oferta-intro-headline { color: #14100a; }
#oferta .oferta-intro-headline em { color: #5e4a38; }
#oferta .oferta-atalho { color: #14100a; }
#oferta .custo-lead,
#oferta .custo-text,
#oferta .oferta-para { color: #3e3224; }
#oferta .sem-item {
  color: #3e3224;
  border-color: rgba(80, 60, 40, 0.12);
}

/* Glass custo — versão clara */
#oferta .oferta-custo.glass {
  background: rgba(255, 255, 255, 0.70);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  border: 1px solid rgba(80, 60, 40, 0.10);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.03),
    0 4px 24px rgba(0, 0, 0, 0.07),
    0 20px 56px rgba(0, 0, 0, 0.06);
}
#oferta .oferta-custo.glass::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
}

/* Value Stack */
#oferta .vs-header-label { color: #7a6a56; }
#oferta .value-stack-table {
  border-color: rgba(80, 60, 40, 0.12);
  background: #ffffff;
}
#oferta .vs-row { border-bottom-color: rgba(80, 60, 40, 0.08); }
#oferta .vs-item-name { color: #3e3224; }
#oferta .vs-item-tag {
  color: #5e4a38;
  background: rgba(80, 60, 40, 0.06);
}
#oferta .vs-item-val { color: #7a6a56; }
#oferta .vs-total-row {
  background: rgba(80, 60, 40, 0.04);
  border-color: rgba(80, 60, 40, 0.12);
}
#oferta .vs-total-label,
#oferta .vs-total-val { color: #7a6a56; }
#oferta .vs-preco-texto { color: #3e3224; }
#oferta .vs-parcela { color: #7a6a56; }
#oferta .vs-avista { color: #14100a; }

/* Cartão de preço — sólido branco */
#oferta .oferta-preco-card {
  background: #ffffff;
  border-color: rgba(80, 60, 40, 0.12);
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.04),
    0 8px 32px rgba(0, 0, 0, 0.09),
    0 28px 80px rgba(0, 0, 0, 0.10);
}
#oferta .preco-topo { color: #7a6a56; }
#oferta .preco-x { color: #5e4a38; }
#oferta .preco-valor { color: #14100a; }
#oferta .preco-avista { color: #5e4a38; }
#oferta .preco-avista strong { color: #14100a; }

/* Cartão de garantia */
#oferta .oferta-garantia-card {
  background: rgba(255, 255, 255, 0.60);
  border-color: rgba(80, 60, 40, 0.10);
}
#oferta .garantia-title { color: #14100a; }
#oferta .garantia-label { color: #7a6a56; }
#oferta .garantia-text { color: #3e3224; }

/* Orbs de fundo */
#oferta .orb-of1 {
  width: 560px;
  height: 560px;
  background: radial-gradient(circle, rgba(122, 148, 184, 0.14) 0%, transparent 70%);
  top: -120px;
  left: -180px;
}

#oferta .orb-of2 {
  width: 480px;
  height: 480px;
  background: radial-gradient(circle, rgba(138, 90, 62, 0.13) 0%, transparent 70%);
  bottom: 40px;
  right: -140px;
}

/* ── ABERTURA: a escolha ── */
.oferta-abertura {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 72px;
}

.oferta-abertura .eyebrow {
  margin-bottom: 32px;
}

.oferta-caminhos {
  display: grid;
  grid-template-columns: 0.88fr 48px 1.12fr;
  gap: 0;
  align-items: center;
  margin-top: 36px;
}

/* Caminho A: continuar sozinha */
.caminho {
  padding: 32px 28px;
  border-radius: var(--radius-xl);
}

.caminho--alone {
  border: 1px solid var(--border-subtle);
  background: rgba(255, 255, 255, 0.015);
  text-align: left;
  opacity: 0.60;
}

.caminho-lead {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.60;
  margin-bottom: 20px;
}

.caminho-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.caminho-list li {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
  color: var(--ink-subtle);
  padding-left: 16px;
  position: relative;
  line-height: 1.6;
}

.caminho-list li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: var(--border-subtle);
  opacity: 0.8;
}

/* Divisor "ou" */
.oferta-ou {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 0 4px;
}

.ou-line {
  flex: 1;
  width: 1px;
  min-height: 32px;
  background: var(--border-subtle);
  opacity: 0.45;
}

.ou-text {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 16px;
  color: var(--glow-secondary);
  white-space: nowrap;
}

/* Caminho B: caminho claro */
.caminho--clear {
  border: 1px solid rgba(138, 90, 62, 0.52);
  background: rgba(138, 90, 62, 0.11);
  text-align: left;
  position: relative;
  overflow: hidden;
  transform: translateY(-6px);
  box-shadow:
    0 0 48px rgba(138, 90, 62, 0.22),
    0 0 96px rgba(138, 90, 62, 0.10),
    inset 0 1px 0 rgba(240, 225, 210, 0.18);
}

/* Luz interna no canto superior direito */
.caminho--clear::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle at top right,
    rgba(138, 90, 62, 0.28) 0%,
    transparent 65%);
  pointer-events: none;
}

/* Linha luminosa no topo */
.caminho--clear::after {
  content: '';
  position: absolute;
  top: 0;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(240, 225, 210, 0.45),
    transparent);
  pointer-events: none;
}

.clear-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--glow-secondary);
  padding: 5px 13px;
  border: 1px solid rgba(138, 90, 62, 0.45);
  border-radius: var(--radius-pill);
  background: rgba(138, 90, 62, 0.14);
  margin-bottom: 20px;
}

.caminho-clear-headline {
  font-family: var(--font-serif);
  font-size: clamp(24px, 2.6vw, 34px);
  font-weight: 400;
  font-style: italic;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  line-height: 1.22;
  letter-spacing: -0.01em;
  margin-bottom: 14px;
}

.caminho-clear-sub {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.68;
}

/* ── CUSTO DA INAÇÃO ── */
.oferta-custo {
  max-width: 640px;
  margin: 0 auto 72px;
  padding: 36px 40px;
  text-align: left;
}

.custo-lead {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.68;
  margin-bottom: 24px;
}

.custo-items {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.custo-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.custo-icon {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 700;
  color: #c96060;
  margin-top: 3px;
  flex-shrink: 0;
  width: 14px;
}

.custo-text {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.65;
}

/* ── POSICIONAMENTO ── */
.oferta-pos {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 72px;
}

.oferta-atalho {
  font-family: var(--font-serif);
  font-size: clamp(22px, 2.8vw, 38px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  line-height: 1.25;
  letter-spacing: -0.015em;
  margin-bottom: 18px;
}

.oferta-atalho em {
  font-style: italic;
  color: var(--glow-secondary);
}

.oferta-para {
  font-family: var(--font-sans);
  font-size: 17px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.75;
  margin-bottom: 28px;
}

.oferta-sem-lista {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 14px;
}

.sem-item {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: var(--ink-muted);
  padding: 7px 16px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
}

/* ── PREÇO + GARANTIA ── */
.oferta-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  max-width: 480px;
  margin: 0 auto;
}

/* Card de preço */
.oferta-preco-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(122, 148, 184, 0.20);
  border-radius: var(--radius-xl);
  padding: 40px 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 0 60px rgba(122, 148, 184, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.preco-accent-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #8a5a3e 0%, #7a94b8 100%);
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}

.preco-topo {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--ink-subtle);
}

.preco-hero {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 4px 0;
}

.preco-x {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
  color: var(--ink-muted);
}

.preco-valor {
  font-family: var(--font-serif);
  font-size: clamp(44px, 5.5vw, 68px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  line-height: 1;
  letter-spacing: -0.025em;
  color: var(--ink);
}

.preco-avista {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
  color: var(--ink-muted);
  margin-top: -4px;
}

.preco-avista strong {
  color: var(--ink);
  font-weight: 600;
}

.preco-badge {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  color: var(--glow-secondary);
  line-height: 1.60;
  max-width: 280px;
  padding: 10px 16px;
  border: 1px solid rgba(138, 90, 62, 0.30);
  border-radius: 8px;
  background: rgba(138, 90, 62, 0.07);
}

.oferta-preco-card .btn-cta {
  margin-top: 8px;
  width: 100%;
  justify-content: center;
}

/* Card de garantia */
.oferta-garantia-card {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl);
  padding: 20px 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.garantia-badge {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 4px;
}

.garantia-num {
  font-family: var(--font-serif);
  font-size: 36px;
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--glow-sky);
}

.garantia-label {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-subtle);
  line-height: 1.4;
}

.garantia-title {
  font-family: var(--font-serif);
  font-size: clamp(14px, 1.2vw, 17px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  line-height: 1.3;
}

.garantia-text {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.70;
}

/* ═══════════════════════════════════════════════════════════════
   SEÇÃO 9 — FECHAMENTO (#fechamento)
═══════════════════════════════════════════════════════════════ */

#fechamento {
  padding: calc(var(--section-py) * 1.1) 0 calc(var(--section-py) * 1.6);
  background: #faf8f5;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* Orbs sutis sobre fundo claro */
#fechamento .orb-fe1 {
  width: 640px;
  height: 640px;
  background: radial-gradient(circle, rgba(138, 90, 62, 0.09) 0%, transparent 68%);
  top: -160px;
  right: -200px;
  opacity: 0.6;
}

#fechamento .orb-fe2 {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(94, 96, 73, 0.08) 0%, transparent 68%);
  bottom: -80px;
  left: -160px;
  opacity: 0.6;
}

/* ── Overrides de cor para fundo claro ── */
#fechamento .eyebrow {
  color: var(--glow-secondary);
}

#fechamento .fe-opcoes-lead {
  color: #14100a;
}

#fechamento .fe-ou-txt {
  color: var(--glow-secondary);
}

#fechamento .fe-opcao--out p {
  color: #6a5a4a;
}

#fechamento .fe-ou-line {
  background: rgba(80, 60, 40, 0.18);
}

/* Caminho in sobre fundo claro */
#fechamento .fe-opcao--in {
  border-color: rgba(138, 90, 62, 0.40);
  background: rgba(138, 90, 62, 0.07);
  box-shadow:
    0 0 32px rgba(138, 90, 62, 0.12),
    inset 0 1px 0 rgba(138, 90, 62, 0.20);
}

#fechamento .fe-in-headline {
  color: #14100a;
}

#fechamento .fe-in-sub {
  color: #4e3e2e;
}

/* Reconhecimento */
#fechamento .fe-reconhece-txt {
  color: #3e3224;
}

#fechamento .fe-reconhece-acao {
  color: #14100a;
}

/* Glass card de preço sobre fundo claro */
#fechamento .fe-preco.glass {
  background: #ffffff;
  backdrop-filter: none;
  border: 1px solid rgba(80, 60, 40, 0.12);
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.04),
    0 8px 32px rgba(0, 0, 0, 0.07);
}

#fechamento .fe-preco.glass::after {
  display: none;
}

#fechamento .fe-preco-label {
  color: #5e4a38;
}

#fechamento .fe-parcelado,
#fechamento .fe-avista {
  color: #14100a;
}

#fechamento .fe-ou-sep {
  color: #8a7060;
}

#fechamento .fe-avista-label {
  color: #6a5a4a;
}

/* Fechamento final */
#fechamento .fe-close-1 {
  color: #14100a;
}

#fechamento .fe-close-1 em {
  color: #6a5a4a;
}

#fechamento .fe-close-2 {
  color: #4e3e2e;
}

/* Container central estreito */
.fechamento-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

/* ── BLOCO 1: Duas opções ── */
.fe-opcoes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  width: 100%;
}

.fe-opcoes-lead {
  font-family: var(--font-serif);
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  letter-spacing: -0.01em;
}

.fe-opcoes-grid {
  display: grid;
  grid-template-columns: 1fr 44px 1fr;
  align-items: center;
  width: 100%;
  margin-top: 8px;
}

/* Lado "out" — mudo, apagado */
.fe-opcao {
  padding: 24px 20px;
  text-align: left;
}

.fe-opcao--out {
  opacity: 0.45;
}

.fe-opcao--out p {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.65;
  margin-bottom: 6px;
}

.fe-opcao--out p:last-child {
  margin-bottom: 0;
}

/* Divisor "ou" */
.fe-ou {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.fe-ou-line {
  flex: 1;
  width: 1px;
  min-height: 28px;
  background: var(--border-subtle);
}

.fe-ou-txt {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 15px;
  color: var(--glow-secondary);
}

/* Lado "in" — destacado, chamativo */
.fe-opcao--in {
  border: 1px solid rgba(138, 90, 62, 0.45);
  background: rgba(138, 90, 62, 0.09);
  border-radius: var(--radius-xl);
  box-shadow:
    0 0 36px rgba(138, 90, 62, 0.18),
    inset 0 1px 0 rgba(240, 225, 210, 0.14);
  position: relative;
  overflow: hidden;
}

.fe-opcao--in::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20%;
  right: 20%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(240, 225, 210, 0.40), transparent);
  pointer-events: none;
}

.fe-in-headline {
  font-family: var(--font-serif);
  font-size: clamp(18px, 1.8vw, 22px);
  font-weight: 400;
  font-style: italic;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  line-height: 1.30;
  margin-bottom: 10px;
}

.fe-in-sub {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.65;
}

/* ── BLOCO 2: Reconhecimento ── */
.fe-reconhece {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.fe-reconhece-txt {
  font-family: var(--font-serif);
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 400;
  font-style: italic;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink-muted);
  line-height: 1.45;
  max-width: 560px;
}

.fe-reconhece-acao {
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-weight: 400;
  color: var(--ink);
  font-size: 0.92em;
}

/* ── BLOCO 3: Preço ── */
.fe-preco {
  border-radius: var(--radius-xl);
  padding: 32px 44px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.fe-preco-label {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.6;
}

.fe-preco-label em {
  font-style: italic;
  color: var(--glow-secondary);
}

.fe-preco-destaque {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.fe-parcelado {
  font-family: var(--font-serif);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  letter-spacing: -0.02em;
}

.fe-ou-sep {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 18px;
  color: var(--ink-subtle);
}

.fe-avista {
  font-family: var(--font-serif);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  letter-spacing: -0.02em;
}

.fe-avista-label {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 400;
  color: var(--ink-muted);
  letter-spacing: 0;
  margin-left: 4px;
}

/* ── BLOCO 4: Fechamento final ── */
.fe-close {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.fe-close-1 {
  font-family: var(--font-serif);
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 400;
  font-variation-settings: 'opsz' 144, 'SOFT' 0;
  color: var(--ink);
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fe-close-1 em {
  font-style: italic;
  color: var(--ink-muted);
}

.fe-close-2 {
  font-family: var(--font-sans);
  font-size: clamp(16px, 1.5vw, 18px);
  font-weight: 400;
  color: var(--ink-muted);
  line-height: 1.70;
  margin-bottom: 24px;
}

/* Botão final — o maior da página */
.fe-cta-final {
  width: 100%;
  justify-content: center;
  padding: 22px 40px;
  font-size: clamp(15px, 1.4vw, 17px);
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
  box-shadow:
    0 0 48px rgba(122, 148, 184, 0.55),
    0 0 100px rgba(92, 122, 158, 0.30),
    inset 0 1px 0 rgba(230, 227, 220, 0.22);
}


/* =============================================================
   ADIÇÕES — Conversão low-ticket
   ============================================================= */

/* --- ORBs das novas seções --- */
.orb-a1 {
  width: 600px; height: 600px;
  top: -180px; right: -140px;
  background: radial-gradient(circle, rgba(138,90,62,0.20) 0%, transparent 70%);
  filter: blur(72px);
  animation: orb-drift-2 18s ease-in-out infinite;
}
.orb-a2 {
  width: 480px; height: 480px;
  bottom: -160px; left: -100px;
  background: radial-gradient(circle, rgba(94,96,73,0.16) 0%, transparent 70%);
  filter: blur(60px);
  animation: orb-drift-1 22s ease-in-out infinite;
}
.orb-ps1 {
  width: 680px; height: 680px;
  top: -200px; left: -180px;
  background: radial-gradient(circle, rgba(131,139,159,0.18) 0%, transparent 70%);
  filter: blur(75px);
  animation: orb-drift-1 20s ease-in-out infinite;
}
.orb-ps2 {
  width: 480px; height: 480px;
  bottom: -160px; right: -110px;
  background: radial-gradient(circle, rgba(138,90,62,0.14) 0%, transparent 70%);
  filter: blur(62px);
  animation: orb-drift-2 16s ease-in-out infinite;
}

/* ─────────────────────────────────────────────────────────────
   AUTORA
───────────────────────────────────────────────────────────────*/
#autora {
  padding: var(--section-py) 0;
  position: relative;
  overflow: hidden;
  background: var(--canvas-deep);
  isolation: isolate;
}

.autora-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 56px;
  align-items: start;
  margin-top: 28px;
}

.autora-text-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.autora-foto-wrap {
  position: sticky;
  top: 32px;
}

.autora-foto {
  width: 220px;
  border-radius: var(--radius-xl);
  display: block;
  object-fit: cover;
}

.autora-story-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 6px;
}

.autora-nome {
  font-family: var(--font-serif);
  font-size: clamp(28px, 3vw, 48px);
  font-weight: 400;
  color: var(--ink);
  margin: 0;
  font-variation-settings: 'opsz' 144;
}

.autora-bio {
  font-family: var(--font-sans);
  font-size: clamp(15px, 1.3vw, 17px);
  color: var(--ink-muted);
  line-height: 1.82;
  margin: 0;
}

.autora-credenciais {
  padding: 20px 28px;
  border-radius: var(--radius-md);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 48px;
  margin-bottom: 36px;
}

.autora-cred-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--ink-muted);
}

.cred-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--glow-secondary);
  flex-shrink: 0;
}

.autora-metodo {
  max-width: 720px;
  margin: 0 auto 36px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.autora-origem {
  font-family: var(--font-sans);
  font-size: clamp(14px, 1.2vw, 16px);
  color: var(--ink-muted);
  line-height: 1.78;
  padding: 16px 20px;
  border-left: 2px solid var(--glow-secondary);
  background: rgba(138,90,62,0.06);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  margin: 0;
}

.autora-origem strong {
  color: var(--ink);
}

.autora-statement {
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
  padding: 20px 0 8px;
}

.autora-statement p {
  font-family: var(--font-serif);
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 400;
  color: var(--ink-muted);
  font-variation-settings: 'opsz' 144;
  font-style: italic;
  line-height: 1.55;
  margin: 0 0 4px;
}

.autora-statement p:first-child {
  color: var(--ink);
}

/* ─────────────────────────────────────────────────────────────
   FAQ
───────────────────────────────────────────────────────────────*/
#faq {
  padding: var(--section-py) 0;
  background: #ffffff;
  position: relative;
}

.faq-header {
  text-align: center;
  margin-bottom: 52px;
}

#faq .section-heading {
  color: #14100a;
}

#faq .eyebrow {
  opacity: 1;
}

#faq .headline-accent {
  color: var(--glow-secondary);
}

.faq-list {
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.faq-item {
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #faf8f5;
  border: 1px solid rgba(80,60,40,0.10);
  transition: border-color 0.2s ease;
}

.faq-item[open] {
  border-color: rgba(80,60,40,0.20);
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 20px 24px;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-sans);
  font-size: clamp(14px, 1.25vw, 16px);
  font-weight: 500;
  color: #14100a;
  user-select: none;
}

.faq-question::-webkit-details-marker { display: none; }
.faq-question::marker { display: none; }

.faq-icon {
  font-size: 22px;
  font-weight: 300;
  color: #9a8870;
  line-height: 1;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

.faq-item[open] .faq-icon {
  transform: rotate(45deg);
  color: var(--glow-secondary);
}

.faq-answer {
  margin: 0 24px 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(80,60,40,0.10);
  font-family: var(--font-sans);
  font-size: clamp(14px, 1.15vw, 15px);
  color: #5e4a38;
  line-height: 1.80;
}

/* ─────────────────────────────────────────────────────────────
   PROVA SOCIAL
───────────────────────────────────────────────────────────────*/
#prova-social {
  padding: var(--section-py) 0;
  position: relative;
  overflow: hidden;
  background: var(--canvas-void);
  isolation: isolate;
}

.ps-header {
  text-align: center;
  margin-bottom: 56px;
}

.ps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.ps-card {
  padding: 20px 18px;
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ps-screenshot {
  width: 100%;
  border-radius: var(--radius-sm);
  display: block;
}

.ps-author {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid var(--border-subtle);
}

.ps-author-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--surface-2);
  border: 1px solid var(--border-glass);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--ink-subtle);
  flex-shrink: 0;
}

.ps-author strong {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--ink);
  font-family: var(--font-sans);
}

.ps-author span {
  font-size: 11px;
  color: var(--ink-subtle);
  font-family: var(--font-sans);
}

/* ─────────────────────────────────────────────────────────────
   MÉTODO — Fluxo prático
───────────────────────────────────────────────────────────────*/
.metodo-fluxo {
  max-width: 720px;
  margin: 36px auto 0;
  padding: 26px 30px;
  border-radius: var(--radius-lg);
}

.fluxo-intro {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--ink-subtle);
  margin-bottom: 16px;
}

.fluxo-steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.fluxo-step {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-muted);
  background: var(--surface-2);
  border: 1px solid var(--border-subtle);
  padding: 5px 12px;
  border-radius: var(--radius-pill);
}

.fluxo-step--fim {
  color: var(--glow-green);
  border-color: rgba(107,122,80,0.38);
  background: rgba(107,122,80,0.08);
}

.fluxo-seta {
  color: var(--ink-subtle);
  font-size: 12px;
}

.fluxo-tempo {
  margin-top: 14px;
  font-family: var(--font-serif);
  font-size: 15px;
  font-style: italic;
  color: var(--ink-subtle);
}

/* ─────────────────────────────────────────────────────────────
   OFERTA — Intro reformulado + Value Stack
───────────────────────────────────────────────────────────────*/
.oferta-intro-headline {
  font-family: var(--font-serif);
  font-size: clamp(20px, 2.4vw, 30px);
  font-weight: 400;
  color: var(--ink);
  line-height: 1.38;
  margin-top: 10px;
  font-variation-settings: 'opsz' 144;
}

.oferta-intro-headline em {
  font-style: italic;
  color: var(--ink-muted);
}

.value-stack-wrap {
  max-width: 680px;
  margin: 0 auto 48px;
}

.vs-header-label {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--ink-subtle);
  margin-bottom: 12px;
}

.value-stack-table {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  overflow: hidden;
}

.vs-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  border-bottom: 1px solid var(--border-subtle);
  gap: 12px;
}

.vs-row:last-child {
  border-bottom: none;
}

.vs-item-name {
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--ink-muted);
  flex: 1;
}

.vs-item-tag {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-subtle);
  background: var(--surface-2);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  white-space: nowrap;
  letter-spacing: 0.04em;
}

.vs-item-val {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-subtle);
  text-decoration: line-through;
  white-space: nowrap;
  opacity: 0.60;
}

.vs-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 18px;
  background: var(--surface-1);
  border: 1px solid var(--border-subtle);
  border-top: none;
}

.vs-total-label {
  font-family: var(--font-sans);
  font-size: 11px;
  color: var(--ink-subtle);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.vs-total-val {
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--ink-subtle);
  text-decoration: line-through;
  opacity: 0.55;
}

.vs-preco-destaque {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: rgba(107,122,80,0.08);
  border: 1px solid rgba(107,122,80,0.26);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  gap: 16px;
}

.vs-preco-texto {
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--ink-muted);
  line-height: 1.55;
}

.vs-preco-texto strong {
  color: var(--glow-green);
}

.vs-preco-valor {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1px;
  flex-shrink: 0;
}

.vs-parcela {
  font-family: var(--font-sans);
  font-size: 11px;
  color: var(--ink-subtle);
}

.vs-avista {
  font-family: var(--font-serif);
  font-size: 30px;
  font-weight: 400;
  color: var(--ink);
  font-variation-settings: 'opsz' 144;
  line-height: 1;
}

/* ─────────────────────────────────────────────────────────────
   RESPONSIVO — novas seções
───────────────────────────────────────────────────────────────*/
@media (max-width: 860px) {
  .autora-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .autora-foto-wrap {
    position: static;
  }
  .autora-foto {
    width: 160px;
    margin: 0 auto;
  }
  .autora-credenciais {
    flex-direction: column;
    gap: 10px;
  }
  .ps-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .fluxo-steps {
    gap: 7px;
  }
  .vs-preco-destaque {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

/* ── Hero preço hint ── */
.hero-preco-hint {
  font-family: var(--font-sans);
  font-size: 13px;
  color: var(--ink-subtle);
  margin: 0;
  letter-spacing: 0.01em;
}
.hero-preco-hint strong {
  color: var(--ink-muted);
  font-weight: 500;
}

/* ── Hero spacing: CTA precisa de mais respiro, hint é apêndice do botão ── */
.hero-content .btn-cta {
  margin-top: 14px;
}
.hero-content .hero-preco-hint {
  margin-top: -8px;
}