/* LP: e-Book WhatsApp Profissional - Extracted from inline */
/* ============================================================
   LP e-Book WhatsApp Profissional - Alta Conversao
   Overrides de cor: ver lp-whatsapp-theme.css (classe .wapp-theme)
   Aqui ficam apenas os estilos de estrutura/layout desta LP.
   ============================================================ */
.eb * { box-sizing: border-box; }

/* ── Logo branca forcada no hero (data-theme=light cancela logo-invert) ── */
.eb-hero__logo { filter: brightness(0) invert(1) !important; height: 32px !important; width: auto !important; max-width: 160px !important; }

/* ── Faixa de prova social (abaixo do hero) ── */
.eb-social-strip {
  background: rgba(37,211,102,.07);
  border-top: 1px solid rgba(37,211,102,.15);
  border-bottom: 1px solid rgba(37,211,102,.15);
  padding: var(--dt-space-4) 0;
}
.eb-social-strip__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--dt-space-6);
  flex-wrap: wrap;
}
.eb-hero__sp-item {
  display: flex;
  align-items: center;
  gap: var(--dt-space-2);
  font-size: var(--dt-text-xs);
  font-weight: 700;
  color: var(--dt-orange);
  text-transform: uppercase;
  letter-spacing: .06em;
  white-space: nowrap;
}
.eb-hero__sp-item svg { flex-shrink: 0; }
.eb-hero__sp-sep {
  width: 1px;
  height: 14px;
  background: rgba(37,211,102,.3);
  flex-shrink: 0;
}

/* ── Hero ── */
.eb-hero__logo {
  display: block;
}
.eb-hero {
  background: linear-gradient(135deg, #075E54 0%, #128C7E 60%, #0a9e8e 100%);
  padding: var(--dt-space-16) 0 var(--dt-space-16);
  position: relative;
  overflow: hidden;
}
.eb-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 65% 110% at 10% 50%, rgba(0,0,0,.25) 0%, transparent 65%),
    radial-gradient(ellipse 45% 90% at 90% 50%, rgba(0,0,0,.15) 0%, transparent 65%);
}
.eb-hero .container { position: relative; z-index: 1; }
.eb-hero__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--dt-space-4);
  grid-area: brand;
}
.eb-hero__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "brand visual"
    "copy  visual";
  column-gap: var(--dt-space-12);
  row-gap: var(--dt-space-6);
  align-items: start;
}
.eb-hero__visual { grid-area: visual; display: flex; align-items: center; justify-content: center; }
.eb-hero__copy { grid-area: copy; }
.eb-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--dt-space-2);
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  padding: var(--dt-space-1) var(--dt-space-4);
  font-size: var(--dt-text-xs);
  font-weight: 700;
  color: rgba(255,255,255,.95);
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: var(--dt-space-5);
}
.eb-hero h1 {
  font-size: clamp(1.8rem, 3.2vw, 2.75rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.15;
  margin: 0 0 var(--dt-space-5);
}
.eb-hero h1 em { font-style: normal; color: var(--dt-orange); }
.eb-hero__sub {
  font-size: var(--dt-text-base);
  color: rgba(255,255,255,.72);
  line-height: 1.7;
  margin: 0 0 var(--dt-space-8);
  max-width: 540px;
}
.eb-hero__bullets {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--dt-space-8);
  display: flex;
  flex-direction: column;
  gap: var(--dt-space-3);
}
.eb-hero__bullets li {
  display: flex;
  align-items: flex-start;
  gap: var(--dt-space-3);
  font-size: var(--dt-text-sm);
  color: rgba(255,255,255,.85);
  line-height: 1.5;
}
.eb-hero__bullets li svg { flex-shrink: 0; margin-top: 2px; color: #25d366; }
/* Coluna da imagem no hero */
.eb-hero__visual {
  display: flex;
  align-items: center;
  justify-content: center;
}
.eb-hero__visual img {
  width: 100%;
  max-width: 420px;
  border-radius: var(--dt-radius-xl);
  display: block;
}

/* Seção do formulário */
.eb-form-section {
  background: var(--dt-surface);
  padding: var(--dt-space-16) 0;
}
.eb-form-section__inner {
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
}
.eb-form-section__inner .dtnf-form-wrap,
.eb-form-section__inner .dtnf-form-wrap label {
  text-align: left;
}
.eb-form-section__title {
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  font-weight: 800;
  color: var(--dt-text);
  line-height: 1.2;
  margin: 0 0 var(--dt-space-3);
}
.eb-form-section__sub {
  font-size: var(--dt-text-base);
  color: var(--dt-text-dim);
  line-height: 1.6;
  margin: 0 0 var(--dt-space-8);
}
.eb-form-trust {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dt-space-3) var(--dt-space-5);
  margin-top: var(--dt-space-5);
  padding-top: var(--dt-space-5);
  border-top: 1px solid var(--dt-border);
}
.eb-form-trust__item {
  display: flex;
  align-items: center;
  gap: var(--dt-space-2);
  font-size: var(--dt-text-xs);
  color: var(--dt-text-dim);
}
.eb-form-trust__item svg { flex-shrink: 0; color: #25d366; }

/* ── Seção: O Problema ── */
.eb-problem {
  padding: var(--dt-space-16) 0;
  background: var(--dt-bg-alt);
}
.eb-problem__head { text-align: center; max-width: 680px; margin: 0 auto var(--dt-space-12); }
.eb-problem__lead {
  font-size: var(--dt-text-base);
  color: var(--dt-text-dim);
  line-height: 1.8;
  margin: var(--dt-space-5) 0 0;
}
.eb-problem__lead strong { color: var(--dt-text); }
.eb-problem__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--dt-space-5);
}
.eb-pain-card {
  background: var(--dt-bg-card);
  border: 1px solid var(--dt-border);
  border-left: 4px solid #128C7E;
  border-radius: var(--dt-radius-xl);
  padding: var(--dt-space-8) var(--dt-space-6);
}
.eb-pain-card__icon {
  width: 44px;
  height: 44px;
  background: rgba(18,140,126,.1);
  border-radius: var(--dt-radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #128C7E;
  margin-bottom: var(--dt-space-4);
}
.eb-pain-card h3 { font-size: var(--dt-text-base); font-weight: 700; margin: 0 0 var(--dt-space-2); }
.eb-pain-card p { font-size: var(--dt-text-sm); color: var(--dt-text-dim); line-height: 1.65; margin: 0; }

/* ── Seção: O que você vai aprender ── */
.eb-learn { padding: var(--dt-space-16) 0; }
.eb-learn__head { text-align: center; max-width: 680px; margin: 0 auto var(--dt-space-10); }
.eb-learn__list {
  display: flex;
  flex-direction: column;
  gap: var(--dt-space-5);
  max-width: 600px;
  margin: 0 auto;
}
.eb-learn__item {
  display: flex;
  align-items: center;
  gap: var(--dt-space-5);
  font-size: var(--dt-text-xl);
  font-weight: 700;
  color: var(--dt-text);
  line-height: 1.35;
}
.eb-learn__item svg { flex-shrink: 0; color: #25d366; }

/* ── Seção: Para quem é ── */
.eb-avatars {
  padding: var(--dt-space-16) 0;
  background: var(--dt-bg-alt);
}
.eb-avatars__head { text-align: center; max-width: 640px; margin: 0 auto var(--dt-space-12); }
.eb-avatars__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--dt-space-5);
}
.eb-avatar-card {
  background: var(--dt-bg-card);
  border: 1px solid var(--dt-border);
  border-radius: var(--dt-radius-xl);
  padding: var(--dt-space-8) var(--dt-space-6);
  transition: border-color .2s;
}
.eb-avatar-card:hover { border-color: rgba(37,211,102,.4); }
.eb-avatar-card__icon {
  width: 52px;
  height: 52px;
  background: rgba(37,211,102,.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dt-orange);
  margin-bottom: var(--dt-space-4);
}
.eb-avatar-card h3 { font-size: var(--dt-text-base); font-weight: 700; color: var(--dt-text); margin: 0 0 var(--dt-space-2); }
.eb-avatar-card p { font-size: var(--dt-text-sm); color: var(--dt-text-dim); line-height: 1.6; margin: 0; }

/* ── Seção: Chat Corp (produto) ── */
.eb-chatcorp {
  padding: var(--dt-space-16) 0;
  background: linear-gradient(135deg, #075E54 0%, #128C7E 60%, #0a9e8e 100%);
  position: relative;
  overflow: hidden;
}
.eb-chatcorp::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 80% at 80% 50%, rgba(0,0,0,.2) 0%, transparent 65%);
  pointer-events: none;
}
.eb-chatcorp .container { position: relative; z-index: 1; }
.eb-chatcorp__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--dt-space-12);
  align-items: center;
}
.eb-chatcorp__tag {
  display: inline-block;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  padding: var(--dt-space-1) var(--dt-space-4);
  font-size: var(--dt-text-xs);
  font-weight: 700;
  color: rgba(255,255,255,.95);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: var(--dt-space-5);
}
.eb-chatcorp h2 { font-size: clamp(1.5rem, 2.5vw, 2.2rem); font-weight: 800; color: #fff; line-height: 1.2; margin: 0 0 var(--dt-space-4); }
.eb-chatcorp h2 em { font-style: normal; color: var(--dt-orange); }
.eb-chatcorp__desc { font-size: var(--dt-text-base); color: rgba(255,255,255,.7); line-height: 1.7; margin: 0 0 var(--dt-space-8); }
.eb-chatcorp__feats { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--dt-space-4); }
.eb-chatcorp__feats li { display: flex; align-items: flex-start; gap: var(--dt-space-3); color: rgba(255,255,255,.8); font-size: var(--dt-text-sm); line-height: 1.5; }
.eb-chatcorp__feat-icon { width: 36px; height: 36px; flex-shrink: 0; background: rgba(255,255,255,.18); border-radius: var(--dt-radius-md); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.95); }
.eb-chatcorp__feat-text strong { display: block; color: #fff; font-weight: 700; margin-bottom: 2px; }
.eb-chatcorp__img img { width: 100%; border-radius: var(--dt-radius-xl); display: block; }

/* ── Seção: Prova social ── */
.eb-social { padding: var(--dt-space-16) 0; }
.eb-social__head { text-align: center; max-width: 640px; margin: 0 auto var(--dt-space-12); }
.eb-test-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--dt-space-5);
  margin-top: var(--dt-space-10);
}
.eb-testimonial {
  background: var(--dt-bg-card);
  border: 1px solid var(--dt-border);
  border-radius: var(--dt-radius-xl);
  padding: var(--dt-space-8);
  display: flex;
  flex-direction: column;
  gap: var(--dt-space-4);
}
.eb-testimonial__stars { color: #f59e0b; font-size: .95rem; letter-spacing: 2px; }
.eb-testimonial__text { font-size: var(--dt-text-sm); color: var(--dt-text-dim); line-height: 1.72; margin: 0; font-style: italic; }
.eb-testimonial__result {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(37,211,102,.1);
  border: 1px solid rgba(37,211,102,.22);
  border-radius: 999px;
  padding: 3px 12px;
  font-size: var(--dt-text-xs);
  font-weight: 700;
  color: var(--dt-orange);
  width: fit-content;
}
.eb-testimonial__author {
  display: flex;
  align-items: center;
  gap: var(--dt-space-3);
  margin-top: auto;
}
.eb-testimonial__avatar {
  width: 44px; height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(37,211,102,.3);
}
.eb-testimonial__meta strong { display: block; font-size: var(--dt-text-sm); font-weight: 700; color: var(--dt-text); }
.eb-testimonial__meta span { font-size: var(--dt-text-xs); color: var(--dt-text-dim); }

/* ── Seção: Garantia / Oferta ── */
.eb-offer {
  background: linear-gradient(135deg, #075E54 0%, #128C7E 60%, #0a9e8e 100%);
  padding: var(--dt-space-16) 0;
  position: relative;
  overflow: hidden;
}
.eb-offer::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(255,255,255,.06) 0%, transparent 65%);
  pointer-events: none;
}
.eb-offer .container { position: relative; z-index: 1; max-width: 760px; text-align: center; }
.eb-offer h2 { font-size: clamp(1.6rem, 2.8vw, 2.4rem); font-weight: 800; color: #fff; margin: 0 0 var(--dt-space-5); line-height: 1.2; }
.eb-offer h2 em { font-style: normal; color: var(--dt-orange); }
.eb-offer p { font-size: var(--dt-text-base); color: rgba(255,255,255,.7); line-height: 1.7; margin: 0 0 var(--dt-space-8); }
.eb-offer__guarantees {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--dt-space-8);
  flex-wrap: wrap;
  margin-bottom: var(--dt-space-10);
}
.eb-offer__guarantee {
  display: flex;
  align-items: center;
  gap: var(--dt-space-2);
  font-size: var(--dt-text-sm);
  color: rgba(255,255,255,.8);
  font-weight: 600;
}
.eb-offer__guarantee svg { flex-shrink: 0; color: #25d366; }

/* ── Seção: CTA final com botão para formulário ── */
.eb-final-cta {
  padding: var(--dt-space-16) 0;
  background: var(--dt-bg-alt);
}
.eb-final-cta__inner {
  text-align: center;
  max-width: 620px;
  margin: 0 auto;
}
.eb-final-cta__inner h2 {
  font-size: clamp(1.7rem, 2.8vw, 2.4rem);
  font-weight: 800;
  color: var(--dt-text);
  line-height: 1.2;
  margin: var(--dt-space-4) 0 var(--dt-space-5);
}
.eb-final-cta__inner h2 em { font-style: normal; color: var(--dt-orange); }
.eb-final-cta__inner p {
  font-size: var(--dt-text-base);
  color: var(--dt-text-dim);
  line-height: 1.7;
  margin: 0 0 var(--dt-space-8);
}
.eb-final-cta__trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--dt-space-3);
  margin-top: var(--dt-space-5);
  font-size: var(--dt-text-xs);
  color: var(--dt-text-dim);
  flex-wrap: wrap;
}

/* ── Seção: Por que a DT Network (Vini) ── */
.eb-why { padding: var(--dt-space-16) 0; }
.eb-why__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--dt-space-12);
  align-items: center;
}
.eb-why__cards { display: flex; flex-direction: column; gap: var(--dt-space-5); }
.eb-why__card {
  display: flex;
  gap: var(--dt-space-4);
  align-items: flex-start;
  background: var(--dt-bg-card);
  border: 1px solid var(--dt-border);
  border-radius: var(--dt-radius-xl);
  padding: var(--dt-space-6);
}
.eb-why__card-icon {
  width: 44px; height: 44px; flex-shrink: 0;
  background: rgba(37,211,102,.12);
  border-radius: var(--dt-radius-lg);
  display: flex; align-items: center; justify-content: center;
  color: var(--dt-orange);
}
.eb-why__card h3 { font-size: var(--dt-text-base); font-weight: 700; color: var(--dt-text); margin: 0 0 var(--dt-space-1); }
.eb-why__card p { font-size: var(--dt-text-sm); color: var(--dt-text-dim); line-height: 1.65; margin: 0; }
.eb-why__photo { text-align: center; }
.eb-why__photo img { width: 100%; max-width: 400px; border-radius: var(--dt-radius-2xl); display: block; margin: 0 auto; }
.eb-why__caption { text-align: center; margin-top: var(--dt-space-4); font-size: var(--dt-text-sm); color: var(--dt-text-dim); }
.eb-why__caption strong { display: block; color: var(--dt-text); font-weight: 700; margin-bottom: 2px; }

/* ── Form LED override ── */
.eb-form-led-wrap .lp-form-led::after { background: #ffffff; }
/* Sombra no card do form */
.eb-form-led-wrap .lp-form-led {
  box-shadow: 0 8px 40px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.06);
}

/* ── Imagem CTA final ── */
.eb-final-cta__book {
  margin: var(--dt-space-8) auto var(--dt-space-6);
  display: flex;
  justify-content: center;
}
.eb-final-cta__book img {
  max-width: 520px;
  width: 100%;
  display: block;
  border-radius: var(--dt-radius-md);
}
/* Links das capas */
.eb-hero__visual a,
.eb-final-cta__book a { display: block; }
.eb-hero__visual a img,
.eb-final-cta__book a img { transition: transform .2s ease; }
.eb-hero__visual a:hover img,
.eb-final-cta__book a:hover img { transform: scale(1.03); }

/* ── CTA ao final das seções ── */
.eb-section-cta {
  text-align: center;
  margin-top: var(--dt-space-10);
}

/* ── LED giratório nos botões CTA ── */
/* border-radius do btn = 8px (--dt-radius); padding do wrapper = 2px → wrapper = 10px */
.eb-hero__visual { flex-direction: column; gap: var(--dt-space-5); }
.btn-led-wrap {
  display: inline-block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  padding: 2px;
}
.btn-led-wrap::before {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 200%; height: 200%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  background: conic-gradient(
    transparent 0deg,
    transparent 195deg,
    rgba(37,211,102,.03) 210deg,
    rgba(37,211,102,.12) 225deg,
    rgba(37,211,102,.3)  240deg,
    rgba(37,211,102,.6)  255deg,
    #25D366              268deg,
    #2de072              277deg,
    #25D366              286deg,
    rgba(37,211,102,.6)  299deg,
    rgba(37,211,102,.3)  314deg,
    rgba(37,211,102,.12) 329deg,
    rgba(37,211,102,.03) 344deg,
    transparent          358deg,
    transparent          360deg
  );
  animation: lp-led-spin 3s linear infinite;
  will-change: transform;
  z-index: 0;
}
/* Botão dentro do wrapper: sem borda estática, acima do LED */
.btn-led-wrap .btn {
  position: relative;
  z-index: 1;
  border: none !important;
  box-shadow: none !important;
}
@media (max-width: 520px) {
  .btn-led-wrap { display: block; max-width: 100%; box-sizing: border-box; }
  .btn-led-wrap .btn { width: 100%; text-align: center; white-space: normal; line-height: 1.35; }
}
/* Hero: wrapper do CTA da capa só aparece no desktop */
.eb-hero__visual-cta-wrap { display: none !important; }
@media (min-width: 1025px) {
  .eb-hero__visual-cta-wrap { display: inline-block !important; margin-top: var(--dt-space-2); }
}

/* Overrides de cor (btn--primary, dtnf-btn, led, tags) ficam em lp-whatsapp-theme.css */

/* ── Ilustração: WhatsApp Pessoal = Caos ── */
#caos-ilu { margin: var(--dt-space-10) 0; }
/* Card sem fundo branco: ilustração integrada na seção */
#caos-ilu .card { background:transparent; border:none !important; border-radius:0; padding:32px 0; position:relative; overflow:visible; box-shadow:none; transform:none !important; }
#caos-ilu .card::before { display:none; }
#caos-ilu .card::after { display:none; }
#caos-ilu .main-layout { display:grid; grid-template-columns:1fr 296px 1fr; gap:32px; align-items:center; position:relative; z-index:5; }
#caos-ilu .connector-break { position:absolute; top:50%; transform:translateY(-50%); background:white; width:30px;height:30px; border-radius:50%; display:flex;align-items:center;justify-content:center; box-shadow:0 8px 32px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.06); z-index:10; }
#caos-ilu .break-left { left:calc(33.33% + 16px); }
#caos-ilu .break-right { right:calc(33.33% + 16px); }
#caos-ilu .broken-flow { position:absolute; top:50%; transform:translateY(-50%); z-index:3; pointer-events:none; width:calc(33.33% - 88px); }
#caos-ilu .broken-flow-left { left:calc(33.33% + 48px); }
#caos-ilu .broken-flow-right { right:calc(33.33% + 48px); }
#caos-ilu .broken-flow svg { width:100%; height:40px; overflow:visible; }
#caos-ilu .broken-line { stroke:#e53e3e; stroke-width:1.5; stroke-linecap:round; fill:none; stroke-dasharray:6 4; opacity:.3; }
#caos-ilu .left-side { display:flex; flex-direction:column; align-items:flex-end; gap:14px; }
#caos-ilu .person-card { display:flex; align-items:center; gap:14px; background:#fff; border:1px solid #e8eef5; border-radius:16px; padding:16px 18px; box-shadow:0 8px 32px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.06); width:100%; max-width:284px; }
#caos-ilu .person-avatar { width:50px;height:50px; border-radius:50%; background:linear-gradient(135deg,#667eea,#764ba2); display:flex;align-items:center;justify-content:center; flex-shrink:0; box-shadow:0 4px 12px rgba(102,126,234,.3); }
#caos-ilu .person-name { font-size:.85rem; font-weight:700; color:#0f1923; }
#caos-ilu .person-role { font-size:.7rem; color:#8898aa; margin-top:2px; }
#caos-ilu .person-status { display:inline-flex; align-items:center; gap:5px; margin-top:6px; font-size:.63rem; font-weight:700; color:#e53e3e; background:#fff5f5; padding:3px 8px; border-radius:10px; border:1px solid #fecaca; }
#caos-ilu .status-dot { width:5px;height:5px; background:#e53e3e; border-radius:50%; animation:ciluBlink 1.2s ease infinite; }
#caos-ilu .chat-out { display:flex; flex-direction:column; align-items:flex-end; gap:8px; width:100%; max-width:284px; }
#caos-ilu .bubble-client { background:#fff; border:1px solid #e8eef5; border-radius:14px 14px 2px 14px; padding:10px 14px; font-size:.74rem; color:#1a2332; line-height:1.5; box-shadow:0 1px 3px rgba(0,0,0,.08); max-width:100%; animation:ciluSlideLeft .7s ease both; }
#caos-ilu .bubble-client:nth-child(1) { animation-delay:.3s; }
#caos-ilu .bubble-client:nth-child(2) { animation-delay:1s; }
#caos-ilu .bubble-client:nth-child(3) { animation-delay:1.7s; }
#caos-ilu .bubble-meta { display:flex; align-items:center; justify-content:flex-end; gap:4px; margin-top:4px; }
#caos-ilu .bubble-time { font-size:.58rem; color:#8898aa; }
#caos-ilu .tick-svg { width:12px;height:8px; flex-shrink:0; }
#caos-ilu .bubble-error-tag { display:inline-flex; align-items:center; gap:4px; background:rgba(255,245,245,.7); border:1px solid rgba(254,202,202,.6); color:#e53e3e; font-size:.52rem; font-weight:600; padding:1px 6px; border-radius:6px; margin-top:4px; opacity:.7; backdrop-filter:blur(4px); }
#caos-ilu .center-col { display:flex; justify-content:center; align-items:center; position:relative; }
#caos-ilu .phone-glow-ring { position:absolute; border-radius:50%; border:1px solid rgba(229,62,62,.10); animation:ciluRingExpand 4s ease-out infinite; }
#caos-ilu .glow-r1 { width:340px;height:340px; animation-delay:0s; }
#caos-ilu .glow-r2 { width:420px;height:420px; animation-delay:1.3s; }
#caos-ilu .glow-r3 { width:500px;height:500px; animation-delay:2.6s; }
#caos-ilu .iphone { width:252px;height:510px; background:#f7f8fc; border-radius:42px; position:relative; box-shadow:0 0 0 1px rgba(0,0,0,.06),0 0 0 2px rgba(0,0,0,.04),0 0 0 8px #e4e7f0,0 0 0 9px rgba(0,0,0,.06),inset 0 0 0 1px rgba(255,255,255,.8),0 30px 70px rgba(0,0,0,.18),0 10px 30px rgba(0,0,0,.10); overflow:hidden; z-index:5; }
#caos-ilu .iphone::before { content:''; position:absolute; left:-10px;top:90px; width:3px;height:34px; background:#d1d5e0; border-radius:2px 0 0 2px; box-shadow:0 44px 0 #d1d5e0; }
#caos-ilu .iphone::after { content:''; position:absolute; right:-10px;top:130px; width:3px;height:56px; background:#d1d5e0; border-radius:0 2px 2px 0; }
#caos-ilu .dynamic-island { position:absolute; top:12px;left:50%; transform:translateX(-50%); width:100px;height:30px; background:#0a0a0f; border-radius:20px; z-index:10; display:flex;align-items:center;justify-content:center; gap:6px; }
#caos-ilu .island-dot { width:8px;height:8px; border-radius:50%; background:#1a1a25; }
#caos-ilu .island-lens { width:10px;height:10px; border-radius:50%; background:#1a1a25; border:2px solid #2a2a35; }
#caos-ilu .iphone-screen { position:absolute; inset:0; border-radius:42px; overflow:hidden; display:flex; flex-direction:column; }
#caos-ilu .status-bar { height:52px; background:#075e54; display:flex; align-items:flex-end; padding:0 20px 8px; flex-shrink:0; }
#caos-ilu .status-time { font-size:.65rem; font-weight:700; color:white; flex:1; }
#caos-ilu .status-icons { display:flex; align-items:center; gap:5px; }
#caos-ilu .signal-bar { display:flex; align-items:flex-end; gap:1px; }
#caos-ilu .signal-bar span { display:block; width:3px; background:rgba(255,255,255,.85); border-radius:1px; }
#caos-ilu .signal-bar span:nth-child(1) { height:4px; }
#caos-ilu .signal-bar span:nth-child(2) { height:6px; }
#caos-ilu .signal-bar span:nth-child(3) { height:8px; }
#caos-ilu .signal-bar span:nth-child(4) { height:10px; }
#caos-ilu .battery-icon { width:16px;height:8px; border:1.5px solid rgba(255,255,255,.7); border-radius:2px; position:relative; }
#caos-ilu .battery-icon::before { content:''; position:absolute; right:-4px;top:50%; transform:translateY(-50%); width:2px;height:4px; background:rgba(255,255,255,.5); border-radius:0 1px 1px 0; }
#caos-ilu .battery-icon::after { content:''; position:absolute; left:1px;top:1px;bottom:1px; width:70%; background:rgba(255,255,255,.85); border-radius:1px; }
#caos-ilu .wa-header { background:#075e54; padding:10px 14px; display:flex; align-items:center; gap:10px; flex-shrink:0; border-bottom:1px solid rgba(255,255,255,.06); }
#caos-ilu .wa-avatar { width:38px;height:38px; border-radius:50%; background:rgba(255,255,255,.18); display:flex;align-items:center;justify-content:center; flex-shrink:0; position:relative; }
#caos-ilu .wa-unread { position:absolute; top:-4px;right:-4px; background:#e53e3e; color:white; font-size:.42rem; font-weight:800; width:17px;height:17px; border-radius:50%; display:flex;align-items:center;justify-content:center; border:1.5px solid #075e54; animation:ciluNotifPop 2s ease infinite; }
#caos-ilu .wa-info { flex:1; }
#caos-ilu .wa-name { font-size:.75rem; font-weight:700; color:white; }
#caos-ilu .wa-sub { font-size:.55rem; color:rgba(255,255,255,.55); margin-top:1px; }
#caos-ilu .wa-dots { display:flex; flex-direction:column; gap:2px; align-items:center; }
#caos-ilu .wa-dots span { width:3px;height:3px; background:rgba(255,255,255,.6); border-radius:50%; }
#caos-ilu .wa-chat { flex:1; background:#e5ddd5; padding:10px 8px; display:flex; flex-direction:column; gap:6px; overflow:hidden; position:relative; }
#caos-ilu .wa-chat-pattern { position:absolute; inset:0; opacity:.35; background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23b8b0a5' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E"); pointer-events:none; }
#caos-ilu .wa-msg { max-width:90%; padding:7px 10px; border-radius:8px; font-size:.63rem; line-height:1.5; position:relative; z-index:1; }
#caos-ilu .wa-msg-in { background:white; align-self:flex-start; border-bottom-left-radius:2px; color:#111; box-shadow:0 1px 2px rgba(0,0,0,.10); }
#caos-ilu .wa-msg-out { background:#dcf8c6; align-self:flex-end; border-bottom-right-radius:2px; color:#111; box-shadow:0 1px 2px rgba(0,0,0,.10); }
#caos-ilu .wa-ts { font-size:.48rem; color:#8696a0; text-align:right; margin-top:3px; display:flex; align-items:center; justify-content:flex-end; gap:2px; }
#caos-ilu .wa-msg-fade { opacity:0; animation:ciluFadeGhost 5s ease infinite; }
#caos-ilu .wa-msg-fade:nth-child(1) { animation-delay:0s; }
#caos-ilu .wa-msg-fade:nth-child(2) { animation-delay:1.7s; }
#caos-ilu .wa-msg-fade:nth-child(3) { animation-delay:3.4s; }
#caos-ilu .chaos-overlay { position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(229,62,62,.07) 100%); pointer-events:none; z-index:2; border-radius:42px; }
#caos-ilu .wa-input-bar { background:#f0f0f0; padding:7px 10px; display:flex; align-items:center; gap:7px; flex-shrink:0; }
#caos-ilu .wa-input-field { flex:1; background:white; border-radius:20px; padding:6px 12px; font-size:.58rem; color:#aaa; border:1px solid #e0e0e0; }
#caos-ilu .wa-send-btn { width:28px;height:28px; border-radius:50%; background:#128c7e; display:flex;align-items:center;justify-content:center; }
#caos-ilu .home-bar { background:#f7f8fc; height:22px; display:flex;align-items:center;justify-content:center; flex-shrink:0; }
#caos-ilu .home-bar-line { width:90px;height:4px; background:rgba(0,0,0,.18); border-radius:2px; }
#caos-ilu .right-side { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
#caos-ilu .biz-card { display:flex; align-items:center; gap:14px; background:#fff; border:1px solid #fee2e2; border-radius:16px; padding:16px 18px; box-shadow:0 8px 32px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.06); width:100%; max-width:284px; animation:ciluShakeLoop 5s ease infinite; }
#caos-ilu .biz-avatar { width:50px;height:50px; border-radius:14px; background:linear-gradient(135deg,#ef4444,#dc2626); display:flex;align-items:center;justify-content:center; flex-shrink:0; box-shadow:0 4px 12px rgba(239,68,68,.3); }
#caos-ilu .biz-name { font-size:.85rem; font-weight:700; color:#0f1923; }
#caos-ilu .biz-role { font-size:.7rem; color:#8898aa; margin-top:2px; }
#caos-ilu .consequence { background:#fff; border-radius:14px; padding:11px 14px; width:100%; max-width:284px; box-shadow:0 1px 3px rgba(0,0,0,.08); border-left:3px solid #e53e3e; border-top:1px solid #fff0f0; border-right:1px solid #fff0f0; border-bottom:1px solid #fff0f0; display:flex; align-items:flex-start; gap:10px; animation:ciluSlideRight .7s ease both; }
#caos-ilu .consequence:nth-child(2) { animation-delay:.4s; border-left-color:#128C7E; }
#caos-ilu .consequence:nth-child(3) { animation-delay:.8s; }
#caos-ilu .consequence:nth-child(4) { animation-delay:1.2s; border-left-color:#0e9f8a; }
#caos-ilu .consequence-icon { flex-shrink:0; margin-top:1px; }
#caos-ilu .consequence-text { font-size:.71rem; color:#4a5568; font-weight:600; line-height:1.4; }
#caos-ilu .consequence-value { font-size:.64rem; font-weight:800; margin-top:3px; color:#e53e3e; }
/* ícones dos consequences 2 e 4 (eram laranja/amarelo) → teal WhatsApp */
#caos-ilu .consequence:nth-child(2) .consequence-icon svg * { stroke:#128C7E !important; }
#caos-ilu .consequence:nth-child(4) .consequence-icon svg * { stroke:#0e9f8a !important; }
#caos-ilu .mini-chart-wrap { width:100%; max-width:284px; background:#fff; border-radius:14px; padding:14px; box-shadow:0 1px 3px rgba(0,0,0,.08); border:1px solid #f3f4f6; }
#caos-ilu .chart-top { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:10px; }
#caos-ilu .chart-title { font-size:.62rem; color:#8898aa; font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
#caos-ilu .chart-down-badge { background:#fff5f5; color:#e53e3e; font-size:.58rem; font-weight:800; padding:2px 8px; border-radius:8px; border:1px solid #fecaca; }
#caos-ilu .chart-svg { width:100%; height:56px; overflow:visible; }
#caos-ilu .chart-line-path { fill:none; stroke:#e53e3e; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:300; stroke-dashoffset:300; animation:ciluDrawChart 3s ease forwards 1.5s; }
#caos-ilu .chart-area-path { opacity:0; animation:ciluShowArea 1s ease forwards 4.2s; }
#caos-ilu .float-alerts { position:absolute; inset:0; pointer-events:none; z-index:20; }
#caos-ilu .alert-card { position:absolute; background:#fff; border-radius:12px; padding:9px 13px; font-size:.68rem; font-weight:600; box-shadow:0 8px 32px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.06); max-width:195px; display:flex; align-items:flex-start; gap:8px; border:1px solid; line-height:1.4; }
#caos-ilu .alert-card-body { flex:1; }
#caos-ilu .alert-card-body small { display:block; font-size:.56rem; font-weight:500; margin-top:2px; opacity:.7; }
#caos-ilu .alert-red { border-color:#fecaca; background:linear-gradient(135deg,#fff5f5,#fffafa); color:#e53e3e; }
/* alert-orange e alert-yellow → WhatsApp teal */
#caos-ilu .alert-orange { border-color:rgba(18,140,126,.3); background:linear-gradient(135deg,rgba(18,140,126,.06),rgba(18,140,126,.02)); color:#128C7E; }
#caos-ilu .alert-orange svg * { stroke:#128C7E !important; }
#caos-ilu .alert-yellow { border-color:rgba(14,159,138,.3); background:linear-gradient(135deg,rgba(14,159,138,.06),rgba(14,159,138,.02)); color:#0e9f8a; }
#caos-ilu .alert-yellow svg * { stroke:#0e9f8a !important; }
#caos-ilu .a1 { top:6%;left:1%; animation:ciluFloatCard 6s ease-in-out infinite 0s; }
#caos-ilu .a2 { top:5%;right:1%; animation:ciluFloatCard 6s ease-in-out infinite 1s; }
#caos-ilu .a3 { top:36%;left:0%; animation:ciluFloatCard 6s ease-in-out infinite 2s; }
#caos-ilu .a4 { top:36%;right:0%; animation:ciluFloatCard 6s ease-in-out infinite .5s; }
#caos-ilu .a5 { bottom:22%;left:1%; animation:ciluFloatCard 6s ease-in-out infinite 3s; }
#caos-ilu .a6 { bottom:20%;right:1%; animation:ciluFloatCard 6s ease-in-out infinite 1.5s; }
#caos-ilu .a7 { bottom:4%;left:22%; animation:ciluFloatCard 6s ease-in-out infinite 2.5s; }
#caos-ilu .a8 { bottom:2%;right:22%; animation:ciluFloatCard 6s ease-in-out infinite 3.5s; }
#caos-ilu .a9 { top:17%;left:24%; animation:ciluFloatCard 6s ease-in-out infinite .8s; }
#caos-ilu .coins-wrap { position:absolute; right:0;top:0; width:200px; height:100%; pointer-events:none; overflow:hidden; z-index:15; }
#caos-ilu .fcoin { position:absolute; opacity:0; animation:ciluCoinDrop linear infinite; }
#caos-ilu .fcoin:nth-child(1) { left:20%; animation-duration:4s; animation-delay:0s; }
#caos-ilu .fcoin:nth-child(2) { left:45%; animation-duration:3.5s; animation-delay:1.2s; }
#caos-ilu .fcoin:nth-child(3) { left:70%; animation-duration:5s; animation-delay:2.4s; }
#caos-ilu .fcoin:nth-child(4) { left:32%; animation-duration:4.2s; animation-delay:.8s; }
#caos-ilu .fcoin:nth-child(5) { left:60%; animation-duration:3.8s; animation-delay:3s; }
#caos-ilu .fcoin:nth-child(6) { left:83%; animation-duration:4.5s; animation-delay:1.8s; }
#caos-ilu .stamp { position:absolute; border:3px solid #e53e3e; border-radius:8px; padding:5px 16px; font-size:.75rem; font-weight:900; color:#e53e3e; text-transform:uppercase; letter-spacing:2px; transform:rotate(-7deg); opacity:0; animation:ciluStampIn 8s ease infinite; z-index:25; white-space:nowrap; top:53%;left:50%; margin-left:-76px; background:rgba(229,62,62,.04); }
#caos-ilu .stats-bar { margin-top:40px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; position:relative; z-index:5; }
#caos-ilu .stat-card { background:#fff; border-radius:16px; padding:18px 20px; box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04); border:1px solid #f1f5f9; text-align:center; }
#caos-ilu .stat-number { font-size:1.5rem; font-weight:900; color:#e53e3e; animation:ciluNumPulse 4s ease infinite; }
#caos-ilu .stat-label { font-size:.66rem; color:#8898aa; font-weight:500; margin-top:4px; line-height:1.4; }
#caos-ilu .bottom-tagline { margin-top:28px; text-align:center; position:relative; z-index:5; }
#caos-ilu .tagline-box { display:inline-block; background:linear-gradient(135deg,#0f5c52,#128c7e); border-radius:14px; padding:16px 32px; color:white; font-size:clamp(.82rem,1.4vw,1rem); font-weight:700; box-shadow:0 8px 24px rgba(18,140,126,.22); line-height:1.5; }
#caos-ilu .tagline-box .hl { color:#a7f3d0; }
@keyframes ciluBlink { 0%,100% { opacity:1; } 50% { opacity:.2; } }
@keyframes ciluSlideLeft { from { opacity:0; transform:translateX(-16px); } to { opacity:1; transform:translateX(0); } }
@keyframes ciluSlideRight { from { opacity:0; transform:translateX(16px); } to { opacity:1; transform:translateX(0); } }
@keyframes ciluRingExpand { 0% { opacity:.7; transform:scale(.95); } 100% { opacity:0; transform:scale(1.05); } }
@keyframes ciluNotifPop { 0%,100% { transform:scale(1); } 50% { transform:scale(1.25); } }
@keyframes ciluFadeGhost { 0% { opacity:0; transform:translateY(8px); } 12% { opacity:1; transform:translateY(0); } 55% { opacity:1; } 80% { opacity:0; transform:translateX(22px); } 100% { opacity:0; } }
@keyframes ciluShakeLoop { 0%,80%,100% { transform:translateX(0); } 82% { transform:translateX(-3px); } 84% { transform:translateX(3px); } 86% { transform:translateX(-2px); } 88% { transform:translateX(2px); } 90% { transform:translateX(-1px); } }
@keyframes ciluCoinDrop { 0% { top:-4%; opacity:.9; transform:rotate(0) scale(1); } 60% { opacity:.5; } 100% { top:104%; opacity:0; transform:rotate(540deg) scale(.5); } }
@keyframes ciluStampIn { 0%,62%,100% { opacity:0; transform:rotate(-7deg) scale(.85); } 66% { opacity:.9; transform:rotate(-7deg) scale(1.06); } 70%,90% { opacity:.85; transform:rotate(-7deg) scale(1); } }
@keyframes ciluDrawChart { to { stroke-dashoffset:0; } }
@keyframes ciluShowArea { to { opacity:1; } }
@keyframes ciluFloatCard { 0%,100% { transform:translateY(0) rotate(-.5deg); opacity:.93; } 50% { transform:translateY(-8px) rotate(.5deg); opacity:1; } }
@keyframes ciluNumPulse { 0%,100% { opacity:1; } 50% { opacity:.65; } }
@media (max-width: 860px) {
  #caos-ilu .card { padding:16px 0 24px; }
  #caos-ilu .main-layout { grid-template-columns:1fr; gap:24px; }
  #caos-ilu .left-side, #caos-ilu .right-side { align-items:center; }
  #caos-ilu .person-card, #caos-ilu .chat-out, #caos-ilu .biz-card, #caos-ilu .consequence, #caos-ilu .mini-chart-wrap { max-width:100%; }
  #caos-ilu .float-alerts, #caos-ilu .broken-flow, #caos-ilu .connector-break, #caos-ilu .coins-wrap, #caos-ilu .stamp { display:none; }
  #caos-ilu .glow-r1, #caos-ilu .glow-r2, #caos-ilu .glow-r3 { display:none; }
  #caos-ilu .stats-bar { grid-template-columns:repeat(2,1fr); gap:10px; }
}
/* Mobile pequeno: foca no iPhone + stats, oculta colunas laterais */
@media (max-width: 580px) {
  #caos-ilu .left-side, #caos-ilu .right-side { display:none; }
  #caos-ilu .main-layout { gap:0; }
  #caos-ilu .iphone { width:210px; height:425px; border-radius:36px; }
  #caos-ilu .iphone::before { left:-8px; }
  #caos-ilu .iphone::after { right:-8px; }
  #caos-ilu .dynamic-island { width:80px; height:24px; }
  #caos-ilu .stats-bar { grid-template-columns:1fr 1fr; gap:8px; margin-top:24px; }
  #caos-ilu .stat-card { padding:12px 10px; }
  #caos-ilu .stat-number { font-size:1.15rem; }
  #caos-ilu .tagline-box { padding:12px 18px; font-size:.82rem; }
  #caos-ilu .bottom-tagline { margin-top:18px; }
}

/* ── Responsivo ── */
@media (max-width: 1024px) {
  /* Hero mobile: logo → badge → capa → h1+texto */
  .eb-hero__grid {
    display: flex;
    flex-direction: column;
    gap: var(--dt-space-6);
    align-items: center;
    text-align: center;
  }
  .eb-hero__brand { order: 1; align-items: center; }
  .eb-hero__copy { order: 2; }
  .eb-hero__visual { order: 3; }
  .eb-hero__visual img { max-width: 260px; }
  .eb-hero__sub { max-width: 100%; }
  .eb-hero__bullets { text-align: left; display: inline-flex; flex-direction: column; }
  .eb-chatcorp__inner { grid-template-columns: 1fr; }
  .eb-chatcorp__img { display: none; }
}
@media (max-width: 480px) {
  /* Celular: compactar espaçamentos no hero */
  .eb-hero { padding: var(--dt-space-6) 0; }
  .eb-hero__logo { margin-bottom: var(--dt-space-2); }
  .eb-hero__grid { gap: var(--dt-space-3); }
  .eb-hero__brand { gap: var(--dt-space-2); }
  .eb-hero__visual { margin: var(--dt-space-1) 0; }
}
@media (max-width: 860px) {
  .eb-learn__item { font-size: var(--dt-text-lg); }
  .eb-problem__grid { grid-template-columns: 1fr; }
  .eb-avatars__grid { grid-template-columns: repeat(2, 1fr); }
  .eb-test-grid { grid-template-columns: 1fr; }
  .eb-why__inner { grid-template-columns: 1fr; }
  .eb-why__photo { order: -1; }
  .eb-offer__guarantees { gap: var(--dt-space-5); }
}
@media (max-width: 580px) {
  .eb-learn__item { font-size: var(--dt-text-base); gap: var(--dt-space-4); }
  .eb-avatars__grid { grid-template-columns: 1fr; }
  .eb-hero__sp-sep { display: none; }
  .eb-hero__form-col { padding: var(--dt-space-6) var(--dt-space-5); }
  .eb-form-led-wrap { margin: 0 calc(-1 * var(--dt-space-2)); }
}