/* =========================================================
   LP Captação — Checklist da Presença Digital · DM Performance
   Identidade oficial DM (navy/roxo/ciano · Exo + Roboto Serif)
   ========================================================= */
:root{
  --navy:#212C52; --roxo:#7000DB; --roxo-deep:#4b1f9e; --ciano:#41C0F0;
  --bg:#F4F5FB; --ink:#1c2547; --muted:#5b6488; --soft:#8a92b2; --line:#e3e6f1; --white:#fff;
  --grad:linear-gradient(140deg,#1a2348 0%, #3b1f86 52%, #7000DB 100%);
  --grad-line:linear-gradient(90deg,#7000DB,#41C0F0);
  --shadow:0 18px 50px rgba(20,26,54,.10);
  --maxw:1120px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; font-family:"Roboto Serif",Georgia,serif; color:var(--ink); background:var(--bg); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
h1,h2,h3,.eyebrow,.capture__btn,.nav__tag,.floaty,.bull__n,.diag-teaser__stats b,.chips span{font-family:"Exo","Segoe UI",sans-serif;}
img{max-width:100%; display:block;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
.eyebrow{font-family:"Exo",sans-serif; font-size:12px; letter-spacing:.2em; text-transform:uppercase; font-weight:700; color:var(--ciano);}
.eyebrow--dark{color:var(--roxo);}
.eyebrow--ciano{color:var(--ciano);}

/* ---------------- HERO ---------------- */
.hero{position:relative; background:var(--grad); color:#fff; overflow:hidden;}
.hero__grid-bg{position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:28px 28px; -webkit-mask-image:radial-gradient(ellipse at 75% 25%,#000,transparent 75%); mask-image:radial-gradient(ellipse at 75% 25%,#000,transparent 75%);}
.hero__traj{position:absolute; right:-40px; top:120px; width:640px; max-width:70%; opacity:.55; pointer-events:none;}

.nav{position:relative; z-index:3; max-width:var(--maxw); margin:0 auto; padding:22px 24px; display:flex; align-items:center; justify-content:space-between;}
.nav__logo{height:30px;}
.nav__tag{font-size:11px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:#d7dcff; border:1px solid rgba(255,255,255,.28); border-radius:999px; padding:6px 13px;}

.hero__inner{position:relative; z-index:2; max-width:var(--maxw); margin:0 auto; padding:34px 24px 72px; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:48px; align-items:center;}
.hero__inner>*{min-width:0;}
.hero__copy .eyebrow{color:#c6cffb;}
.hero h1{font-size:52px; line-height:1.02; font-weight:900; letter-spacing:-.02em; margin:14px 0 18px;}
.hero h1 .hl{color:var(--ciano);}
.hero__sub{font-size:18px; line-height:1.55; color:#e7ebff; margin:0 0 26px; max-width:33ch;}
.hero__sub b{color:#fff; font-weight:600;}

/* form de captura */
.capture{margin:0;}
.capture__row{display:flex; gap:10px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.18); border-radius:14px; padding:7px; max-width:520px;}
.capture__input{flex:1; min-width:0; border:0; background:transparent; color:#fff; font-family:"Roboto Serif",serif; font-size:16px; padding:12px 14px; outline:none;}
.capture__input::placeholder{color:#aab4e8;}
.capture__btn{flex:none; border:0; cursor:pointer; font-family:"Exo",sans-serif; font-weight:800; font-size:14.5px; color:var(--navy); background:var(--ciano); border-radius:10px; padding:0 20px; transition:transform .12s ease, filter .12s ease;}
.capture__btn:hover{filter:brightness(1.05); transform:translateY(-1px);}
.capture__micro{font-size:13px; color:#aab4e8; margin:11px 2px 0;}
.capture__ok{font-family:"Exo",sans-serif; font-weight:600; font-size:15px; color:#0f2a1c; background:#c9f7dd; border:1px solid #86e3ac; border-radius:12px; padding:14px 16px; margin:0; max-width:520px;}

.hero__benefits{list-style:none; margin:26px 0 0; padding:0; display:flex; flex-direction:column; gap:11px;}
.hero__benefits li{position:relative; padding-left:29px; font-size:15px; color:#e4e9ff; line-height:1.4;}
.hero__benefits li::before{content:"✓"; position:absolute; left:0; top:0; width:20px; height:20px; line-height:20px; text-align:center; font-family:"Exo",sans-serif; font-weight:900; font-size:12px; color:var(--navy); background:var(--ciano); border-radius:6px;}

/* mockup da capa */
.hero__art{position:relative; display:flex; justify-content:center;}
.hero__art::before{content:""; position:absolute; width:70%; height:70%; left:15%; top:12%; background:radial-gradient(circle,#41C0F0 0%,transparent 65%); filter:blur(46px); opacity:.5;}
.mock{position:relative; width:min(330px,78%); transform:rotate(-4deg); border-radius:10px; box-shadow:0 44px 84px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.08); overflow:hidden;}
.mock img{border-radius:10px;}
.floaty{position:absolute; z-index:4; font-family:"Exo",sans-serif; font-weight:800; font-size:13.5px; color:var(--navy); background:#fff; border-radius:999px; padding:9px 15px; box-shadow:0 12px 28px rgba(0,0,0,.28);}
.floaty::before{content:"✓"; color:#12a45a; font-weight:900; margin-right:7px;}
.floaty--a{top:14%; right:2%;}
.floaty--b{bottom:12%; left:0%;}

/* ---------------- SEÇÕES CLARAS ---------------- */
.sec-head{max-width:660px; margin:0 auto 40px; text-align:center;}
.sec-head h2{font-family:"Exo",sans-serif; font-weight:800; font-size:34px; line-height:1.08; letter-spacing:-.01em; color:var(--navy); margin:10px 0 12px;}
.sec-lead{font-size:16.5px; color:#3a426a; margin:0;}

.value{padding:80px 0;}
.bullets{display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
.bull{display:flex; gap:16px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px 24px; box-shadow:var(--shadow); transition:transform .14s ease, box-shadow .14s ease;}
.bull:hover{transform:translateY(-3px); box-shadow:0 26px 60px rgba(20,26,54,.14);}
.bull__n{flex:none; width:44px; height:44px; border-radius:12px; background:var(--grad); color:var(--ciano); font-weight:900; font-size:18px; display:flex; align-items:center; justify-content:center;}
.bull h3{font-family:"Exo",sans-serif; font-weight:700; font-size:17px; color:var(--navy); margin:2px 0 5px;}
.bull h3 em{font-style:normal; font-weight:600; font-size:12.5px; color:var(--roxo);}
.bull p{font-size:14px; color:var(--muted); margin:0; line-height:1.5;}

.diag-teaser{margin-top:26px; background:var(--grad); color:#fff; border-radius:20px; padding:34px 38px; display:flex; align-items:center; justify-content:space-between; gap:34px; flex-wrap:wrap; position:relative; overflow:hidden;}
.diag-teaser h3{font-family:"Exo",sans-serif; font-weight:800; font-size:23px; line-height:1.2; margin:8px 0 8px; max-width:22ch;}
.diag-teaser p{font-size:15px; color:#e4e8ff; margin:0; max-width:44ch;}
.diag-teaser__stats{display:flex; gap:26px; flex:none;}
.diag-teaser__stats b{display:block; font-family:"Exo",sans-serif; font-weight:900; font-size:34px; line-height:1; color:var(--ciano);}
.diag-teaser__stats span{font-size:12px; color:#c6cffb; letter-spacing:.05em;}

/* ---------------- PRA QUEM É ---------------- */
.who{padding:20px 0 80px;}
.chips{display:flex; flex-wrap:wrap; gap:12px; justify-content:center; max-width:760px; margin:0 auto 44px;}
.chips span{font-family:"Exo",sans-serif; font-weight:600; font-size:14.5px; color:var(--navy); background:#fff; border:1px solid var(--line); border-radius:999px; padding:11px 18px; box-shadow:var(--shadow);}
.authority{max-width:640px; margin:0 auto; text-align:center; background:#fff; border:1px solid var(--line); border-radius:20px; padding:34px; box-shadow:var(--shadow);}
.authority__logo{height:34px; margin:0 auto 16px;}
.authority p{font-size:16px; color:#3a426a; margin:0 0 18px;}
.authority b{color:var(--navy);}
.authority__badges{display:flex; gap:12px; justify-content:center;}
.authority__badges img{height:44px; background:#fff; border:1px solid var(--line); border-radius:9px; padding:5px 9px;}

/* ---------------- CTA FINAL ---------------- */
.final{position:relative; background:var(--grad); color:#fff; padding:76px 0; overflow:hidden; text-align:center;}
.final__grid-bg{position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:28px 28px; -webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000,transparent 75%); mask-image:radial-gradient(ellipse at 50% 40%,#000,transparent 75%);}
.final__inner{position:relative; z-index:2; max-width:680px;}
.final h2{font-family:"Exo",sans-serif; font-weight:900; font-size:40px; letter-spacing:-.015em; margin:12px 0 12px;}
.final p{font-size:17px; color:#e7ebff; margin:0 0 26px;}
.capture--center .capture__row{margin:0 auto;}
.capture--center .capture__micro,.capture--center .capture__ok{text-align:center;}
.capture--center .capture__ok{margin:0 auto;}

/* ---------------- RODAPÉ ---------------- */
.foot{background:var(--navy); color:#c6cffb; padding:30px 0;}
.foot__inner{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;}
.foot__logo{height:26px;}
.foot__meta{text-align:right; font-family:"Exo",sans-serif; font-size:12.5px; line-height:1.8;}
.foot__meta span{display:block;}

/* ---------------- RESPONSIVO ---------------- */
@media (max-width:860px){
  .hero__inner{grid-template-columns:minmax(0,1fr); gap:30px; padding-bottom:56px;}
  .hero h1{font-size:38px;}
  .hero__sub{max-width:none;}
  .hero__art{order:2; margin-top:6px;}
  .hero__copy{order:1;}
  .capture__row{max-width:none;}
  .bullets{grid-template-columns:1fr;}
  .sec-head h2{font-size:27px;}
  .diag-teaser{padding:26px;}
  .diag-teaser__stats{gap:20px;}
  .final h2{font-size:30px;}
  .foot__inner{justify-content:center; text-align:center;}
  .foot__meta{text-align:center;}
}
@media (max-width:520px){
  .capture__row{flex-direction:column; padding:10px;}
  .capture__btn{padding:14px;}
  .floaty--a{top:6%;} .floaty--b{bottom:6%;}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto; transition:none!important;}}