:root{
  --navy-deep:#0f2238;
  --navy-mid:#163051;
  --navy-light:#1e4a7a;
  --verde:#7cb342;
  --verde-soft:#a7d474;
  --ink:#f5f7fa;
  --muted:#9fb0c3;
  --paper:#ffffff;
  --paper-ink:#1a2b3c;
  --paper-muted:#5b6b7d;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Nunito',sans-serif;
  background:var(--paper);
  color:var(--paper-ink);
  overflow-x:hidden;
}

a{text-decoration:none;color:inherit;}
img,video{max-width:100%;display:block;}

/* ============ HERO / DARK ZONE ============ */
.dark-zone{
  background:linear-gradient(160deg, var(--navy-light) 0%, var(--navy-mid) 45%, var(--navy-deep) 100%);
  position:relative;
  overflow:hidden;
  min-height:100vh;
  display:flex;
  align-items:center;
}
.dark-zone .hero{width:100%;}
.blob{
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  opacity:.35;
  pointer-events:none;
}
.blob-1{width:520px;height:520px;background:var(--verde);top:-180px;right:-140px;opacity:.25;}
.blob-2{width:420px;height:420px;background:#2a6db0;bottom:-160px;left:-120px;opacity:.3;}


.hero{
  max-width:1180px;margin:0 auto;padding:64px 32px 100px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;
  position:relative;z-index:5;
}
.hero-logo{height:80px;margin-bottom:28px;display:block;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Nunito',sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.03em;
  color:var(--verde-soft);
  background:rgba(124,179,66,.12);
  border:1px solid rgba(124,179,66,.35);
  padding:6px 12px;border-radius:999px;
  margin-bottom:22px;
}
.eyebrow::before{content:'●';color:var(--verde);font-size:9px;}
.hero h1{
  font-size:46px;line-height:1.12;letter-spacing:-.015em;
  font-weight:900;color:var(--ink);margin:0 0 20px;
}
.hero h1 em{color:var(--verde-soft);font-style:normal;}
.hero p.lede{
  font-size:18px;line-height:1.6;color:var(--muted);
  max-width:480px;margin:0 0 32px;
}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px;}
.btn-primary{
  background:var(--verde);color:var(--navy-deep);
  font-weight:800;font-size:15.5px;
  padding:15px 26px;border-radius:12px;
  display:inline-flex;align-items:center;gap:10px;
  box-shadow:0 10px 24px rgba(124,179,66,.3);
}
.btn-ghost{
  color:var(--ink);font-weight:700;font-size:15.5px;
  padding:15px 22px;border-radius:12px;
  border:1.5px solid rgba(245,247,250,.25);
  display:inline-flex;align-items:center;gap:8px;
}
.trust-line{
  display:flex;align-items:center;gap:10px;
  font-size:13.5px;color:var(--muted);
}
.trust-line .dots{display:flex;gap:4px;}
.trust-line .dots span{width:6px;height:6px;border-radius:50%;background:var(--verde);display:block;}

/* Phone signature */
.phone-wrap{position:relative;display:flex;justify-content:center;}
.float-card{
  position:absolute;
  background:rgba(255,255,255,.97);
  border-radius:14px;
  padding:11px 14px;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
  font-size:12.5px;font-weight:700;color:var(--paper-ink);
  display:flex;align-items:center;gap:9px;
  max-width:210px;
  z-index:6;
}
.float-card .dot{width:8px;height:8px;border-radius:50%;background:var(--verde);flex:none;}
.float-card small{display:block;font-weight:600;color:var(--paper-muted);font-size:11px;margin-top:1px;}
.fc-1{top:2%;left:-14%;animation:drift1 7s ease-in-out infinite;}
.fc-2{bottom:16%;right:-16%;animation:drift2 8s ease-in-out infinite;}
.fc-3{bottom:-2%;left:-6%;animation:drift1 9s ease-in-out infinite reverse;}
@keyframes drift1{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes drift2{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}

.phone{
  width:290px;border-radius:42px;
  background:#0b0f14;
  padding:12px;
  box-shadow:0 30px 70px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.06);
  position:relative;
}
.phone-screen{
  background:#e5ddd5;
  border-radius:30px;overflow:hidden;
  position:relative;
}
.phone-status{
  background:var(--navy-deep);color:#fff;
  font-family:'Nunito',sans-serif;font-weight:700;font-size:11.5px;
  display:flex;justify-content:space-between;
  padding:10px 18px 6px;
}
.phone-chatbar{
  background:var(--navy-deep);
  display:flex;align-items:center;gap:10px;
  padding:6px 14px 14px;
}
.phone-chatbar .av{width:32px;height:32px;border-radius:50%;background:var(--verde);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--navy-deep);font-size:14px;}
.phone-chatbar .name{color:#fff;font-weight:800;font-size:14.5px;}
.phone-chatbar .status{color:var(--verde-soft);font-size:11.5px;font-weight:700;}
.phone video{width:100%;display:block;aspect-ratio:9/16;object-fit:cover;cursor:pointer;}

/* ============ LIGHT SECTIONS ============ */
section{padding:96px 32px;}
.wrap{max-width:1080px;margin:0 auto;}
.kicker{
  font-family:'Nunito',sans-serif;font-size:13px;letter-spacing:.04em;
  color:var(--verde);text-transform:uppercase;font-weight:800;margin-bottom:14px;display:block;
}
h2{font-size:34px;font-weight:900;letter-spacing:-.01em;margin:0 0 18px;color:var(--paper-ink);}
.section-lede{font-size:17px;line-height:1.65;color:var(--paper-muted);max-width:640px;}

/* Features */
.features{background:var(--paper);text-align:center;}
.flow-diagram{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:10px;margin-top:48px;
}
.flow-node{
  background:rgba(124,179,66,.08);
  border:1px solid rgba(124,179,66,.35);
  border-radius:999px;
  padding:9px 18px;
  font-family:'Nunito',sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--paper-ink);
  white-space:nowrap;
}
.flow-arrow{color:var(--verde);font-size:18px;font-weight:900;}
.como-body{
  opacity:0;transform:translateY(36px);
  transition:opacity .8s cubic-bezier(.16,.8,.3,1), transform .8s cubic-bezier(.16,.8,.3,1);
}
.como-body.show{opacity:1;transform:none;}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:44px;}
.feat-card{
  background:var(--paper);
  border-radius:18px;padding:26px 24px;
  box-shadow:0 1px 2px rgba(20,30,45,.04), 0 14px 30px -16px rgba(20,30,45,.16);
  transition:box-shadow .3s;
  text-align:left;
  overflow:hidden;
}
.feat-img-wrap{
  position:relative;
  width:calc(100% + 48px);
  max-width:calc(100% + 48px);
  margin:-26px -24px 20px;
}
.feat-img-wrap::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;
  height:70px;
  background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, var(--paper) 100%);
  pointer-events:none;
}
.feat-img{
  width:100%;
  aspect-ratio:16/11;
  object-fit:cover;
  display:block;
}
.feat-card:hover{
  box-shadow:0 4px 14px rgba(20,30,45,.08), 0 26px 46px -18px rgba(20,30,45,.26);
}
.feat-num{font-family:'Nunito',sans-serif;font-size:12.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--verde);font-weight:800;margin-bottom:14px;display:block;}
.feat-card h4{font-size:17.5px;font-weight:800;margin:0 0 8px;color:var(--paper-ink);}
.feat-card p{font-size:14.5px;line-height:1.55;color:var(--paper-muted);margin:0;}
/* Assessor IA */
.assessor{
  background:linear-gradient(160deg, var(--navy-light) 0%, var(--navy-mid) 45%, var(--navy-deep) 100%);
}
.assessor h2{color:var(--ink);}
.assessor .section-lede{color:var(--muted);}
.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;text-align:left;}
.ai-grid .section-lede{margin:0 0 28px;}
.ai-examples{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.ai-examples li{
  font-family:'Nunito',sans-serif;font-style:italic;font-size:15px;color:var(--muted);
  padding-left:20px;position:relative;
}
.ai-examples li::before{
  content:'"';position:absolute;left:0;top:-4px;color:var(--verde);font-size:22px;font-weight:900;font-style:normal;
}
.ai-phone-wrap{display:flex;justify-content:center;}
.ai-card{
  position:relative;
  opacity:0;transform:translateY(36px);
  transition:opacity .8s cubic-bezier(.16,.8,.3,1), transform .8s cubic-bezier(.16,.8,.3,1);
  background-color:#0b141a;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='18' y='24' width='40' height='28' rx='8'/%3E%3Cpath d='M30 52 l-6 10 v-10'/%3E%3Cpolygon points='150,20 154,30 165,31 156,38 159,49 150,43 141,49 144,38 135,31 146,30'/%3E%3Cpath d='M35 140 c-10 -10 -26 -2 -26 10 c0 14 16 20 26 30 c10 -10 26 -16 26 -30 c0 -12 -16 -20 -26 -10 z'/%3E%3Cpath d='M160 130 c16 -6 28 4 26 20 c-16 6 -28 -4 -26 -20 z'/%3E%3Cline x1='160' y1='130' x2='168' y2='148'/%3E%3Cpath d='M70 190 l55 -22 -20 55 -9 -22 -15 7 z'/%3E%3Ccircle cx='195' cy='175' r='6'/%3E%3Ccircle cx='209' cy='170' r='6'/%3E%3Cline x1='201' y1='175' x2='201' y2='150'/%3E%3Cline x1='215' y1='170' x2='215' y2='146'/%3E%3Cline x1='201' y1='150' x2='215' y2='146'/%3E%3C/g%3E%3C/svg%3E");
  background-size:240px 240px;
  padding:14px;
  aspect-ratio:9/16;
  display:flex;flex-direction:column;gap:10px;
}
.ai-card.show{opacity:1;transform:none;}
.ai-chat-header{
  display:flex;align-items:center;gap:10px;
  padding:2px 4px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:4px;
}
.ai-avatar{
  width:34px;height:34px;border-radius:50%;background:var(--verde);
  display:flex;align-items:center;justify-content:center;
  font-family:'Nunito',sans-serif;font-weight:900;color:var(--navy-deep);font-size:15px;flex:none;
}
.ai-chat-name{font-family:'Nunito',sans-serif;font-weight:800;font-size:14.5px;color:#fff;}
.ai-chat-status{font-family:'Nunito',sans-serif;font-weight:700;font-size:11.5px;color:var(--verde-soft);}

.wa-row{display:flex;}
.wa-row.in{justify-content:flex-start;}
.wa-row.out{justify-content:flex-end;}
.wa-bubble{
  position:relative;max-width:82%;
  padding:8px 9px;border-radius:7.5px;
  font-family:'Nunito',sans-serif;font-size:14px;line-height:19px;
  box-shadow:0 1px 1px rgba(0,0,0,.15);
}
.wa-row.in .wa-bubble{background:#fff;color:#111b21;border-top-left-radius:0;}
.wa-row.in .wa-bubble::before{
  content:'';position:absolute;top:0;left:-7px;width:0;height:0;
  border-top:8px solid #fff;border-left:8px solid transparent;
}
.wa-row.out .wa-bubble{background:#d9fdd3;color:#111b21;border-top-right-radius:0;}
.wa-row.out .wa-bubble::before{
  content:'';position:absolute;top:0;right:-7px;width:0;height:0;
  border-top:8px solid #d9fdd3;border-right:8px solid transparent;
}
.wa-bubble strong{color:#2b7a0b;}
.wa-meta{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:4px;font-size:11px;color:#667781;}
.wa-ticks.read{color:#53bdeb;}

/* Relatório automático */
.relatorio{background:var(--paper);}
.relatorio-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center;text-align:left;}
.report-phone-wrap{display:flex;justify-content:center;}
.report-screen{background:#f1f2f3;padding:18px 13px;}
.report-card{
  background:#fff;border-radius:17px;padding:18px;
  box-shadow:0 6px 18px rgba(20,30,45,.08);
  display:flex;flex-direction:column;gap:14px;
  opacity:0;transform:translateY(28px);
  transition:opacity .8s cubic-bezier(.16,.8,.3,1), transform .8s cubic-bezier(.16,.8,.3,1);
}
.report-card.show{opacity:1;transform:none;}
.report-ficha{display:flex;align-items:center;gap:10px;}
.report-avatar{
  width:40px;height:40px;border-radius:50%;background:var(--verde);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13.5px;flex:none;
}
.report-name{font-family:'Nunito',sans-serif;font-weight:800;font-size:14.5px;color:var(--paper-ink);}
.report-role{font-family:'Nunito',sans-serif;font-size:12px;color:var(--paper-muted);}
.report-tag{
  display:inline-block;width:fit-content;
  background:#e8f0fb;color:#2563eb;
  font-family:'Nunito',sans-serif;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  padding:4px 9px;border-radius:6px;
}
.report-title{font-family:'Nunito',sans-serif;font-size:18px;font-weight:900;color:var(--paper-ink);margin:0;}
.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.report-stat{border-radius:11px;padding:11px 5px;text-align:center;}
.report-stat b{display:block;font-family:'Nunito',sans-serif;font-size:17px;font-weight:900;}
.report-stat span{font-family:'Nunito',sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--paper-muted);}
.report-stat--total{background:#f2f2f4;}
.report-stat--total b{color:var(--paper-ink);}
.report-stat--novo{background:#e8f7ea;}
.report-stat--novo b{color:#1a8a3d;}
.report-stat--semana{background:#e8f0fb;}
.report-stat--semana b{color:#2563eb;}
.report-chart{display:flex;align-items:flex-end;gap:6px;height:100px;}
.report-bar{flex:1;background:#9aa5ba;border-radius:4px 4px 0 0;height:var(--h);}
.report-footer-logo{height:16px;margin:4px auto 0;display:block;}

.report-badges{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:13px;}
.report-badges li{
  display:flex;align-items:flex-start;gap:10px;
  font-family:'Nunito',sans-serif;font-size:14.5px;font-weight:600;color:var(--paper-muted);
}
.report-badge-icon{
  flex:none;width:20px;height:20px;border-radius:50%;margin-top:1px;
  background:rgba(124,179,66,.15);color:var(--verde);
  font-size:11px;font-weight:900;
  display:flex;align-items:center;justify-content:center;
}

/* CTA final */
.cta-final{
  background:linear-gradient(160deg, var(--navy-light) 0%, var(--navy-mid) 45%, var(--navy-deep) 100%);
  text-align:center;position:relative;overflow:hidden;
}
.cta-final .wrap{max-width:640px;position:relative;z-index:2;}
.cta-final h2{font-size:36px;color:var(--ink);}
.cta-final .section-lede{color:var(--muted);}
.cta-final .btn-primary{margin-top:26px;font-size:17px;padding:18px 34px;}
.cta-final .fineprint{margin-top:16px;font-size:13.5px;color:var(--muted);}

footer{
  background:var(--navy-deep);color:var(--muted);
  padding:36px 32px;text-align:center;font-size:13px;
}
.footer-logo-main{height:22px;margin:0 auto;}

@media(max-width:860px){
  .hero{grid-template-columns:1fr;padding-top:40px;}
  .hero h1{font-size:34px;}
  .phone-wrap{margin-top:20px;}
  .float-card{display:none;}
  .feat-grid{grid-template-columns:1fr;}
  .ai-grid{grid-template-columns:1fr;gap:36px;}
  .relatorio-grid{grid-template-columns:1fr;gap:36px;}
  section{padding:64px 20px;}
}