/* ============================================================
   RESPONDE ÁGIL — DESIGN TOKENS
   ============================================================ */
:root{
  --navy: #0B1220;
  --blue: #2563EB;
  --purple: #7C3AED;
  --green: #22C55E;

  --navy-70: rgba(11,18,32,.7);
  --navy-50: rgba(11,18,32,.5);
  --navy-12: rgba(11,18,32,.12);
  --navy-06: rgba(11,18,32,.06);

  --bg: #FFFFFF;
  --bg-soft: #F7F8FB;
  --border: #E7E9F0;

  --gradient-brand: linear-gradient(135deg, var(--blue), var(--purple));

  --font-display: 'Inter Tight', 'Inter', -apple-system, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --shadow-card: 0 1px 2px rgba(11,18,32,.04), 0 8px 24px rgba(11,18,32,.06);
  --shadow-elevated: 0 8px 16px rgba(11,18,32,.06), 0 24px 48px rgba(11,18,32,.1);

  --container: 1200px;
  --ease: cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; overflow-x: hidden; width: 100%; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }
  *,*::before,*::after{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

body{
  margin:0;
  font-family: var(--font-body);
  color: var(--navy);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1,h2,h3{
  font-family: var(--font-display);
  color: var(--navy);
  margin: 0;
  line-height: 1.15;
  letter-spacing: -0.01em;
}
p{ margin: 0; }
a{ color: inherit; text-decoration: none; }
ul,ol{ margin:0; padding:0; list-style:none; }
button{ font-family: inherit; }
img{ max-width: 100%; display:block; }

.skip-link{
  position:absolute; left:-999px; top:0; background:var(--navy); color:#fff;
  padding:12px 18px; border-radius: 0 0 8px 0; z-index: 1000;
}
.skip-link:focus{ left:0; }

:focus-visible{
  outline: 2px solid var(--blue);
  outline-offset: 3px;
  border-radius: 4px;
}

.wrap{
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}
.wrap-narrow{ max-width: 760px; }

.section{ padding: 96px 0; }
.section-head{ max-width: 640px; margin: 0 0 48px; }
.section-head h2{ font-size: clamp(28px, 3.4vw, 40px); font-weight: 700; }
.section-sub{ margin-top: 14px; font-size: 17px; color: var(--navy-70); line-height: 1.6; }
.eyebrow{
  font-size: 14px; font-weight: 600; color: var(--blue); margin: 0 0 12px;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family: var(--font-body); font-weight: 600; font-size: 15px;
  padding: 12px 22px; border-radius: 999px; border: 1px solid transparent;
  cursor:pointer; transition: transform .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);
  white-space: nowrap;
}
.btn:hover{ transform: translateY(-1px); }
.btn:active{ transform: translateY(0); }

.btn-primary{
  background: var(--blue); color:#fff;
  box-shadow: 0 1px 2px rgba(37,99,235,.15), 0 8px 20px rgba(37,99,235,.22);
}
.btn-primary:hover{ background:#1d4fd1; }

.btn-outline{
  background: #fff; color: var(--navy); border-color: var(--navy-12);
}
.btn-outline:hover{ border-color: var(--navy); }

.btn-ghost{
  background: transparent; color: var(--navy-70);
  padding: 10px 14px;
}
.btn-ghost:hover{ color: var(--navy); }

.btn-whatsapp{
  background: var(--green); color:#fff;
}
.btn-whatsapp:hover{ background:#1ea94f; }

.btn-lg{ padding: 15px 28px; font-size: 16px; }
.btn-block{ width:100%; }

/* ============================================================
   NAVBAR
   ============================================================ */
.navbar{
  position: sticky; top:0; z-index: 200;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid transparent;
  transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.navbar.is-scrolled{
  border-bottom-color: var(--border);
  box-shadow: 0 1px 0 rgba(11,18,32,.02);
}
.navbar-inner{
  display:flex; align-items:center; justify-content: space-between;
  height: 72px; gap: 12px;
}
.logo{
  display:flex; align-items:center; gap:10px;
  font-family: var(--font-display); font-weight: 700; font-size: 17px;
  flex-shrink: 1; min-width: 0;
}
.logo span{ white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.logo strong{ color: var(--blue); font-weight: 800; }

.nav-links{ display:flex; align-items:center; gap: 32px; }
.nav-links a{
  font-size: 14.5px; font-weight: 500; color: var(--navy-70);
  transition: color .15s var(--ease);
}
.nav-links a:hover{ color: var(--navy); }

.nav-actions{ display:flex; align-items:center; gap: 10px; }

.hamburger{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width: 40px; height: 40px; border:none; background:none; cursor:pointer;
  border-radius: 8px;
}
.hamburger span{
  display:block; width:20px; height:2px; background: var(--navy); margin:0 auto;
  transition: transform .25s var(--ease), opacity .25s var(--ease);
}
.hamburger[aria-expanded="true"] span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.hamburger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.hamburger[aria-expanded="true"] span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

.mobile-menu{
  display:none;
  max-height: 0;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid var(--border);
  transition: max-height .3s var(--ease);
}
.mobile-menu.is-open{ max-height: 420px; }
.mobile-menu nav{
  display:flex; flex-direction:column; gap: 4px; padding: 8px 24px 24px;
}
.mobile-menu a{
  padding: 12px 4px; font-size: 16px; font-weight: 500; border-bottom: 1px solid var(--border);
}
.mobile-menu .btn{ margin-top: 16px; }

/* ============================================================
   HERO
   ============================================================ */
.hero{ padding: 72px 0 96px; }
.hero-inner{
  display:grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items:center;
}
.hero-copy h1{
  font-size: clamp(34px, 4.6vw, 56px); font-weight: 800;
}
.hero-sub{
  margin-top: 20px; font-size: 18px; line-height: 1.6; color: var(--navy-70);
  max-width: 480px;
}
.hero-cta{ display:flex; gap:14px; margin-top: 32px; flex-wrap: wrap; }
.hero-note{ margin-top: 18px; font-size: 13.5px; color: var(--navy-50); }

.hero-visual{ position: relative; display:flex; justify-content:center; }

.phone{
  width: 340px;
  background: #fff;
  border-radius: 28px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-elevated);
  overflow:hidden;
  position:relative;
}
.phone-notch{
  height: 22px; background: var(--navy);
  border-radius: 0 0 14px 14px; width: 120px; margin: 0 auto;
}
.phone-header{
  display:flex; align-items:center; gap:10px;
  padding: 14px 16px; background: var(--navy); color:#fff;
}
.phone-avatar{
  width:36px; height:36px; border-radius:50%;
  background: var(--gradient-brand);
  display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:13px;
}
.phone-name{ font-weight:600; font-size: 14.5px; }
.phone-status{ font-size: 12px; color: rgba(255,255,255,.65); display:flex; align-items:center; gap:6px; }
.dot{ width:7px; height:7px; border-radius:50%; display:inline-block; }
.dot-green{ background: var(--green); }

.phone-body{
  background: #EEF1F7;
  min-height: 420px;
  padding: 18px 14px;
  display:flex; flex-direction: column; gap: 10px;
  overflow-y: auto;
}

.msg{
  max-width: 82%;
  padding: 10px 13px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.45;
  opacity:0;
  animation: msgIn .35s var(--ease) forwards;
}
@keyframes msgIn{
  from{ opacity:0; transform: translateY(6px); }
  to{ opacity:1; transform: translateY(0); }
}
.msg-in{
  align-self: flex-start;
  background: #fff;
  border: 1px solid var(--border);
  border-bottom-left-radius: 4px;
}
.msg-out{
  align-self: flex-end;
  background: var(--blue);
  color: #fff;
  border-bottom-right-radius: 4px;
}
.msg-system{
  align-self: center;
  background: rgba(34,197,94,.12);
  color: #16803e;
  font-size: 12.5px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 999px;
}
.msg-status{
  align-self: flex-start;
  font-size: 12.5px;
  color: var(--navy-50);
  padding: 2px 4px;
  display:flex; align-items:center; gap:6px;
}
.msg-status .pulse{
  width:6px; height:6px; border-radius:50%; background: var(--blue);
  animation: pulse 1s infinite ease-in-out;
}
@keyframes pulse{ 0%,100%{ opacity:.3 } 50%{ opacity:1 } }

.typing-dots{
  align-self: flex-start;
  background:#fff; border:1px solid var(--border);
  border-radius: 16px; border-bottom-left-radius:4px;
  padding: 12px 14px;
  display:flex; gap:4px;
}
.typing-dots span{
  width:6px; height:6px; border-radius:50%; background: var(--navy-50);
  animation: typingBounce 1.1s infinite ease-in-out;
}
.typing-dots span:nth-child(2){ animation-delay: .15s; }
.typing-dots span:nth-child(3){ animation-delay: .3s; }
@keyframes typingBounce{
  0%,60%,100%{ transform: translateY(0); opacity:.5; }
  30%{ transform: translateY(-4px); opacity:1; }
}

.slot-row{
  display:flex; flex-wrap:wrap; gap:8px; align-self:flex-start; max-width: 90%;
}
.slot-chip{
  background:#fff; border:1px solid var(--border); border-radius: 10px;
  padding: 8px 12px; font-size: 13px; font-weight:600; color: var(--navy);
}

.confirm-card{
  align-self: flex-start;
  background: #fff; border: 1px solid var(--border);
  border-radius: 14px; padding: 14px 16px; max-width: 88%;
}
.confirm-card .cc-check{
  width:28px; height:28px; border-radius:50%; background: var(--green); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:14px; margin-bottom:8px;
}
.confirm-card .cc-title{ font-weight:700; font-size:14px; margin-bottom:2px; }
.confirm-card .cc-sub{ font-size:12.5px; color: var(--navy-70); }

.hero-badges{ position:absolute; inset:0; pointer-events:none; }
.badge{
  position:absolute;
  background:#fff; border:1px solid var(--border);
  padding: 8px 14px; border-radius: 999px; font-size: 12.5px; font-weight:600;
  box-shadow: var(--shadow-card);
  display:flex; align-items:center; gap:6px;
  opacity: 0;
}
.badge-float{ animation: badgeIn .5s var(--ease) forwards; }
.badge-1{ top: 8%; left: -8%; animation-delay: .4s; }
.badge-2{ top: 46%; right: -10%; animation-delay: 1.4s; }
.badge-3{ bottom: 6%; left: -6%; animation-delay: 2.6s; }
@keyframes badgeIn{
  from{ opacity:0; transform: translateY(8px) scale(.95); }
  to{ opacity:1; transform: translateY(0) scale(1); }
}

/* ============================================================
   PROBLEMA
   ============================================================ */
.problema{ background: var(--bg-soft); }
.problema-grid{
  display:grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items:center;
}
.problema-visual{
  background:#fff; border:1px solid var(--border); border-radius: var(--radius-lg);
  padding: 28px; position:relative; box-shadow: var(--shadow-card);
}
.pv-row{ display:flex; margin-bottom: 12px; }
.pv-right{ justify-content: flex-end; }
.pv-bubble{
  padding: 10px 14px; border-radius: 14px; font-size: 13.5px; max-width: 78%;
}
.pv-in{ background: var(--bg-soft); border:1px solid var(--border); border-bottom-left-radius:4px; }
.pv-pending{
  background: rgba(220,38,38,.08); color: #b42318; font-weight:600;
  border-bottom-right-radius:4px;
}
.pv-desk{
  margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--border);
  font-size: 12.5px; color: var(--navy-50); text-align:center; font-weight:600;
}

.dor-list{ display:flex; flex-direction:column; gap: 14px; }
.dor-list li{
  display:flex; align-items:center; gap: 12px;
  font-size: 16px; font-weight: 500; color: var(--navy);
  padding: 14px 16px; background:#fff; border:1px solid var(--border); border-radius: var(--radius-sm);
}
.dor-ico{ color: var(--blue); font-weight:700; }

/* ============================================================
   SOLUÇÃO
   ============================================================ */
.compare-grid{
  display:grid; grid-template-columns: 1fr auto 1fr; gap: 28px; align-items:center;
}
.compare-card{
  border-radius: var(--radius-lg); padding: 32px; border: 1px solid var(--border);
}
.compare-old{ background: var(--bg-soft); }
.compare-new{ background: var(--navy); color:#fff; box-shadow: var(--shadow-elevated); }
.compare-label{ font-weight:700; font-size: 14px; margin-bottom: 20px; }
.compare-old .compare-label{ color: var(--navy-70); }
.compare-new .compare-label{ color: rgba(255,255,255,.7); }

.flow-list{ display:flex; flex-direction:column; gap:0; }
.flow-list li{
  padding: 12px 0 12px 24px; position:relative; font-size:15px;
}
.flow-list li::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:2px;
  background: var(--navy-12);
}
.compare-new .flow-list li::before{ background: rgba(255,255,255,.18); }
.flow-list li::after{
  content:''; position:absolute; left:-4px; top: 18px; width:10px; height:10px;
  border-radius:50%; background: var(--navy-12);
}
.compare-new .flow-list li::after{ background: rgba(255,255,255,.3); }
.flow-bad{ color: #ef4444; font-weight:700; }
.flow-bad::after{ background: #ef4444 !important; }
.flow-good{ color: var(--green); font-weight:700; }
.flow-good::after{ background: var(--green) !important; }

.compare-arrow{ font-size: 26px; color: var(--navy-50); }

/* ============================================================
   COMO FUNCIONA
   ============================================================ */
.steps{
  display:grid; grid-template-columns: repeat(4,1fr); gap: 0;
  position:relative;
}
.steps::before{
  content:''; position:absolute; top: 26px; left: 12%; right:12%; height:1px;
  background: var(--navy-12);
}
.step{
  padding: 0 16px; text-align:left; position:relative;
  opacity:0; transform: translateY(16px);
  transition: opacity .5s var(--ease), transform .5s var(--ease);
}
.step.is-visible{ opacity:1; transform: translateY(0); }
.step-num{
  width: 52px; height:52px; border-radius:50%; background:#fff; border: 1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  font-family: var(--font-display); font-weight:700; color: var(--blue);
  margin-bottom: 18px; position:relative; z-index:1;
}
.step h3{ font-size: 17px; font-weight:700; margin-bottom:8px; }
.step p{ font-size: 14.5px; color: var(--navy-70); line-height:1.55; }

/* ============================================================
   DEMONSTRAÇÃO
   ============================================================ */
.demo{ background: var(--bg-soft); }
.demo-widget{
  display:grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items:start;
}
.phone-demo{ margin: 0 auto; }
.phone-demo .phone-body{ min-height: 380px; }

.phone-options{
  padding: 14px; background:#fff; border-top: 1px solid var(--border);
  display:flex; flex-wrap:wrap; gap:8px;
}
.opt-btn{
  background: #fff; border: 1.5px solid var(--blue); color: var(--blue);
  font-weight:600; font-size: 13.5px; padding: 9px 14px; border-radius: 999px;
  cursor:pointer; transition: background .15s var(--ease), color .15s var(--ease);
}
.opt-btn:hover{ background: var(--blue); color:#fff; }
.opt-btn.opt-secondary{ border-color: var(--navy-12); color: var(--navy-70); }
.opt-btn.opt-secondary:hover{ background: var(--bg-soft); color:var(--navy); }
.opt-restart{
  border-color: var(--navy-12); color: var(--navy-70);
}

.demo-audio{
  background:#fff; border:1px solid var(--border); border-radius: var(--radius-lg);
  padding: 24px; box-shadow: var(--shadow-card);
}
.demo-audio-label{ font-weight:700; font-size:14px; margin-bottom:16px; color: var(--navy-70); }
.audio-row{ display:flex; margin-bottom: 12px; }
.audio-row-reply{ justify-content:flex-start; }
.audio-bubble{
  padding: 10px 14px; border-radius:14px; font-size: 13.5px; max-width: 88%;
  display:flex; align-items:center; gap:10px;
}
.audio-in{ background: var(--bg-soft); border:1px solid var(--border); }
.audio-icon{ font-size:15px; }
.audio-wave{ display:flex; align-items:center; gap:2px; height:16px; }
.audio-wave i{
  width:2px; background: var(--blue); display:inline-block; border-radius:2px;
  animation: waveMove 1.2s infinite ease-in-out;
}
.audio-wave i:nth-child(1){ height:6px; animation-delay:0s; }
.audio-wave i:nth-child(2){ height:12px; animation-delay:.1s; }
.audio-wave i:nth-child(3){ height:16px; animation-delay:.2s; }
.audio-wave i:nth-child(4){ height:9px; animation-delay:.3s; }
.audio-wave i:nth-child(5){ height:14px; animation-delay:.4s; }
.audio-wave i:nth-child(6){ height:7px; animation-delay:.5s; }
.audio-wave i:nth-child(7){ height:11px; animation-delay:.6s; }
@keyframes waveMove{ 0%,100%{ transform: scaleY(.6);} 50%{ transform: scaleY(1);} }
.audio-time{ font-size:12px; color: var(--navy-50); }
.audio-reply{ background:#fff; border:1px solid var(--border); line-height:1.5; }

/* ============================================================
   TABS / FUNCIONALIDADES
   ============================================================ */
.tab-list{
  display:flex; gap:8px; border-bottom: 1px solid var(--border); margin-bottom: 32px;
  overflow-x:auto;
}
.tab-btn{
  background:none; border:none; padding: 12px 6px; font-size: 15px; font-weight:600;
  color: var(--navy-50); cursor:pointer; position:relative; white-space:nowrap;
  margin-right: 22px;
}
.tab-btn::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background: transparent;
  transition: background .2s var(--ease);
}
.tab-btn.active{ color: var(--navy); }
.tab-btn.active::after{ background: var(--blue); }

.feature-grid{
  display:grid; grid-template-columns: repeat(2, 1fr); gap: 14px;
}
.feature-grid li{
  padding: 16px 18px; background: var(--bg-soft); border:1px solid var(--border);
  border-radius: var(--radius-sm); font-size: 15px; font-weight:500;
}

/* ============================================================
   INTEGRAÇÕES
   ============================================================ */
.integ-grid{
  display:grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
}
.integ-card{
  display:flex; align-items:center; gap:12px;
  padding: 18px; border: 1px solid var(--border); border-radius: var(--radius-md);
  font-weight:600; font-size: 14.5px; background:#fff;
}
.integ-badge{
  width:36px; height:36px; border-radius:10px; color:#fff; font-weight:700; font-size:12px;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.integ-blue{ background: var(--blue); }
.integ-purple{ background: var(--purple); }
.integ-green{ background: var(--green); }

/* ============================================================
   BENEFÍCIOS
   ============================================================ */
.beneficios{ background: var(--bg-soft); }
.beneficios-grid{
  display:grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.beneficio-card{
  background:#fff; border:1px solid var(--border); border-radius: var(--radius-lg);
  padding: 28px;
}
.beneficio-icon{
  width:44px; height:44px; border-radius:12px; color:#fff; font-weight:700; font-size:17px;
  display:flex; align-items:center; justify-content:center; margin-bottom:18px;
}
.beneficio-card h3{ font-size: 17px; font-weight:700; margin-bottom:8px; }
.beneficio-card p{ font-size:14.5px; color: var(--navy-70); line-height:1.55; }

/* ============================================================
   CONFIANÇA
   ============================================================ */
.confianca-grid{
  display:grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.confianca-item{
  text-align:center; padding: 36px 16px; border-radius: var(--radius-lg);
  background: var(--navy); color:#fff;
}
.confianca-big{
  display:block; font-family: var(--font-display); font-size: 34px; font-weight:800;
  background: linear-gradient(135deg, #93c5fd, #c4b5fd);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  margin-bottom: 10px;
}
.confianca-desc{ font-size: 13.5px; color: rgba(255,255,255,.72); }

/* ============================================================
   PLANOS
   ============================================================ */
.planos-grid{
  display:grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items:stretch;
}
.plano-card{
  background:#fff; border:1px solid var(--border); border-radius: var(--radius-lg);
  padding: 32px; display:flex; flex-direction:column; position:relative;
}
.plano-destaque{
  border-color: var(--blue); box-shadow: var(--shadow-elevated); transform: translateY(-6px);
}
.plano-tag{
  position:absolute; top:-13px; left: 32px; background: var(--blue); color:#fff;
  font-size:12px; font-weight:700; padding: 5px 12px; border-radius: 999px;
}
.plano-card h3{ font-size:20px; font-weight:700; }
.plano-desc{ margin-top:6px; font-size:14px; color: var(--navy-70); min-height: 40px; }
.plano-price{ margin-top:20px; display:flex; align-items:baseline; gap:6px; }
.price-tag{ font-family: var(--font-display); font-size: 20px; font-weight:800; color: var(--navy); }
.price-period{ font-size:13px; color: var(--navy-50); }
.plano-impl{ font-size: 12.5px; color: var(--navy-50); margin-top:4px; }
.plano-features{ display:flex; flex-direction:column; gap:10px; margin: 24px 0 28px; flex-grow:1; }
.plano-features li{
  font-size: 14px; padding-left: 22px; position:relative; color: var(--navy);
}
.plano-features li::before{
  content:'✓'; position:absolute; left:0; color: var(--green); font-weight:700;
}

/* ============================================================
   FAQ / ACCORDION
   ============================================================ */
.accordion{ border-top: 1px solid var(--border); }
.acc-item{ border-bottom: 1px solid var(--border); }
.acc-item h3{ margin:0; }
.acc-trigger{
  width:100%; text-align:left; background:none; border:none; cursor:pointer;
  padding: 20px 4px; font-size: 16px; font-weight:600; color: var(--navy);
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  font-family: var(--font-body);
}
.acc-trigger::after{
  content:'+'; font-size: 20px; color: var(--navy-50); flex-shrink:0;
  transition: transform .2s var(--ease);
}
.acc-trigger[aria-expanded="true"]::after{ transform: rotate(45deg); }
.acc-panel{
  overflow:hidden; max-height:0; transition: max-height .25s var(--ease);
}
.acc-panel p{
  padding: 0 4px 20px; font-size: 15px; color: var(--navy-70); line-height:1.65; max-width: 640px;
}

/* ============================================================
   CTA FINAL
   ============================================================ */
.cta-final{
  background: var(--navy); color:#fff; text-align:center;
}
.cta-final-inner{ max-width: 620px; }
.cta-final h2{ color:#fff; font-size: clamp(26px,3.4vw,38px); font-weight:700; }
.cta-final p{ margin-top:14px; color: rgba(255,255,255,.7); font-size:17px; }
.cta-final-actions{ display:flex; gap:14px; justify-content:center; margin-top:32px; flex-wrap:wrap; }

/* ============================================================
   FOOTER
   ============================================================ */
.footer{ background: var(--bg-soft); padding-top: 64px; border-top:1px solid var(--border); }
.footer-inner{
  display:grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 40px;
}
.footer-brand p{ margin-top:12px; font-size:14px; color: var(--navy-70); max-width: 240px; }
.logo-footer{ margin-bottom: 4px; }
.footer-title{ font-weight:700; font-size:13.5px; margin-bottom:14px; color: var(--navy-50); }
.footer-col{ display:flex; flex-direction:column; gap:10px; }
.footer-col a{ font-size:14px; color: var(--navy-70); }
.footer-col a:hover{ color: var(--navy); }
.footer-lgpd{ font-size:12.5px; color: var(--navy-50); margin-top:4px; }

.footer-bottom{
  display:flex; justify-content:space-between; padding: 20px 24px;
  border-top: 1px solid var(--border); font-size:12.5px; color: var(--navy-50);
}

/* ============================================================
   MODAL
   ============================================================ */
.modal-overlay{
  position:fixed; inset:0; background: rgba(11,18,32,.5); backdrop-filter: blur(2px);
  display:flex; align-items:center; justify-content:center; z-index: 500; padding: 20px;
}
.modal-overlay[hidden]{ display:none; }
.modal{
  background:#fff; border-radius: var(--radius-lg); padding: 36px;
  width: 100%; max-width: 460px; max-height: 90vh; overflow-y:auto;
  position:relative; box-shadow: var(--shadow-elevated);
  animation: modalIn .2s var(--ease);
}
@keyframes modalIn{ from{ opacity:0; transform: translateY(10px) scale(.98);} to{ opacity:1; transform:none; } }
.modal-close{
  position:absolute; top:18px; right:18px; background: var(--bg-soft); border:none;
  width:32px; height:32px; border-radius:50%; cursor:pointer; font-size:14px; color: var(--navy-70);
}
.modal h2{ font-size: 22px; font-weight:700; padding-right: 30px; }
.modal-sub{ margin-top:8px; font-size:14px; color: var(--navy-70); line-height:1.5; }

.field{ margin-top:18px; display:flex; flex-direction:column; gap:6px; }
.field label{ font-size:13px; font-weight:600; color: var(--navy); }
.field input, .field select{
  padding: 11px 14px; border-radius: 10px; border: 1px solid var(--navy-12);
  font-size: 14.5px; font-family: inherit; color: var(--navy); background:#fff;
}
.field input:focus, .field select:focus{ border-color: var(--blue); }
.field.has-error input, .field.has-error select{ border-color:#ef4444; }
.field-error{ font-size:12.5px; color:#ef4444; min-height:14px; }

#demoForm .btn{ margin-top: 26px; }

.success-check{
  width:56px; height:56px; border-radius:50%; background: var(--green); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:26px; margin-bottom:16px;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1200px){
  .wrap{ padding: 0 20px; }
}

@media (max-width: 992px){
  .nav-links{ display:none; }
  .nav-actions .btn-ghost{ display:none; }
  .hamburger{ display:flex; }
  .mobile-menu{ display:block; }

  .hero-inner{ grid-template-columns: 1fr; gap: 48px; }
  .hero-copy{ order:1; text-align:left; }
  .hero-visual{ order:2; }
  .hero-sub{ max-width:none; }
  .hero-badges{ display:none; }

  .problema-grid{ grid-template-columns: 1fr; gap:36px; }
  .compare-grid{ grid-template-columns: 1fr; }
  .compare-arrow{ transform: rotate(90deg); margin: 4px auto; }
  .demo-widget{ grid-template-columns: 1fr; }
  .steps{ grid-template-columns: 1fr 1fr; row-gap: 32px; }
  .steps::before{ display:none; }
  .feature-grid{ grid-template-columns: 1fr; }
  .integ-grid{ grid-template-columns: repeat(2,1fr); }
  .beneficios-grid{ grid-template-columns: repeat(2,1fr); }
  .confianca-grid{ grid-template-columns: repeat(2,1fr); }
  .planos-grid{ grid-template-columns: 1fr; }
  .plano-destaque{ transform:none; order:-1; }
  .footer-inner{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px){
  .section{ padding: 72px 0; }
  .hero{ padding: 48px 0 64px; }
  .phone{ width: 100%; max-width: 340px; }
  .hero-badges{ display:none; }
  .footer-bottom{ flex-direction:column; gap:6px; }
}

@media (max-width: 480px){
  .wrap{ padding: 0 16px; }
  .navbar-inner{ gap: 6px; }
  .nav-actions{ gap: 6px; }
  .nav-actions .btn-primary{ padding: 9px 12px; font-size: 12px; }
  .logo{ gap: 6px; }
  .logo span{ font-size: 13.5px; }
  .hamburger{ width: 34px; }
  .hero-cta{ flex-direction:column; align-items:stretch; }
  .hero-cta .btn{ width:100%; }
  .cta-final-actions{ flex-direction:column; align-items:stretch; }
  .cta-final-actions .btn{ width:100%; }
  .integ-grid{ grid-template-columns: 1fr 1fr; }
  .beneficios-grid{ grid-template-columns: 1fr; }
  .confianca-grid{ grid-template-columns: 1fr 1fr; }
  .steps{ grid-template-columns: 1fr; }
  .footer-inner{ grid-template-columns: 1fr; gap: 28px; }
  .modal{ padding: 26px 20px; }
}

@media (max-width: 360px){
  .hero-copy h1{ font-size: 30px; }
  .section-head h2{ font-size: 24px; }
  .logo span{ font-size: 12px; }
  .logo svg{ width:24px; height:24px; }
  .nav-actions .btn-primary{ padding: 8px 10px; font-size: 11px; }
}

/* ============================================================
   2026 REDESIGN OVERRIDES — conversation-first + integrations
   ============================================================ */
.hero{padding:82px 0 108px;background:radial-gradient(circle at 78% 28%,rgba(37,99,235,.09),transparent 28%),radial-gradient(circle at 92% 75%,rgba(124,58,237,.08),transparent 24%)}
.hero-inner{grid-template-columns:minmax(0,.92fr) minmax(420px,.82fr);gap:40px}
.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.035em}.hero-gradient{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:18px;max-width:560px}.hero-proof-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px;color:var(--navy-70);font-size:13px;font-weight:600}.hero-proof-row span{display:inline-flex;align-items:center;gap:6px}.hero-visual{min-height:590px;align-items:center}.hero-phone{transform:rotate(1.2deg);box-shadow:0 18px 40px rgba(11,18,32,.13),0 45px 90px rgba(37,99,235,.12);z-index:2}.phone-body{background:#efeae2}.phone-input{height:46px;background:#f5f5f5;border-top:1px solid rgba(11,18,32,.08);display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:rgba(11,18,32,.45);font-size:12px}.input-send{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:11px}.hero-insight{position:absolute;z-index:3;display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(11,18,32,.08);box-shadow:0 12px 30px rgba(11,18,32,.09);border-radius:14px;padding:12px 14px;min-width:180px}.hero-insight strong{font-size:12.5px}.hero-insight small{grid-column:2;color:var(--navy-50);font-size:10.5px;margin-top:2px}.insight-dot,.insight-check{grid-row:1 / span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.insight-dot{background:#eaf2ff;box-shadow:inset 0 0 0 6px #dbeafe}.insight-check{background:#eafaf0;color:#16a34a;font-weight:800}.insight-one{left:0;top:13%}.insight-two{right:-20px;top:49%}.insight-three{right:5px;bottom:7%}.msg{animation:msgIn .32s var(--ease) both}.msg-in{background:#fff}.msg-out{background:#d9fdd3}.msg-status{background:rgba(255,255,255,.72);color:#64748b;border-radius:999px;padding:5px 10px;font-size:10px;align-self:center}.typing-dots{background:#fff!important}
@keyframes msgIn{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}

.eyebrow-negative{color:#dc2626}.problema{background:#fff}.problema .section-head{max-width:780px}.problema-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:64px}.whatsapp-problem{background:#0b1220;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-elevated);padding:0;min-height:480px}.problem-wa-head{height:72px;background:#182235;color:#fff;display:flex;align-items:center;gap:11px;padding:0 20px}.problem-wa-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#334155;font-weight:700}.problem-wa-head strong{display:block;font-size:14px}.problem-wa-head small{display:block;color:rgba(255,255,255,.55);font-size:11px;margin-top:3px}.problem-wa-live{margin-left:auto;color:#22c55e;font-size:10px}.problem-wa-chat{padding:28px 22px;min-height:408px;background:radial-gradient(circle at 15% 10%,rgba(37,99,235,.12),transparent 30%),#0f172a;display:flex;flex-direction:column;gap:12px}.pv-bubble{max-width:82%;padding:12px 14px;border-radius:5px 14px 14px 14px;color:#111827;background:#fff;font-size:13px;box-shadow:0 3px 10px rgba(0,0,0,.12)}.pv-bubble small{display:block;text-align:right;color:#94a3b8;font-size:9px;margin-top:5px}.problem-lost{margin-top:auto;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(248,113,113,.25);background:rgba(127,29,29,.25);border-radius:14px;color:#fff}.problem-lost>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ef4444;font-weight:800}.problem-lost strong{display:block;font-size:12px}.problem-lost small{display:block;color:#fecaca;font-size:10px;margin-top:3px}.dor-list{gap:12px}.dor-card{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:18px;border-radius:16px;border:1px solid #fecaca;background:linear-gradient(135deg,#fff,#fff7f7);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.dor-card:hover{transform:translateX(4px);box-shadow:0 12px 26px rgba(220,38,38,.09)}.dor-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fee2e2;color:#dc2626;font-weight:800;font-size:18px}.dor-card strong{font-size:14px}.dor-card p{font-size:12.5px;color:var(--navy-70);line-height:1.5;margin-top:4px}

.solucao{background:var(--bg-soft)}.role-stage{display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;gap:18px}.role-team,.role-ai{padding:28px;border-radius:22px;border:1px solid var(--border);background:#fff;min-height:220px}.role-ai{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:var(--shadow-elevated)}.role-team>div:first-of-type,.role-ai>div:first-of-type{display:flex;flex-direction:column}.role-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eff6ff;color:var(--blue);font-size:20px;margin-bottom:18px}.role-ai .role-icon{background:rgba(255,255,255,.1);color:#c4b5fd}.role-stage strong{font-size:19px}.role-stage small{margin-top:4px;color:var(--navy-50)}.role-ai small{color:rgba(255,255,255,.58)}.role-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.role-tags span{font-size:11px;padding:7px 10px;border-radius:999px;background:#f4f6fa;color:var(--navy-70)}.role-ai .role-tags span{background:rgba(255,255,255,.08);color:rgba(255,255,255,.78)}.role-connector{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--navy-50);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.role-connector i{height:100px;width:1px;background:linear-gradient(#cbd5e1,#2563eb,#cbd5e1);position:relative}.role-connector i:after{content:'›';position:absolute;left:-5px;top:43px;color:var(--blue);font-size:18px;transform:rotate(90deg)}

.context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.context-card{border:1px solid var(--border);border-radius:22px;padding:18px;background:#fff;box-shadow:var(--shadow-card);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.context-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-elevated)}.mini-wa{background:#efeae2;border-radius:16px;padding:13px;min-height:230px;display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.mini-head{font-size:9px;color:#64748b;text-align:center;margin-bottom:5px}.mini-in,.mini-out{font-size:11px;line-height:1.4;padding:9px 10px;max-width:88%;border-radius:5px 11px 11px 11px}.mini-in{background:#fff;align-self:flex-start}.mini-out{background:#d9fdd3;align-self:flex-end;border-radius:11px 5px 11px 11px}.context-card>strong{font-size:14px}.context-card>p{font-size:12.5px;color:var(--navy-70);line-height:1.5;margin-top:5px}

.demo{background:linear-gradient(180deg,#f7f8fb,#eef4ff)}.demo-stage{display:grid;grid-template-columns:420px minmax(0,1fr);gap:72px;align-items:center;max-width:980px;margin:auto}.phone-demo{width:420px;max-width:100%;box-shadow:0 20px 50px rgba(11,18,32,.14)}.phone-demo .phone-body{min-height:500px;max-height:500px}.demo-side{display:flex;flex-direction:column;gap:14px}.demo-proof{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-card)}.proof-icon{width:48px;height:48px;border-radius:14px;background:#eff6ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.demo-proof strong{font-size:15px}.demo-proof p{margin-top:5px;color:var(--navy-70);font-size:13px;line-height:1.55}

.funcionalidades{background:#fff}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.capability-card{min-height:290px;border:1px solid var(--border);border-radius:22px;padding:25px;background:linear-gradient(145deg,#fff,#f8fafc);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}.capability-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated);border-color:#d7def0}.capability-main{grid-row:span 2;background:radial-gradient(circle at 80% 20%,rgba(37,99,235,.12),transparent 35%),#fff;min-height:596px}.capability-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.capability-card h3{font-size:22px;margin-top:8px;max-width:430px}.cap-chat{margin-top:32px;background:#efeae2;border-radius:18px;padding:20px;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.cap-data{margin-top:22px;border-radius:16px;background:#0f172a;color:#fff;padding:18px;display:flex;flex-direction:column;gap:8px}.cap-data span{font-size:10px;color:#93c5fd;text-transform:uppercase}.cap-data b{font-size:14px}.cap-data small{color:rgba(255,255,255,.6)}.cap-data em{font-style:normal;color:#86efac;font-size:11px;margin-top:8px}.action-flow{margin-top:30px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.action-flow span,.action-flow strong{padding:9px 11px;border-radius:10px;background:#fff;border:1px solid var(--border);font-size:11px}.action-flow i{color:var(--blue);font-style:normal}.action-flow strong{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}.tone-chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}.tone-chips span{padding:8px 11px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px}.capability-card p{font-size:12.5px;line-height:1.55;color:var(--navy-70)}.handoff{margin-top:24px;background:#efeae2;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:9px}.handoff>span{font-size:10px;color:#15803d;font-weight:700}.tiny-logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tiny-logos span{padding:9px 11px;border-radius:10px;background:#fff;border:1px solid var(--border);font-size:11px;color:var(--navy-70)}

.integracoes{background:var(--navy);color:#fff;overflow:hidden}.integracoes h2{color:#fff}.integracoes .section-sub{color:rgba(255,255,255,.66)}.integration-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:70px;align-items:center}.integration-points{display:flex;flex-direction:column;gap:13px;margin-top:28px}.integration-points>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px}.integration-points span{grid-row:1/span 2;width:30px;height:30px;border-radius:9px;background:rgba(96,165,250,.13);color:#93c5fd;display:grid;place-items:center}.integration-points strong{font-size:13px}.integration-points small{color:rgba(255,255,255,.5);font-size:11px;margin-top:3px}.ecosystem{height:520px;position:relative;border-radius:28px;background:radial-gradient(circle at center,rgba(37,99,235,.16),transparent 32%),linear-gradient(145deg,#111c30,#0b1220);border:1px solid rgba(255,255,255,.08);overflow:hidden}.eco-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:140px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;box-shadow:0 20px 60px rgba(0,0,0,.3)}.eco-center span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--gradient-brand);font-weight:800}.eco-center strong{margin-top:10px;font-size:15px}.eco-center small{margin-top:4px;color:rgba(255,255,255,.5);font-size:10px}.eco-node,.eco-api{position:absolute;z-index:3;min-width:125px;padding:12px 13px;border-radius:15px;background:rgba(255,255,255,.97);color:var(--navy);display:flex;align-items:center;gap:9px;box-shadow:0 12px 25px rgba(0,0,0,.2)}.eco-node img{width:25px;height:25px;object-fit:contain}.eco-node span{font-size:10.5px;font-weight:700}.node-a{left:7%;top:16%}.node-b{right:7%;top:12%}.node-c{right:5%;bottom:18%}.node-d{left:8%;bottom:13%}.node-e{left:39%;top:7%}.eco-api{right:38%;bottom:7%;background:rgba(37,99,235,.12);border:1px solid rgba(147,197,253,.25);color:#fff}.eco-api span{font-weight:800;color:#93c5fd}.eco-api small{color:rgba(255,255,255,.55);font-size:9px}.eco-line{position:absolute;left:50%;top:50%;height:1px;width:34%;transform-origin:left center;background:linear-gradient(90deg,rgba(96,165,250,.55),rgba(96,165,250,0));z-index:1}.line-a{transform:rotate(-145deg)}.line-b{transform:rotate(-35deg)}.line-c{transform:rotate(32deg)}.line-d{transform:rotate(148deg)}.line-e{transform:rotate(-90deg)}.integration-example{margin-top:20px;padding:18px 20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.04)}.example-label{display:block;color:#93c5fd;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.integration-example>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.integration-example i{color:#60a5fa;font-style:normal}

.beneficios{background:var(--bg-soft)}.benefit-story{display:grid;grid-template-columns:1fr 80px 1fr;gap:20px;align-items:center}.story-before,.story-after{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--border)}.story-before{border-color:#fecaca}.story-after{border-color:#bbf7d0}.story-label{font-size:10px;font-weight:800;letter-spacing:.12em}.story-before .story-label{color:#dc2626}.story-after .story-label{color:#16a34a}.story-before h3,.story-after h3{font-size:21px;margin-top:7px}.story-wa{margin:22px 0 18px;background:#efeae2;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:7px}.story-wa span{background:#fff;padding:9px 11px;border-radius:5px 11px 11px 11px;font-size:11px}.story-wa small{font-size:9px;color:#dc2626;padding-left:8px}.story-wa .answered{background:#d9fdd3}.story-after .story-wa{background:#eaf6ea}.story-before>strong{font-size:12px;color:#b91c1c}.story-after>strong{font-size:12px;color:#15803d}.story-arrow{text-align:center;font-size:28px;color:var(--blue)}

.confianca{padding:42px 0;background:#fff}.confidence-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--border)}.confidence-strip>div{background:#fff;padding:22px;display:grid;grid-template-columns:34px 1fr;column-gap:9px}.confidence-strip span{grid-row:1/span 2;width:34px;height:34px;border-radius:10px;background:#eff6ff;color:var(--blue);display:grid;place-items:center}.confidence-strip strong{font-size:12px}.confidence-strip small{font-size:10px;color:var(--navy-50);line-height:1.4;margin-top:3px}

@media (max-width:1000px){.hero-inner{grid-template-columns:1fr}.hero-copy{max-width:700px}.hero-visual{min-height:610px}.integration-layout{grid-template-columns:1fr}.ecosystem{max-width:700px}.capability-main{grid-row:auto}.capability-grid{grid-template-columns:1fr 1fr}.demo-stage{grid-template-columns:380px 1fr;gap:35px}.phone-demo{width:380px}.phone-demo .phone-body{min-height:470px;max-height:470px}}
@media (max-width:760px){.hero{padding:55px 0 70px}.hero-inner{gap:25px}.hero-copy h1{font-size:38px}.hero-proof-row{gap:8px 12px}.hero-visual{min-height:560px}.hero-phone{width:320px}.hero-insight{display:none}.problema-grid,.context-grid,.capability-grid,.benefit-story,.role-stage{grid-template-columns:1fr}.role-connector{display:none}.role-team,.role-ai{min-height:0}.demo-stage{grid-template-columns:1fr}.phone-demo{width:340px;margin:auto}.phone-demo .phone-body{min-height:440px;max-height:440px}.ecosystem{height:600px}.eco-node,.eco-api{transform:scale(.9)}.node-a{left:4%;top:12%}.node-b{right:4%;top:11%}.node-c{right:2%;bottom:20%}.node-d{left:3%;bottom:14%}.node-e{left:35%;top:5%}.eco-api{right:28%;bottom:5%}.confidence-strip{grid-template-columns:1fr 1fr}.confidence-strip>div{padding:16px}.story-arrow{transform:rotate(90deg)}.benefit-story{gap:10px}.capability-main{min-height:0}.section{padding:72px 0}}
@media (max-width:430px){.hero-copy h1{font-size:34px}.hero-phone{width:305px}.phone-demo{width:100%}.ecosystem{height:560px}.eco-center{width:165px}.eco-node{min-width:105px;padding:9px}.eco-node span{font-size:9px}.confidence-strip{grid-template-columns:1fr}.confidence-strip>div{grid-template-columns:34px 1fr}.hero-cta .btn{width:100%}}

.phone-options{display:none!important}.slot-row{display:none!important}.confirm-card{display:none!important}

/* ============================================================
   V5 — WhatsApp-native conversations + cleaner product story
   ============================================================ */
:root{
  --wa-green:#008069;
  --wa-green-dark:#075e54;
  --wa-chat:#efeae2;
  --wa-out:#d9fdd3;
  --wa-in:#ffffff;
  --wa-text:#111b21;
  --wa-muted:#667781;
  --wa-blue:#53bdeb;
}
.section-head-left{max-width:800px}
.hero-v5{padding:88px 0 112px;background:
  radial-gradient(circle at 76% 20%,rgba(37,99,235,.11),transparent 27%),
  radial-gradient(circle at 93% 76%,rgba(124,58,237,.09),transparent 24%),#fff}
.hero-v5 .hero-inner{grid-template-columns:minmax(0,.95fr) minmax(430px,.85fr);gap:44px}
.hero-v5 .hero-copy h1{font-size:clamp(42px,5.3vw,66px);letter-spacing:-.045em;line-height:1.02;max-width:680px}
.hero-v5 .hero-sub{font-size:18px;max-width:620px}
.hero-v5 .hero-proof-row{margin-top:24px}
.hero-v5 .hero-visual{min-height:610px}

.wa-phone{
  width:370px;background:#111b21;border:9px solid #111827;border-radius:38px;overflow:hidden;position:relative;
  box-shadow:0 28px 70px rgba(11,18,32,.2),0 8px 20px rgba(11,18,32,.12);z-index:2
}
.wa-statusbar{height:28px;background:var(--wa-green-dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px;font-weight:700;letter-spacing:.02em}
.wa-status-icons{font-size:8px;opacity:.9;letter-spacing:2px}
.wa-header{height:62px;background:var(--wa-green-dark);color:#fff;display:flex;align-items:center;padding:0 12px 8px 10px;gap:9px}
.wa-back{font-size:30px;font-weight:300;line-height:1;opacity:.95}
.wa-avatar{width:39px;height:39px;border-radius:50%;background:linear-gradient(145deg,#dbeafe,#bfdbfe);display:grid;place-items:center;color:#2563eb;font-weight:900;border:2px solid rgba(255,255,255,.7);flex:0 0 auto}
.wa-avatar span{width:19px;height:19px;border-radius:7px;background:#fff;display:grid;place-items:center;font-size:16px;line-height:1}
.wa-avatar-sm{width:34px;height:34px}.wa-avatar-sm span{width:17px;height:17px;font-size:14px}
.wa-contact{min-width:0;flex:1}.wa-contact strong{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-contact small{display:block;font-size:10px;color:rgba(255,255,255,.72);margin-top:2px}
.wa-actions{display:flex;align-items:center;gap:16px;font-size:17px}.wa-actions span{opacity:.95}
.wa-chat,.wa-mini-chat{
  background-color:var(--wa-chat);
  background-image:
    radial-gradient(circle at 16px 18px,rgba(17,27,33,.035) 1px,transparent 1.5px),
    radial-gradient(circle at 46px 44px,rgba(17,27,33,.028) 1px,transparent 1.5px);
  background-size:64px 64px,78px 78px;
}
.wa-chat{height:456px;padding:14px 12px 18px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;scrollbar-width:none}
.wa-chat::-webkit-scrollbar{display:none}
.wa-compose{height:52px;background:#f0f2f5;display:flex;align-items:center;gap:8px;padding:7px 9px;color:#667781}
.wa-emoji{font-size:20px}.wa-field{height:37px;flex:1;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:11px;color:#8696a0}.wa-field span{font-size:17px}.wa-mic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--wa-green);color:white;font-size:10px}
.wa-bubble{position:relative;max-width:84%;padding:7px 9px 18px;border-radius:8px;color:var(--wa-text);font-size:12.5px;line-height:1.42;box-shadow:0 1px 1px rgba(11,18,32,.12);animation:waBubbleIn .28s var(--ease) both}
.wa-in{background:var(--wa-in);align-self:flex-start;border-top-left-radius:2px}.wa-out{background:var(--wa-out);align-self:flex-end;border-top-right-radius:2px}
.wa-time{position:absolute;right:7px;bottom:4px;color:#667781;font-size:8.5px;white-space:nowrap;line-height:1}.wa-time b{font-weight:800;color:#53bdeb;letter-spacing:-2px;margin-left:2px}
.wa-day{align-self:center;background:rgba(255,255,255,.84);color:#54656f;border-radius:7px;padding:5px 9px;font-size:9px;box-shadow:0 1px 1px rgba(11,18,32,.08);margin:1px 0 5px}
.wa-system{align-self:center;max-width:90%;background:#fff4c7;color:#54656f;border-radius:7px;padding:6px 9px;font-size:9.5px;line-height:1.35;text-align:center;box-shadow:0 1px 1px rgba(11,18,32,.08)}
.wa-audio{display:flex;align-items:center;gap:8px;min-width:220px}.wa-audio-play{width:26px;height:26px;border-radius:50%;background:#667781;color:#fff;display:grid;place-items:center;font-size:9px}.wa-audio-wave{display:flex;align-items:center;gap:2px;flex:1;height:22px}.wa-audio-wave i{display:block;width:2px;background:#84949d;border-radius:2px}.wa-audio-wave i:nth-child(1){height:5px}.wa-audio-wave i:nth-child(2){height:12px}.wa-audio-wave i:nth-child(3){height:8px}.wa-audio-wave i:nth-child(4){height:18px}.wa-audio-wave i:nth-child(5){height:9px}.wa-audio-wave i:nth-child(6){height:14px}.wa-audio-wave i:nth-child(7){height:6px}.wa-audio-wave i:nth-child(8){height:11px}.wa-audio small{font-size:8px;color:#667781}
.wa-typing{align-self:flex-start;display:flex;gap:4px;background:#fff;border-radius:8px 8px 8px 2px;padding:10px 12px;box-shadow:0 1px 1px rgba(11,18,32,.1)}
.wa-typing span{width:5px;height:5px;border-radius:50%;background:#8696a0;animation:typingBounce 1s infinite ease-in-out}.wa-typing span:nth-child(2){animation-delay:.12s}.wa-typing span:nth-child(3){animation-delay:.24s}
@keyframes waBubbleIn{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}

.hero-float{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid rgba(11,18,32,.08);box-shadow:0 18px 40px rgba(11,18,32,.11);border-radius:16px;padding:13px 15px;min-width:205px}
.hero-float>span{width:34px;height:34px;border-radius:11px;background:#eff6ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.hero-float strong{display:block;font-size:12px}.hero-float small{display:block;color:var(--navy-50);font-size:9.5px;margin-top:3px}.hero-float-a{left:-8px;top:17%}.hero-float-b{right:-35px;bottom:14%}

.problema{background:#fff}.problem-v5{grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);gap:70px}.wa-inbox{background:#fff;border-radius:26px;border:1px solid #d8dee3;box-shadow:0 24px 60px rgba(11,18,32,.13);overflow:hidden;position:relative}.wa-inbox-top{height:72px;background:#f0f2f5;display:flex;align-items:flex-end;justify-content:space-between;padding:0 22px 15px;color:#008069}.wa-wordmark{font-size:20px;font-weight:800;letter-spacing:-.02em}.wa-inbox-top>div{display:flex;gap:20px;color:#54656f;font-size:19px}.wa-inbox-tabs{height:45px;border-bottom:1px solid #e9edef;display:flex;align-items:center;gap:18px;padding:0 20px;font-size:11px}.wa-inbox-tabs strong{color:#008069}.wa-inbox-tabs span{color:#667781}.wa-inbox-tabs b{display:inline-grid;place-items:center;background:#25d366;color:white;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:9px;margin-left:3px}.wa-inbox-list{padding:0 0 10px}.wa-thread{display:grid;grid-template-columns:48px 1fr auto;gap:11px;align-items:center;padding:14px 18px;position:relative}.wa-thread:after{content:"";position:absolute;left:77px;right:0;bottom:0;height:1px;background:#edf0f2}.thread-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e2e8f0,#cbd5e1);color:#475569;font-weight:700}.wa-thread strong{display:block;font-size:13px}.wa-thread p{font-size:11px;color:#667781;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.wa-thread aside{text-align:right}.wa-thread time{display:block;font-size:9px;color:#1fa855;margin-bottom:5px}.wa-thread aside b{width:19px;height:19px;border-radius:50%;display:inline-grid;place-items:center;background:#25d366;color:#fff;font-size:9px}.thread-muted{opacity:.7}.thread-muted time{color:#8696a0}.inbox-alert{margin:12px 16px 16px;padding:14px;border-radius:13px;background:#fff1f2;border:1px solid #fecdd3;display:flex;gap:11px;align-items:center}.inbox-alert>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#ef4444;color:#fff;font-weight:800}.inbox-alert strong{display:block;font-size:11.5px;color:#991b1b}.inbox-alert small{display:block;font-size:9.5px;color:#b91c1c;margin-top:2px}.dor-list{display:flex;flex-direction:column;gap:13px}.dor-card{grid-template-columns:44px 1fr;padding:20px}.dor-card strong{font-size:14px}.dor-card p{font-size:12.5px}

.solucao-v5{background:#f7f8fb}.solucao-v5 .section-head{max-width:840px;margin-left:auto;margin-right:auto;text-align:center}.operating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.operating-card{position:relative;border:1px solid var(--border);background:#fff;border-radius:22px;padding:24px;min-height:260px;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.operating-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.op-num{position:absolute;right:18px;top:15px;font-size:10px;font-weight:800;color:#cbd5e1;letter-spacing:.1em}.op-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#eff6ff,#eef2ff);display:grid;place-items:center;color:var(--blue);font-weight:900;margin-bottom:30px}.operating-card h3{font-size:21px}.operating-card p{font-size:13px;line-height:1.6;color:var(--navy-70);margin-top:9px}

.casos{background:#fff}.cases-head{margin-bottom:42px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.case-card{border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,#fff,#fafbfc);padding:15px 15px 20px;box-shadow:var(--shadow-card);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.case-featured{transform:translateY(-10px);border-color:#c7d2fe}.case-featured:hover{transform:translateY(-14px)}.case-label{display:flex;align-items:center;gap:9px;padding:2px 4px 13px}.case-label>span{font-size:9px;font-weight:800;color:var(--blue);background:#eff6ff;border-radius:8px;padding:5px 7px}.case-label strong{font-size:12px}.wa-mini{border:1px solid #d5dadd;border-radius:17px;overflow:hidden;background:#111b21;box-shadow:0 10px 24px rgba(11,18,32,.08)}.wa-mini-header{height:52px;background:var(--wa-green-dark);color:#fff;display:flex;align-items:center;padding:0 9px;gap:7px}.wa-mini-header .wa-back{font-size:23px}.wa-mini-header>div:not(.wa-avatar){min-width:0;flex:1}.wa-mini-header strong{display:block;font-size:10.5px}.wa-mini-header small{display:block;font-size:8px;color:rgba(255,255,255,.7);margin-top:1px}.mini-menu{font-size:18px}.wa-mini-chat{height:322px;padding:12px 9px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.wa-mini .wa-bubble{font-size:10.3px;line-height:1.38;padding:7px 8px 18px;max-width:88%}.wa-mini .wa-time{font-size:7.3px}.wa-mini .wa-day{font-size:7.5px;padding:4px 7px}.case-card>p{font-size:12px;color:var(--navy-70);line-height:1.5;padding:15px 5px 0}

.demo-v5{background:linear-gradient(180deg,#f7f9fc,#eef4ff)}.demo-v5 .section-head{max-width:820px}.demo-stage-v5{grid-template-columns:430px minmax(0,1fr);gap:78px;max-width:1050px}.wa-phone-demo{width:430px}.wa-phone-demo .wa-chat{height:575px}.demo-side-v5{gap:12px}.integration-log-title{font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--navy-50);text-transform:uppercase;margin-bottom:4px}.integration-log-title span{display:inline-block;background:#dcfce7;color:#15803d;border-radius:999px;padding:5px 8px;margin-right:7px}.demo-v5 .demo-proof{padding:18px}.demo-v5 .proof-icon{font-size:12px}.demo-v5 .demo-proof p{font-size:12.5px}

.funcionalidades-v5{background:#fff}.feature-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.bento-card{border:1px solid var(--border);border-radius:24px;padding:28px;background:linear-gradient(145deg,#fff,#f8fafc);min-height:300px;position:relative;overflow:hidden}.bento-large{grid-row:span 2;min-height:616px;background:radial-gradient(circle at 85% 15%,rgba(37,99,235,.12),transparent 30%),#fff}.bento-wide{grid-column:span 2;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;min-height:230px}.bento-kicker{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.bento-card h3{font-size:24px;margin-top:8px;max-width:480px}.bento-card p{font-size:13px;line-height:1.6;color:var(--navy-70);margin-top:10px;max-width:520px}.knowledge-stack{margin-top:54px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.knowledge-stack span{padding:16px;border-radius:14px;background:#fff;border:1px solid var(--border);font-size:12px;font-weight:600;box-shadow:0 5px 14px rgba(11,18,32,.04)}.crm-card{margin-top:30px;border-radius:17px;background:#0f172a;color:#fff;padding:18px;display:flex;flex-direction:column;gap:7px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.crm-card small{font-size:9px;color:#93c5fd;text-transform:uppercase;letter-spacing:.08em}.crm-card strong{font-size:15px}.crm-card span{font-size:10px;color:rgba(255,255,255,.6)}.crm-card b{font-size:10px;color:#86efac;margin-top:8px}.control-line{display:flex;align-items:center;gap:10px;margin-top:34px}.control-line span,.control-line strong{padding:10px 13px;border:1px solid var(--border);border-radius:11px;background:#fff;font-size:11px}.control-line i{font-style:normal;color:var(--blue)}.control-line strong{background:#eef2ff;color:#4338ca}.process-rail{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.process-rail span{padding:11px 12px;border-radius:11px;background:#fff;border:1px solid var(--border);font-size:10.5px;font-weight:700;box-shadow:0 5px 15px rgba(11,18,32,.04)}.process-rail i{font-style:normal;color:var(--blue);font-weight:800}

.integracoes-v5{background:#0b1220}.ecosystem-v5{background:radial-gradient(circle at center,rgba(37,99,235,.18),transparent 28%),#0e1728}.eco-orbit{position:absolute;border:1px solid rgba(147,197,253,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-1{width:360px;height:360px}.orbit-2{width:510px;height:510px}.integracoes-v5 .eco-line{display:none}.integracoes-v5 .eco-node,.integracoes-v5 .eco-api{animation:floatNode 5s ease-in-out infinite}.integracoes-v5 .node-b{animation-delay:.7s}.integracoes-v5 .node-c{animation-delay:1.3s}.integracoes-v5 .node-d{animation-delay:1.9s}.integracoes-v5 .node-e{animation-delay:2.5s}.integracoes-v5 .eco-api{animation-delay:3s}@keyframes floatNode{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.beneficios-v5{background:#f7f8fb}.beneficios-v5 .section-head{max-width:800px}.outcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.outcome-grid article{padding:25px;border:1px solid var(--border);border-radius:20px;background:#fff;display:grid;grid-template-columns:48px 1fr;column-gap:15px;align-items:start}.outcome-icon{grid-row:1/span 2;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eff6ff;color:var(--blue);font-weight:800}.outcome-grid strong{font-size:14px}.outcome-grid p{font-size:12.5px;line-height:1.55;color:var(--navy-70);margin-top:5px}.confianca-v5{padding:38px 0}

@media (max-width:1060px){
  .hero-v5 .hero-inner{grid-template-columns:1fr}.hero-v5 .hero-copy{max-width:760px}.hero-v5 .hero-visual{min-height:620px}
  .problem-v5{grid-template-columns:1fr}.dor-list{display:grid;grid-template-columns:repeat(3,1fr)}
  .operating-grid{grid-template-columns:repeat(2,1fr)}
  .case-grid{grid-template-columns:1fr 1fr}.case-card:last-child{grid-column:span 2;max-width:560px;width:100%;justify-self:center}.case-featured{transform:none}.case-featured:hover{transform:translateY(-4px)}
  .demo-stage-v5{grid-template-columns:400px 1fr;gap:35px}.wa-phone-demo{width:400px}
  .feature-bento{grid-template-columns:1fr 1fr}.bento-large{grid-row:auto;min-height:420px}.bento-wide{grid-column:span 2}
}
@media (max-width:780px){
  .hero-v5{padding:55px 0 76px}.hero-v5 .hero-copy h1{font-size:40px}.hero-v5 .hero-visual{min-height:585px}.wa-phone{width:335px}.hero-float{display:none}
  .dor-list{grid-template-columns:1fr}.operating-grid{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:1fr}.case-card:last-child{grid-column:auto;max-width:none}.wa-mini-chat{height:300px}
  .demo-stage-v5{grid-template-columns:1fr}.wa-phone-demo{width:360px;margin:auto}.wa-phone-demo .wa-chat{height:520px}
  .feature-bento{grid-template-columns:1fr}.bento-wide{grid-column:auto;grid-template-columns:1fr}.bento-large{min-height:0}.process-rail{justify-content:flex-start;margin-top:10px}
  .outcome-grid{grid-template-columns:1fr}.integration-layout{grid-template-columns:1fr}.ecosystem-v5{height:590px}
}
@media (max-width:480px){
  .hero-v5 .hero-copy h1{font-size:35px}.hero-v5 .hero-sub{font-size:16px}.hero-v5 .hero-visual{min-height:555px}.wa-phone{width:306px;border-width:7px;border-radius:32px}.wa-chat{height:430px}.wa-bubble{font-size:11.5px}.wa-actions{gap:11px}.wa-header{padding-right:9px}
  .operating-grid{grid-template-columns:1fr}.operating-card{min-height:0}.case-card{padding:12px 12px 18px}.wa-mini-chat{height:318px}
  .wa-phone-demo{width:100%}.wa-phone-demo .wa-chat{height:520px}.bento-card{padding:22px}.knowledge-stack{grid-template-columns:1fr;margin-top:30px}.outcome-grid article{grid-template-columns:42px 1fr}.outcome-icon{width:42px;height:42px}
}
.wa-payment{position:relative;align-self:flex-end;width:82%;background:var(--wa-out);border-radius:8px 2px 8px 8px;padding:10px 10px 20px;box-shadow:0 1px 1px rgba(11,18,32,.12);animation:waBubbleIn .28s var(--ease) both}.payment-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.payment-top span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#008069}.payment-top strong{font-size:13px}.wa-payment p{font-size:9.5px;color:#54656f;margin-top:5px}.payment-link{margin-top:8px;background:rgba(255,255,255,.65);border-radius:6px;padding:8px;text-align:center;color:#008069;font-size:9.5px;font-weight:800}.wa-payment .wa-time{font-size:8.5px}.wa-system-success{background:#e7fce3;color:#357a38;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

/* ============================================================
   V5.1 — AJUSTES DO HERO + NOVA SEGUNDA METADE
   ============================================================ */

/* Hero: tirar os cards de cima da tela do celular */
.hero-v5 .hero-visual{overflow:visible}
.hero-float{max-width:220px}
.hero-float-a{left:-124px;top:14%}
.hero-float-b{right:-146px;bottom:18%}

/* Personalização / painel */
.funcionalidades-v51{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.panel-showcase{display:grid;gap:20px}
.admin-panel-card{
  border:1px solid var(--border);
  border-radius:28px;
  background:linear-gradient(145deg,#ffffff,#f8fbff);
  box-shadow:0 22px 60px rgba(11,18,32,.08);
  padding:24px;
}
.admin-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.admin-topbar strong{display:block;font-size:20px;line-height:1.2;color:var(--navy);margin-top:4px}
.admin-label{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.admin-status{padding:8px 12px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:11px;font-weight:700;white-space:nowrap}
.admin-panel-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px}
.admin-sidebar{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:20px;background:#0f172a}
.admin-nav-item{
  border:none;background:transparent;color:rgba(255,255,255,.72);text-align:left;
  padding:12px 14px;border-radius:14px;font:600 13px/1.4 inherit;cursor:default
}
.admin-nav-item.active{background:rgba(255,255,255,.1);color:#fff}
.admin-main{display:grid;gap:16px}
.admin-config-card{padding:20px;border-radius:22px;background:#fff;border:1px solid var(--border)}
.config-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#4338ca;background:#eef2ff;padding:5px 8px;border-radius:999px}
.config-head h3{font-size:22px;margin-top:10px;color:var(--navy)}
.prompt-stack{display:grid;gap:10px;margin-top:18px}
.prompt-line{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:13px 14px;border-radius:14px;background:#f8fafc;border:1px solid var(--border)}
.prompt-key{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--navy-50);min-width:132px}
.prompt-line strong{font-size:13px;line-height:1.5;color:var(--navy);font-weight:600}
.admin-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mini-config{padding:16px 16px 15px;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 22px rgba(11,18,32,.04)}
.mini-config small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.mini-config strong{display:block;font-size:15px;color:var(--navy);margin-top:8px}
.mini-config span{display:block;font-size:12px;color:var(--navy-60);margin-top:5px;line-height:1.4}
.panel-copy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.panel-copy-card{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:22px;border-radius:22px;border:1px solid var(--border);background:#fff;box-shadow:0 10px 26px rgba(11,18,32,.05)}
.panel-copy-ico{width:52px;height:52px;border-radius:16px;background:#eff6ff;color:var(--blue);display:grid;place-items:center;font-weight:800}
.panel-copy-card h3{font-size:20px;color:var(--navy)}
.panel-copy-card p{font-size:14px;line-height:1.65;color:var(--navy-70);margin-top:8px}

/* Integrações e jornadas */
.integracoes-v51{background:var(--navy);color:#fff;overflow:hidden}
.integracoes-v51 h2{color:#fff}
.integracoes-v51 .section-sub{color:rgba(255,255,255,.68)}
.integration-head-v51{max-width:860px}
.integration-journeys{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.journey-card{padding:22px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.journey-highlight{background:linear-gradient(180deg,rgba(37,99,235,.18),rgba(124,58,237,.12));border-color:rgba(147,197,253,.18)}
.journey-kicker{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#93c5fd;margin-bottom:12px}
.journey-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.journey-flow span{padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.92);color:var(--navy);font-size:11px;font-weight:700}
.journey-flow i{font-style:normal;color:#60a5fa;font-weight:800}
.journey-card p{margin-top:14px;font-size:13px;line-height:1.65;color:rgba(255,255,255,.74)}
.integration-layout-v51{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:center;margin-top:28px}
.ecosystem-v51{height:500px}
.integration-side-cards{display:grid;gap:14px}
.integration-side-card{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.integration-side-card>span{width:38px;height:38px;border-radius:12px;background:rgba(96,165,250,.14);display:grid;place-items:center;color:#93c5fd;font-weight:800}
.integration-side-card strong{display:block;font-size:14px;color:#fff}
.integration-side-card p{margin-top:5px;font-size:12px;line-height:1.6;color:rgba(255,255,255,.67)}
.eco-glyph{width:25px;height:25px;border-radius:9px;background:linear-gradient(135deg,#dbeafe,#93c5fd);display:grid;place-items:center;font-size:12px;font-weight:800;color:#1d4ed8;flex:0 0 auto}

/* Visão da clínica */
.operacao{background:linear-gradient(180deg,#f7f9fc,#ffffff)}
.ops-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:24px;align-items:center}
.ops-dashboard-card{padding:24px;border-radius:28px;background:#fff;border:1px solid var(--border);box-shadow:0 24px 65px rgba(11,18,32,.08)}
.ops-topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.ops-topbar strong{display:block;font-size:20px;color:var(--navy);margin-top:5px}
.ops-date{padding:8px 12px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:700}
.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.ops-metrics>div{padding:14px;border-radius:16px;background:#f8fafc;border:1px solid var(--border)}
.ops-metrics small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-50)}
.ops-metrics strong{display:block;font-size:26px;color:var(--navy);margin-top:8px;line-height:1}
.ops-table{margin-top:18px;border:1px solid var(--border);border-radius:18px;overflow:hidden}
.ops-row{display:grid;grid-template-columns:1.15fr .95fr .95fr;gap:10px;padding:14px 16px;background:#fff;font-size:13px;color:var(--navy)}
.ops-row + .ops-row{border-top:1px solid var(--border)}
.ops-head{background:#f8fafc;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-60)}
.ops-row .ok{color:#15803d;font-weight:700}.ops-row .wait{color:#b45309;font-weight:700}.ops-row .alert{color:#b91c1c;font-weight:700}
.ops-copy-stack{display:grid;gap:14px}
.ops-copy-card{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 30px rgba(11,18,32,.05)}
.ops-copy-card h3{font-size:22px;color:var(--navy)}
.ops-copy-card p{margin-top:10px;font-size:14px;line-height:1.7;color:var(--navy-70)}

/* Controle */
.controle{background:#fff}
.control-flow-card{margin-top:24px;padding:28px;border-radius:28px;background:linear-gradient(145deg,#0f172a,#131f37);box-shadow:0 26px 70px rgba(2,6,23,.22);color:#fff}
.control-start{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:700}
.control-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.control-branches article{padding:22px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.branch-ico{width:44px;height:44px;border-radius:14px;background:rgba(147,197,253,.14);color:#93c5fd;display:grid;place-items:center;font-weight:800}
.control-branches h3{font-size:20px;color:#fff;margin-top:16px}.control-branches p{margin-top:8px;font-size:13px;line-height:1.65;color:rgba(255,255,255,.72)}

/* Implantação */
.implantacao{background:linear-gradient(180deg,#f8fbff,#ffffff)}
.steps-grid-v51{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step-card{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 28px rgba(11,18,32,.05)}
.step-card span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eff6ff;color:#2563eb;font-weight:800;font-size:14px}
.step-card h3{font-size:20px;color:var(--navy);margin-top:16px}.step-card p{font-size:13px;line-height:1.65;color:var(--navy-70);margin-top:8px}

/* Benefícios finais */
.beneficios-v51{background:#fff;padding-top:70px}

/* preços */
.price-tag{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;background:#eff6ff;color:#2563eb;font-weight:800;font-size:16px;min-width:145px}

@media (max-width:1200px){
  .hero-float-a{left:-84px}
  .hero-float-b{right:-104px}
  .admin-panel-grid{grid-template-columns:220px 1fr}
  .integration-layout-v51{grid-template-columns:1fr 320px}
}

@media (max-width:1024px){
  .hero-float-a{left:-36px;top:8%}
  .hero-float-b{right:-46px;bottom:10%}
  .panel-copy-grid,.integration-journeys,.steps-grid-v51,.control-branches{grid-template-columns:1fr 1fr}
  .integration-layout-v51,.ops-grid{grid-template-columns:1fr}
  .ops-metrics{grid-template-columns:1fr 1fr}
}

@media (max-width:860px){
  .admin-panel-grid{grid-template-columns:1fr}
  .admin-sidebar{flex-direction:row;overflow:auto;padding:10px}
  .admin-nav-item{white-space:nowrap;flex:0 0 auto}
  .admin-mini-grid{grid-template-columns:1fr 1fr}
  .integration-journeys,.panel-copy-grid,.control-branches,.steps-grid-v51{grid-template-columns:1fr}
  .ecosystem-v51{height:540px}
}

@media (max-width:640px){
  .admin-topbar,.ops-topbar{flex-direction:column;align-items:flex-start}
  .admin-mini-grid,.ops-metrics{grid-template-columns:1fr}
  .prompt-line{flex-direction:column}
  .prompt-key{min-width:0}
  .ops-row{grid-template-columns:1fr}
  .hero-float{display:none}
}

/* ============================================================
   V5.2 — REFINAMENTO APÓS ANÁLISE DE CONVERSÃO
   ============================================================ */

/* Hero: os dois insights agora ocupam uma faixa própria e nunca cobrem o chat. */
.hero-v5 .hero-visual{
  flex-direction:column;
  justify-content:center;
  gap:18px;
  min-height:670px;
}
.hero-float-row{
  width:min(100%,520px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  position:relative;
  z-index:3;
}
.hero-float,
.hero-float-a,
.hero-float-b{
  position:static;
  inset:auto;
  max-width:none;
  min-width:0;
  width:100%;
}
.hero-float{padding:12px 13px}
.hero-float small{line-height:1.35}

/* Personalização fiel ao painel real. */
.funcionalidades-v52{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.panel-showcase-v52 .config-helper{
  margin-top:8px;
  font-size:12px;
  line-height:1.55;
  color:var(--navy-60);
}
.panel-showcase-v52 .admin-nav-item{font-size:12.5px}
.panel-showcase-v52 .prompt-line strong{max-width:620px}

/* Integrações: um visual principal + três exemplos concretos. */
.integracoes-v52{background:var(--navy);color:#fff;overflow:hidden}
.integracoes-v52 h2{color:#fff}
.integracoes-v52 .section-sub{color:rgba(255,255,255,.68)}
.integration-layout-v52{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);
  gap:70px;
  align-items:center;
}
.ecosystem-v52{height:500px}
.integration-examples-v52{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:24px;
}
.integration-examples-v52 article{
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
.integration-examples-v52 .journey-flow{gap:6px}
.integration-examples-v52 .journey-flow span{
  padding:8px 9px;
  font-size:10.5px;
}
.integration-examples-v52 .journey-kicker{margin-bottom:10px}

/* Controle: manter positivo e orientado a governança. */
.controle .section-sub{max-width:760px}

/* Planos sem placeholder e sem falsa popularidade. */
.planos .plano-price{align-items:center}
.planos .price-tag{
  min-width:150px;
  padding:11px 14px;
  border-radius:12px;
  background:#eff6ff;
  color:#2563eb;
  font-size:16px;
}
.planos .plano-impl{min-height:42px;line-height:1.5}

@media (max-width:1180px){
  .integration-layout-v52{grid-template-columns:1fr;gap:36px}
  .ecosystem-v52{max-width:760px;width:100%;margin:0 auto}
}

@media (max-width:1000px){
  .hero-v5 .hero-visual{min-height:650px}
  .hero-float-row{width:min(100%,560px)}
  .integration-examples-v52{grid-template-columns:1fr}
}

@media (max-width:760px){
  .hero-v5 .hero-visual{min-height:auto;padding-top:8px}
  .hero-float-row{display:grid;grid-template-columns:1fr;max-width:360px}
  .hero-float{display:flex}
  .ecosystem-v52{height:600px}
}

@media (max-width:430px){
  .hero-float-row{max-width:306px}
  .hero-float{padding:11px 12px}
  .hero-float>span{width:31px;height:31px}
  .hero-float strong{font-size:11.5px}
  .hero-float small{font-size:9px}
}

/* ============================================================
   V5.3 — BRAND LOGO + INTEGRAÇÕES REFINADAS
   ============================================================ */
.brand-logo{display:block;height:auto}
.brand-logo-header{width:170px;max-width:none}
.brand-logo-footer{width:160px;max-width:100%}
.logo{gap:0}
.logo span{display:none}

.integracoes-v53{
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
  color:var(--navy);
}
.integracoes-v53 h2{color:var(--navy)}
.integracoes-v53 .section-sub{color:var(--navy-70)}
.integration-head-v53{max-width:860px}
.integration-showcase-v53{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:26px;
  align-items:center;
}
.ecosystem-card-v53{
  padding:22px;
  border-radius:30px;
  background:linear-gradient(145deg,#ffffff,#f7faff);
  border:1px solid var(--border);
  box-shadow:0 22px 60px rgba(11,18,32,.08);
}
.ecosystem-canvas-v53{
  position:relative;
  height:560px;
  border-radius:26px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 45%, rgba(73,59,255,.14), transparent 20%),
    radial-gradient(circle at 20% 22%, rgba(34,197,94,.10), transparent 20%),
    radial-gradient(circle at 82% 24%, rgba(59,130,246,.10), transparent 20%),
    linear-gradient(180deg,#fbfdff 0%, #f4f8ff 100%);
  border:1px solid rgba(148,163,184,.18);
}
.eco-ring-v53{
  position:absolute;
  left:50%;top:50%;transform:translate(-50%,-50%);
  border-radius:999px;border:1px dashed rgba(73,59,255,.18);
}
.ring-a{width:360px;height:360px}
.ring-b{width:500px;height:500px}
.eco-center-v53{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:200px;height:162px;border-radius:28px;background:#fff;border:1px solid var(--border);
  box-shadow:0 20px 50px rgba(11,18,32,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;
}
.eco-center-v53 img{width:74px;height:auto;display:block}
.eco-center-v53 strong{margin-top:10px;font-size:15px;color:var(--navy)}
.eco-center-v53 small{margin-top:4px;font-size:11px;color:var(--navy-50)}
.app-node-v53{
  position:absolute;z-index:3;display:flex;align-items:center;gap:12px;
  min-width:206px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.96);
  border:1px solid rgba(148,163,184,.16);box-shadow:0 16px 38px rgba(11,18,32,.10);
}
.app-node-v53 img{width:34px;height:34px;object-fit:contain;flex:0 0 auto}
.app-node-v53 strong{display:block;font-size:13px;color:var(--navy);line-height:1.2}
.app-node-v53 small{display:block;margin-top:4px;font-size:10.5px;color:var(--navy-60);line-height:1.35}
.app-node-small{min-width:184px}
.api-chip-v53{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:800;flex:0 0 auto}
.app-node-calendar{left:34px;top:78px}
.app-node-hubspot{right:30px;top:64px}
.app-node-sheets{left:46px;bottom:82px}
.app-node-outlook{right:26px;bottom:90px}
.app-node-api{left:50%;top:26px;transform:translateX(-50%)}
.integration-side-v53{display:grid;gap:14px}
.integration-side-card-v53{
  display:grid;grid-template-columns:44px 1fr;gap:14px;padding:20px 20px 18px;
  background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 12px 30px rgba(11,18,32,.05);
}
.integration-side-card-v53>span{
  width:44px;height:44px;border-radius:14px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:800;
}
.integration-side-card-v53 strong{display:block;font-size:16px;color:var(--navy)}
.integration-side-card-v53 p{margin-top:6px;font-size:13px;line-height:1.65;color:var(--navy-70)}
.integration-examples-v53{
  margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}
.integration-examples-v53 article{
  padding:18px 18px 16px;border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:0 10px 28px rgba(11,18,32,.05);
}
.integration-examples-v53 .journey-kicker{color:#2563eb;margin-bottom:10px}
.integration-examples-v53 .journey-flow{gap:6px}
.integration-examples-v53 .journey-flow span{background:#f8fafc;color:var(--navy);font-size:10.5px;border:1px solid var(--border)}
.integration-examples-v53 .journey-flow i{color:#3b82f6;font-style:normal;font-weight:800}

@media (max-width:1160px){
  .brand-logo-header{width:156px}
  .integration-showcase-v53{grid-template-columns:1fr}
  .integration-side-v53{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .integration-side-v53,.integration-examples-v53{grid-template-columns:1fr}
}
@media (max-width:760px){
  .brand-logo-header{width:145px}
  .brand-logo-footer{width:150px}
  .ecosystem-canvas-v53{height:620px}
  .app-node-v53{min-width:170px;padding:12px 13px}
  .app-node-v53 strong{font-size:12px}
  .app-node-v53 small{font-size:10px}
  .app-node-calendar{left:12px;top:62px}
  .app-node-hubspot{right:12px;top:68px}
  .app-node-sheets{left:10px;bottom:82px}
  .app-node-outlook{right:10px;bottom:88px}
  .app-node-api{top:18px}
}
@media (max-width:520px){
  .brand-logo-header{width:138px}
  .ecosystem-card-v53{padding:14px}
  .ecosystem-canvas-v53{height:700px}
  .eco-center-v53{width:178px;height:150px}
  .eco-center-v53 img{width:64px}
  .app-node-v53{min-width:0;width:150px;flex-direction:column;text-align:center;gap:8px;padding:12px 10px}
  .app-node-v53 small{margin-top:2px}
  .app-node-api{width:164px}
  .app-node-calendar{left:8px;top:86px}
  .app-node-hubspot{right:8px;top:102px}
  .app-node-sheets{left:8px;bottom:88px}
  .app-node-outlook{right:8px;bottom:104px}
}