/* ============================================================
   Demppler — sistema de design (compartilhado)
   Escopo .dmx para embutir sem colisão. Usado por index.html e diagnostico.html
   ============================================================ */
.dmx{
  --ink:#0d1426; --navy:#0a1022; --navy2:#111a33;
  --paper:#ffffff; --alt:#f7f3ea; --line:#e7e8ec; --muted:#697089;
  --c1:#9c1218; --c1d:#6b0d13; --c1s:#fbe9ea; --c1l:#dc4455; /* Decisão — vermelho (coragem de agir) */
  --c2:#c1861f; --c2d:#7a530f; --c2s:#fbf1de; --c2l:#e6a13c; /* Execução — dourado (disciplina, brilho do trabalho) */
  --c3:#163b66; --c3d:#0d2847; --c3s:#e8eef6; --c3l:#22abf3; /* Resultado — azul profundo (solidez, confiança) */
  --blue1:#04204f; --blue2:#0f74c4; --blue3:#22abf3; /* azuis do pássaro: escuro→claro — intocados */
  --arc:linear-gradient(100deg,var(--c1) 0%, var(--c2) 100%);
  --gold:#c1861f;
  font-family:'Inter',system-ui,sans-serif; color:var(--ink); line-height:1.6; -webkit-font-smoothing:antialiased;
}
.dmx *{box-sizing:border-box; margin:0; padding:0}
.dmx img{max-width:100%; display:block}
.dmx a{color:inherit; text-decoration:none}
.dmx .wrap{max-width:1140px; margin:0 auto; padding:0 24px}
.dmx h1,.dmx h2,.dmx h3,.dmx h4{font-family:'Space Grotesk',sans-serif; line-height:1.1; letter-spacing:-.02em; font-weight:700}
.dmx .eyebrow{font-family:'Space Mono',monospace; font-size:.72rem; letter-spacing:.22em; text-transform:uppercase; color:var(--muted)}
.dmx section{padding:clamp(58px,8vw,104px) 0}
.dmx .btn{display:inline-flex; align-items:center; gap:9px; font-weight:600; font-size:.95rem; padding:13px 22px; border-radius:11px; cursor:pointer; border:0; transition:transform .2s, box-shadow .2s, background .2s; font-family:inherit}
.dmx .btn:hover{transform:translateY(-2px)}
.dmx .btn-p{background:var(--arc); color:#fff; box-shadow:0 10px 26px -12px rgba(156,18,24,.6)}
.dmx .btn-g{background:#19c389; color:#04241a; box-shadow:0 10px 26px -12px rgba(13,159,110,.7)}
.dmx .btn-o{border:1.5px solid rgba(255,255,255,.32); color:#fff; background:transparent}
.dmx .btn-o.dark{border-color:var(--line); color:var(--ink)}
.dmx .btn-lg{padding:16px 28px; font-size:1.02rem}

/* ===== HEADER ===== */
.dmx .nav{position:sticky; top:0; z-index:60; background:rgba(255,255,255,.86); backdrop-filter:saturate(160%) blur(10px); border-bottom:1px solid var(--line)}
.dmx .nav .row{display:flex; align-items:center; justify-content:space-between; height:66px}
.dmx .logo{display:flex; align-items:center; gap:10px}
.dmx .logo img{height:30px; width:auto}
.dmx .logo b{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.3rem; letter-spacing:-.015em; color:var(--ink)}
.dmx .nav nav{display:flex; align-items:center; gap:24px}
.dmx .nav nav a.lnk{font-size:.9rem; font-weight:500; color:#34405c}
.dmx .nav nav a.lnk:hover{color:var(--c1d)}
.dmx .nav .navcta{padding:9px 16px; border-radius:9px; background:var(--c1); color:#fff; font-size:.86rem; font-weight:600}
.dmx .nav .navlogin{padding:8px 15px; border-radius:9px; border:1.5px solid var(--line); color:#34405c; font-size:.86rem; font-weight:600; display:inline-flex; align-items:center; gap:7px}
.dmx .nav .navlogin:hover{border-color:var(--blue2); color:var(--blue2)}
.dmx .burger{display:none; background:none; border:0; cursor:pointer; padding:8px}
.dmx .burger span{display:block; width:22px; height:2px; background:var(--ink); margin:4px 0; transition:.2s}
@media (max-width:860px){
  .dmx .nav nav{position:absolute; top:66px; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; background:#fff; border-bottom:1px solid var(--line); padding:8px 0; display:none}
  .dmx .nav nav.open{display:flex}
  .dmx .nav nav a.lnk{padding:12px 24px} .dmx .nav .navcta{margin:8px 24px; text-align:center}
  .dmx .nav .navlogin{margin:8px 24px 0; text-align:center; justify-content:center}
  .dmx .burger{display:block}
}

/* ===== HERO ===== */
.dmx .hero{position:relative; overflow:hidden; color:#fff;
   background:
    radial-gradient(46% 58% at 12% 14%, rgba(15,116,196,.55), transparent 62%),
    radial-gradient(50% 60% at 88% 6%, rgba(34,171,243,.42), transparent 60%),
    radial-gradient(52% 64% at 82% 96%, rgba(16,185,129,.24), transparent 62%),
    radial-gradient(46% 56% at 4% 98%, rgba(232,165,28,.16), transparent 60%),
    linear-gradient(160deg,#06182f 0%, #07142a 58%, #08213f 100%)}
.dmx .hero::before{content:""; position:absolute; inset:-30% -10% auto -10%; height:80%; background:radial-gradient(60% 100% at 50% 0%, rgba(34,171,243,.18), transparent 70%); filter:blur(30px); pointer-events:none; animation:drift 16s ease-in-out infinite}
@keyframes drift{0%,100%{transform:translateX(0)}50%{transform:translateX(6%)}}
.dmx .hero .grid{display:grid; grid-template-columns:1.08fr .92fr; gap:40px; align-items:center; padding:clamp(44px,7vw,82px) 0 clamp(52px,7vw,90px)}
.dmx .hero .eyebrow{color:#9aa3c4}
.dmx .hero h1{font-size:clamp(2.4rem,6vw,4.6rem); margin:16px 0 0; color:#fff}
.dmx .hero h1 .w1{color:var(--c1l)} .dmx .hero h1 .w3{color:var(--blue3)} .dmx .hero h1 .dot{color:var(--c2)}
.dmx .hero .lead{margin-top:20px; font-size:clamp(1.04rem,1.5vw,1.2rem); color:#c8cee2; max-width:48ch}
.dmx .hero .lead b{color:#fff; font-weight:600}
.dmx .hero .ctas{display:flex; gap:13px; flex-wrap:wrap; margin-top:30px}
.dmx .hero .pills{display:flex; gap:22px; margin-top:28px; flex-wrap:wrap}
.dmx .hero .pills span{font-family:'Space Mono',monospace; font-size:.78rem; color:#aab1cf; display:flex; align-items:center; gap:8px}
.dmx .hero .pills i{width:9px; height:9px; border-radius:50%}
/* ===== HERO MOCKUP (painel do produto) ===== */
.dmx .heromock{position:relative; min-height:360px}
.dmx .glass{background:rgba(17,24,46,.74); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.14); border-radius:18px; box-shadow:0 30px 70px -30px rgba(0,0,0,.8)}
.dmx .mockmain{position:relative; z-index:1; padding:16px}
.dmx .mocktop{display:flex; align-items:center; gap:9px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.10)}
.dmx .mocktop img{height:22px; width:auto}
.dmx .mocktop b{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:.9rem; color:#fff}
.dmx .mocktop .live{margin-left:auto; display:flex; align-items:center; gap:6px; font-family:'Space Mono',monospace; font-size:.6rem; color:#9aa3c4}
.dmx .mocktop .live i{width:7px; height:7px; border-radius:50%; background:var(--c1l); animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(220,68,85,.55)}70%{box-shadow:0 0 0 7px rgba(220,68,85,0)}100%{box-shadow:0 0 0 0 rgba(220,68,85,0)}}
.dmx .mockkpis{display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:14px}
.dmx .mockkpi{background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:10px 11px}
.dmx .mockkpi small{font-family:'Space Mono',monospace; font-size:.55rem; letter-spacing:.06em; color:#9aa3c4}
.dmx .mockkpi b{display:block; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.12rem; color:#fff; margin-top:3px; line-height:1}
.dmx .mockkpi span{font-family:'Space Mono',monospace; font-size:.58rem; color:var(--c2l)}
.dmx .mockchart{margin-top:12px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:11px}
.dmx .mockchart .cl{display:flex; justify-content:space-between; font-family:'Space Mono',monospace; font-size:.58rem; color:#9aa3c4; margin-bottom:3px}
.dmx .mockmetas{margin-top:12px; display:grid; gap:10px}
.dmx .mmrow{display:grid; grid-template-columns:1fr auto; gap:5px 10px; align-items:center}
.dmx .mmrow span{font-size:.74rem; color:#c8cee2}
.dmx .mmrow b{font-family:'Space Mono',monospace; font-size:.7rem; color:#fff}
.dmx .mmbar{grid-column:1/-1; height:7px; border-radius:7px; background:rgba(255,255,255,.10); overflow:hidden}
.dmx .mmbar i{display:block; height:100%; border-radius:7px}
.dmx .mockfloat{position:absolute; z-index:2}
.dmx .mf-trace{top:-24px; left:-32px; padding:13px 15px; max-width:235px; animation:floatA 7s ease-in-out infinite}
.dmx .mf-trace .ttl{font-family:'Space Mono',monospace; font-size:.56rem; letter-spacing:.08em; color:#9aa3c4; margin-bottom:8px}
.dmx .mf-trace .casc{display:flex; align-items:center; gap:5px; flex-wrap:wrap}
.dmx .mf-trace .casc span{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:.7rem; color:#fff; padding:4px 8px; border-radius:7px; background:rgba(255,255,255,.08)}
.dmx .mf-trace .casc .ar{color:#6b7390; padding:0; background:none}
.dmx .mf-trace .ok{display:flex; align-items:center; gap:6px; margin-top:9px; font-size:.72rem; color:var(--blue3)}
.dmx .mf-gauge{bottom:-20px; right:-24px; padding:13px 15px; display:flex; align-items:center; gap:11px; animation:floatB 8s ease-in-out infinite}
.dmx .mf-gauge .gtext b{display:block; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.05rem; color:#fff; line-height:1}
.dmx .mf-gauge .gtext small{font-family:'Space Mono',monospace; font-size:.56rem; color:#9aa3c4}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes floatB{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
@keyframes soar{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-1.2deg)}}
.dmx .cta .bird img{animation:soar 6s ease-in-out infinite}
@media (max-width:860px){
  .dmx .heromock{margin:8px auto 0; max-width:440px}
  .dmx .mf-trace{left:-8px; top:-16px; max-width:205px; transform:scale(.94)}
  .dmx .mf-gauge{right:-6px; bottom:-14px; transform:scale(.94)}
}
@media (max-width:520px){
  .dmx .mf-trace{display:none}
  .dmx .mf-gauge{right:50%; bottom:-16px; transform:translateX(50%) scale(.9)}
}

/* ===== títulos de seção ===== */
.dmx .head{max-width:66ch}
.dmx .head.center{margin:0 auto; text-align:center}
.dmx .head h2{font-size:clamp(1.7rem,3.6vw,2.7rem); margin:12px 0 0}
.dmx .head p{margin-top:15px; color:var(--muted); font-size:1.06rem}
.dmx .head p b{color:var(--ink)}

/* ===== bandas claras/escuras/alt ===== */
.dmx .s-paper{background:var(--paper)} .dmx .s-alt{background:var(--alt)}
.dmx .s-navy{background:var(--navy); color:#fff} .dmx .s-navy .head h2{color:#fff} .dmx .s-navy .eyebrow{color:#9aa3c4}

/* ===== chart "estratégia ao caixa" (semitransparente) ===== */
.dmx .traccard{display:grid; grid-template-columns:1fr 1.1fr; gap:34px; align-items:center; margin-top:30px}
.dmx .traccard .copy h3{font-size:1.5rem} .dmx .traccard .copy p{margin-top:12px; color:var(--muted)}
.dmx .traccard .copy .chain{margin-top:18px}
.dmx .chartbox{background:linear-gradient(180deg,#0d1530,#0a1022); border:1px solid rgba(255,255,255,.1); border-radius:18px; padding:20px}
.dmx .chartbox .cap{display:flex; justify-content:space-between; font-family:'Space Mono',monospace; font-size:.72rem; color:#9aa3c4; margin-bottom:6px}
.dmx svg .grid-l{stroke:rgba(255,255,255,.08)}
.dmx .chain{display:flex; align-items:center; gap:6px; flex-wrap:wrap}
.dmx .chain .nd{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:.84rem; padding:7px 11px; border-radius:9px; background:#fff; border:1px solid var(--line); white-space:nowrap}
.dmx .chain .nd.s{border-color:var(--c1); color:var(--c1d)} .dmx .chain .nd.f{border-color:var(--c3); color:var(--c3d)}
.dmx .chain .ar{color:var(--muted)}

/* ===== PROBLEMA ===== */
.dmx .pcards{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:44px}
.dmx .pcard{border:1px solid var(--line); border-radius:16px; padding:22px; background:#fff}
.dmx .pcard .x{width:34px; height:34px; border-radius:9px; background:var(--c1s); color:var(--c1d); display:flex; align-items:center; justify-content:center; margin-bottom:14px; font-weight:700}
.dmx .pcard h4{font-size:1.02rem} .dmx .pcard p{margin-top:8px; font-size:.9rem; color:#586079}

/* ===== PILARES ===== */
.dmx .flowstrip{display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; margin:38px 0 6px}
.dmx .fs{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:.95rem; padding:11px 20px; border-radius:999px; background:#fff; border:1px solid var(--line)}
.dmx .fs.a{color:var(--c1d); border-color:var(--c1)} .dmx .fs.b{color:var(--c2d); border-color:var(--c2)} .dmx .fs.c{color:var(--c3d); border-color:var(--c3)}
.dmx .fsar{color:var(--muted); font-size:1.1rem}
.dmx .recomeca{display:flex; align-items:center; justify-content:center; gap:9px; color:var(--c1d); font-family:'Space Mono',monospace; font-size:.8rem; margin-bottom:6px; text-align:center}
.dmx .pgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:28px}
.dmx .pillar{border:1px solid var(--line); border-radius:20px; padding:28px 24px; background:#fff; position:relative; overflow:hidden; transition:transform .25s, box-shadow .25s}
.dmx .pillar:hover{transform:translateY(-4px); box-shadow:0 18px 40px -22px rgba(13,20,38,.4)}
.dmx .pillar::before{content:""; position:absolute; inset:0 0 auto 0; height:5px}
.dmx .pillar .pnum{font-family:'Space Mono',monospace; font-size:.76rem; letter-spacing:.1em}
.dmx .pillar h3{font-size:1.42rem; margin:9px 0 0}
.dmx .pillar .tag{font-family:'Space Mono',monospace; font-size:.68rem; text-transform:uppercase; letter-spacing:.14em; display:inline-block; margin-top:12px; padding:4px 10px; border-radius:999px}
.dmx .pillar p{margin-top:13px; font-size:.95rem; color:#414a63}
.dmx .pillar .mods{display:flex; flex-wrap:wrap; gap:7px; margin-top:18px}
.dmx .pillar .mods span{font-size:.78rem; font-weight:500; padding:5px 10px; border-radius:8px; background:var(--alt); color:#2c3346}
.dmx .p1::before{background:var(--c1)} .dmx .p1 .pnum,.dmx .p1 h3{color:var(--c1d)} .dmx .p1 .tag{background:var(--c1s); color:var(--c1d)}
.dmx .p2::before{background:var(--c2)} .dmx .p2 .pnum,.dmx .p2 h3{color:var(--c2d)} .dmx .p2 .tag{background:var(--c2s); color:var(--c2d)}
.dmx .p3::before{background:var(--c3)} .dmx .p3 .pnum,.dmx .p3 h3{color:var(--c3d)} .dmx .p3 .tag{background:var(--c3s); color:var(--c3d)}
.dmx .pdca{margin-top:34px; text-align:center; color:var(--muted); font-size:.96rem; max-width:74ch; margin-left:auto; margin-right:auto}
.dmx .pdca b{color:var(--ink)}

/* ===== MÉTODO (rio) ===== */
.dmx .river{max-width:760px; margin:42px auto 0; position:relative}
.dmx .band{position:relative; padding-left:64px}
.dmx .band::before{content:""; position:absolute; left:23px; top:0; bottom:0; width:3px}
.dmx .b1::before{background:linear-gradient(var(--c1),var(--c1) 70%, var(--c2))}
.dmx .b2::before{background:linear-gradient(var(--c2),var(--c2) 80%, var(--c3))}
.dmx .b3::before{background:linear-gradient(var(--c3),var(--c3))}
.dmx .band-head{display:flex; align-items:center; gap:12px; padding:6px 0; position:relative}
.dmx .band-head .lab{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:.92rem}
.dmx .b1 .band-head .lab{color:var(--c1d)} .dmx .b2 .band-head .lab{color:var(--c2d)} .dmx .b3 .band-head .lab{color:var(--c3d)}
.dmx .band-head .mk{position:absolute; left:-52px; width:18px; height:18px; border-radius:5px; transform:rotate(45deg)}
.dmx .b1 .band-head .mk{background:var(--c1)} .dmx .b2 .band-head .mk{background:var(--c2)} .dmx .b3 .band-head .mk{background:var(--c3)}
.dmx .step{position:relative; background:#fff; border:1px solid var(--line); border-radius:14px; padding:15px 18px; margin:13px 0; display:flex; gap:13px; align-items:flex-start}
.dmx .step .ico{position:absolute; left:-53px; top:13px; width:40px; height:40px; border-radius:50%; background:#fff; border:2px solid var(--line); display:flex; align-items:center; justify-content:center}
.dmx .b1 .step .ico{border-color:var(--c1); color:var(--c1d)} .dmx .b2 .step .ico{border-color:var(--c2); color:var(--c2d)} .dmx .b3 .step .ico{border-color:var(--c3); color:var(--c3d)}
.dmx .step .n{font-family:'Space Mono',monospace; font-size:.72rem; color:var(--muted); width:20px; flex:none; padding-top:2px}
.dmx .step h4{font-size:1.04rem; font-weight:600} .dmx .step p{font-size:.89rem; color:#586079; margin-top:2px}
.dmx .step.fin{border-style:dashed}

/* ===== DIFERENCIAL ===== */
.dmx .notrio{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:24px}
.dmx .notrio span{font-family:'Space Mono',monospace; font-size:.82rem; padding:8px 14px; border-radius:999px; background:#fff; border:1px solid var(--line); color:#586079}
.dmx .bcards{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:38px}
.dmx .bcard{background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px}
.dmx .bcard .i{width:36px; height:36px; border-radius:10px; background:var(--c1s); color:var(--c1d); display:flex; align-items:center; justify-content:center; margin-bottom:13px}
.dmx .bcard h4{font-size:1.02rem} .dmx .bcard p{margin-top:8px; font-size:.9rem; color:#586079}

/* ===== DIAGNÓSTICO (teaser no index) ===== */
.dmx .diagteaser{display:grid; grid-template-columns:1.05fr .95fr; gap:36px; align-items:center}
.dmx .diagteaser .radarbox{background:linear-gradient(180deg,#0d1530,#0a1022); border:1px solid rgba(255,255,255,.12); border-radius:20px; padding:24px; display:flex; justify-content:center}
.dmx .diagteaser ul{list-style:none; margin:18px 0 0; display:grid; gap:10px}
.dmx .diagteaser li{display:flex; gap:10px; align-items:flex-start; color:#dfe3f1; font-size:.98rem}
.dmx .diagteaser li svg{flex:none; margin-top:3px; color:var(--c2l)}

/* ===== PLANOS ===== */
.dmx .plans{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:46px; align-items:stretch}
.dmx .plan{border:1px solid var(--line); border-radius:20px; padding:30px 26px; background:#fff; display:flex; flex-direction:column}
.dmx .plan.feat{border-color:var(--c1); box-shadow:0 24px 50px -28px rgba(156,18,24,.45); position:relative}
.dmx .plan.feat .ribbon{position:absolute; top:-12px; left:26px; background:var(--c1); color:#fff; font-family:'Space Mono',monospace; font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; padding:5px 11px; border-radius:999px}
.dmx .plan h3{font-size:1.36rem} .dmx .plan .for{margin-top:6px; color:var(--muted); font-size:.9rem; min-height:38px}
.dmx .plan .price{margin-top:16px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.5rem; color:var(--ink)}
.dmx .plan .price small{display:block; font-family:'Space Mono',monospace; font-size:.7rem; color:var(--muted); font-weight:400; letter-spacing:.06em; margin-top:4px}
.dmx .plan ul{list-style:none; margin:18px 0 22px; display:grid; gap:9px; flex:1}
.dmx .plan li{display:flex; gap:9px; font-size:.9rem; color:#414a63}
.dmx .plan li svg{flex:none; margin-top:3px; color:var(--c3d)}
.dmx .plan .btn{width:100%; justify-content:center}

/* ===== SOBRE ===== */
.dmx .about::after{content:""; position:absolute; right:-120px; top:-80px; width:380px; height:380px; border-radius:50%; background:radial-gradient(circle, rgba(201,162,39,.28), transparent 65%)}
.dmx .about{position:relative; overflow:hidden}
.dmx .impulse{margin-top:18px; font-size:clamp(1.1rem,1.8vw,1.45rem); font-family:'Space Grotesk',sans-serif; font-weight:500; color:#dfe3f1; max-width:44ch; line-height:1.32}
.dmx .pmv{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; position:relative; z-index:1}
.dmx .mv{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:26px}
.dmx .mv .k{font-family:'Space Mono',monospace; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase}
.dmx .mv.k1 .k{color:var(--c1l)} .dmx .mv.k2 .k{color:var(--c2l)} .dmx .mv.k3 .k{color:var(--blue3)}
.dmx .mv h3{font-size:1.18rem; margin:12px 0 0; color:#fff} .dmx .mv p{margin-top:10px; color:#c5cbe0; font-size:.96rem}
.dmx .mv .vis{font-size:1.3rem; font-weight:600; color:#fff; line-height:1.28; font-family:'Space Grotesk',sans-serif}
.dmx .mv .meta{margin-top:10px; font-family:'Space Mono',monospace; font-size:.74rem; color:var(--blue3)}
.dmx .values{display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:18px; position:relative; z-index:1}
.dmx .val{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:18px}
.dmx .val b{display:block; font-family:'Space Grotesk',sans-serif; font-size:.96rem; color:#fff} .dmx .val span{display:block; margin-top:6px; font-size:.84rem; color:#aeb5d1}

/* ===== FECHO ===== */
.dmx .cta{text-align:center}
.dmx .cta .bird{width:92px; margin:0 auto 18px} .dmx .cta .bird img{animation:soar 6s ease-in-out infinite}
.dmx .cta .slog{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(1.9rem,4.4vw,3rem); letter-spacing:-.02em}
.dmx .cta .slog .a{color:var(--c1d)} .dmx .cta .slog .b{color:var(--c3d)}
.dmx .cta p{margin-top:16px; color:var(--muted); max-width:54ch; margin-left:auto; margin-right:auto}
.dmx .cta .ctas{display:flex; gap:13px; justify-content:center; flex-wrap:wrap; margin-top:28px}

/* ===== FOOTER ===== */
.dmx .foot{background:var(--ink); color:#aeb5d1; padding:40px 0}
.dmx .foot .row{display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap}
.dmx .foot .logo b{color:#fff} .dmx .foot a:hover{color:#fff}
.dmx .foot .meta{font-family:'Space Mono',monospace; font-size:.78rem; display:flex; gap:18px; flex-wrap:wrap}

/* ===== DIAGNÓSTICO (página) ===== */
.dmx .dg-hero{background:var(--navy); color:#fff; padding:clamp(40px,7vw,70px) 0 0}
.dmx .dg-hero .eyebrow{color:#9aa3c4}
.dmx .dg-hero h1{font-size:clamp(2rem,4.6vw,3.2rem); color:#fff; margin-top:12px}
.dmx .dg-hero p{margin-top:14px; color:#c5cbe0; max-width:60ch}
.dmx .dg-prog{height:6px; background:var(--alt); border-radius:6px; overflow:hidden; margin:0 0 26px}
.dmx .dg-prog i{display:block; height:100%; width:0; background:var(--arc); transition:width .4s}
.dmx .qcard{border:1px solid var(--line); border-radius:16px; padding:22px; margin:14px 0; background:#fff}
.dmx .qcard .qh{display:flex; gap:12px; align-items:baseline}
.dmx .qcard .qn{font-family:'Space Mono',monospace; font-size:.78rem; color:var(--muted)}
.dmx .qcard .qt{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:1.08rem}
.dmx .qcard .qd{color:var(--muted); font-size:.88rem; margin:4px 0 0 0}
.dmx .opts{display:grid; gap:8px; margin-top:14px}
.dmx .opt{display:flex; gap:11px; align-items:flex-start; border:1px solid var(--line); border-radius:11px; padding:11px 14px; cursor:pointer; transition:border-color .15s, background .15s; font-size:.93rem}
.dmx .opt:hover{border-color:var(--c1)}
.dmx .opt.sel{border-color:var(--c1); background:var(--c1s)}
.dmx .opt .dot{width:18px; height:18px; border-radius:50%; border:2px solid #c7cbd6; flex:none; margin-top:1px; position:relative}
.dmx .opt.sel .dot{border-color:var(--c1)} .dmx .opt.sel .dot::after{content:""; position:absolute; inset:3px; border-radius:50%; background:var(--c1)}
.dmx .opt .lv{font-family:'Space Mono',monospace; font-size:.66rem; color:var(--muted); display:block; margin-bottom:1px}
.dmx .dg-actions{display:flex; gap:12px; align-items:center; margin-top:8px; flex-wrap:wrap}
.dmx .dg-err{color:var(--c1d); font-size:.9rem}

/* resultado */
.dmx .result{display:none}
.dmx .result.on{display:block}
.dmx .rscore{display:grid; grid-template-columns:auto 1fr; gap:26px; align-items:center; border:1px solid var(--line); border-radius:20px; padding:26px; background:linear-gradient(180deg,#fff,var(--alt))}
.dmx .gauge{width:150px; height:150px; flex:none}
.dmx .rscore .lvl{font-family:'Space Mono',monospace; font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; color:var(--c1d)}
.dmx .rscore h3{font-size:1.6rem; margin-top:6px}
.dmx .rscore p{margin-top:8px; color:var(--muted)}
.dmx .rgrid{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px}
.dmx .rbox{border:1px solid var(--line); border-radius:16px; padding:22px; background:#fff}
.dmx .rbox h4{font-size:1.05rem; margin-bottom:6px}
.dmx .radarbox2{display:flex; justify-content:center; align-items:center}
.dmx .recs{display:grid; gap:10px; margin-top:8px}
.dmx .rec{display:flex; gap:11px; align-items:flex-start; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:#fff}
.dmx .rec .b{width:30px; height:30px; border-radius:8px; flex:none; display:flex; align-items:center; justify-content:center; color:#fff; font-family:'Space Mono',monospace; font-size:.7rem}
.dmx .rec h5{font-size:.98rem; font-weight:600; font-family:'Space Grotesk',sans-serif}
.dmx .rec p{font-size:.88rem; color:#586079; margin-top:2px}
.dmx .ai{border:1px solid var(--line); border-radius:16px; padding:22px; background:#fff; margin-top:18px}
.dmx .ai .badge{font-family:'Space Mono',monospace; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--c1d); display:inline-flex; align-items:center; gap:7px}
.dmx .ai .body{margin-top:12px; white-space:pre-wrap; color:#2c3346; font-size:.97rem; line-height:1.7}
.dmx .leadbox{border:1px solid var(--line); border-radius:18px; padding:26px; background:linear-gradient(180deg,#fff,var(--alt)); margin-top:20px}
.dmx .leadbox h4{font-size:1.2rem} .dmx .leadbox p{color:var(--muted); margin-top:6px; font-size:.95rem}
.dmx .leadbox .frow{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px}
.dmx .leadbox input{width:100%; border:1px solid var(--line); border-radius:10px; padding:12px 14px; font-family:inherit; font-size:.95rem}
.dmx .leadbox input:focus{outline:2px solid var(--c1); border-color:var(--c1)}
.dmx .leadbox .full{grid-column:1/-1}
.dmx .dg-consent{display:flex; gap:10px; align-items:flex-start; margin-top:14px; font-size:.86rem; color:var(--muted); line-height:1.45; cursor:pointer}
.dmx .dg-consent input{width:18px; height:18px; flex:none; margin-top:2px; accent-color:var(--c1)}
.dmx .dg-consent a{color:var(--c1); text-decoration:underline}

/* reveal */
.dmx .rv{opacity:0; transform:translateY(18px); transition:opacity .7s, transform .7s}
.dmx .rv.in{opacity:1; transform:none}

/* responsivo */
@media (max-width:960px){
  .dmx .pcards,.dmx .bcards{grid-template-columns:repeat(2,1fr)}
  .dmx .values{grid-template-columns:repeat(2,1fr)}
  .dmx .plans{grid-template-columns:1fr; max-width:460px; margin-left:auto; margin-right:auto}
  .dmx .traccard,.dmx .diagteaser{grid-template-columns:1fr; gap:24px}
}
@media (max-width:840px){
  .dmx .hero .grid{grid-template-columns:1fr; gap:24px; padding-top:30px}
  .dmx .hero h1{font-size:clamp(2.05rem,8.5vw,3rem)}
  .dmx .hero .eyebrow{letter-spacing:.13em; font-size:.66rem}
  .dmx .hero .lead{font-size:1rem; margin-top:16px}
  .dmx .pgrid,.dmx .pmv{grid-template-columns:1fr}
  .dmx .rgrid{grid-template-columns:1fr} .dmx .rscore{grid-template-columns:1fr; text-align:center; justify-items:center}
}
@media (max-width:560px){
  .dmx .wrap{padding:0 24px}
  .dmx .heromore{display:none}
  .dmx .hero .grid{padding-left:2px; padding-right:2px}
  .dmx .hero .ctas{margin-top:22px} .dmx .hero .ctas .btn{flex:1 1 100%; justify-content:center}
  .dmx .pcards,.dmx .bcards,.dmx .values{grid-template-columns:1fr}
  .dmx .band{padding-left:56px} .dmx .step .ico{left:-49px}
  .dmx .leadbox .frow{grid-template-columns:1fr}
  .dmx .chain .nd{font-size:.76rem; padding:6px 9px}
}
@media (max-width:380px){ .dmx .wrap{padding:0 20px} .dmx .hero h1{font-size:1.92rem} }
@media (prefers-reduced-motion:reduce){
  .dmx .rv{transition:none; opacity:1; transform:none}
  .dmx .cta .bird img,.dmx .mockfloat,.dmx .hero::before,.dmx .mocktop .live i{animation:none}
}
.dmx .leadbox select{width:100%; border:1px solid var(--line); border-radius:10px; padding:12px 14px; font-family:inherit; font-size:.95rem; background:#fff; color:var(--ink); appearance:none; cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23697089' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center}
.dmx .leadbox select:focus{outline:2px solid var(--c1); border-color:var(--c1)}

/* ===== AVISO DE COOKIES (LGPD) ===== */
.dmx .cookie{position:fixed; left:16px; right:16px; bottom:16px; z-index:90; max-width:660px; margin:0 auto; display:flex; gap:14px; align-items:center; background:rgba(13,20,38,.97); color:#dfe3f1; border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:13px 16px; box-shadow:0 22px 54px -22px rgba(0,0,0,.7); animation:cookieup .45s ease both}
@keyframes cookieup{from{opacity:0; transform:translateY(120%)}to{opacity:1; transform:translateY(0)}}
.dmx .cookie p{font-size:.82rem; line-height:1.5; margin:0}
.dmx .cookie a{color:#9fb4ff; text-decoration:underline}
.dmx .cookie .cbtn{flex:none; display:flex; gap:8px}
.dmx .cookie button{font-family:inherit; font-size:.8rem; font-weight:600; border-radius:9px; padding:9px 15px; cursor:pointer; border:0; white-space:nowrap}
.dmx .cookie .ac{background:var(--arc); color:#fff}
.dmx .cookie .rj{background:transparent; color:#aeb5d1; border:1px solid rgba(255,255,255,.20)}
@media (max-width:560px){ .dmx .cookie{flex-direction:column; align-items:stretch} .dmx .cookie .cbtn{justify-content:flex-end} }

/* ===== PÁGINA LEGAL (privacidade) ===== */
.dmx .legal{max-width:760px; margin:0 auto}
.dmx .legal .upd{font-family:'Space Mono',monospace; font-size:.72rem; color:var(--muted); margin-bottom:20px}
.dmx .legal h3{font-family:'Space Grotesk',sans-serif; font-size:1.14rem; margin:28px 0 6px}
.dmx .legal p{color:#3a4258; margin-top:8px}
.dmx .legal ul{margin:10px 0 0 20px; color:#3a4258}
.dmx .legal li{margin:6px 0}
.dmx .legal a{color:var(--blue2); text-decoration:underline}

/* ============================================================
   Demppler — Identidade Espanha contemporânea
   Princípio de uso: 72% claros, 14% azul, 9% vermelho, 5% dourado.
   O pássaro permanece inalterado; a interface passa a usar as
   três cores como sistema funcional, e não como decoração difusa.
   ============================================================ */
.dmx{
  --ink:#16243A;
  --navy:#163B66;
  --navy2:#102E50;
  --paper:#FFFDF8;
  --alt:#FAF6EE;
  --line:#E8E1D6;
  --muted:#687386;

  /* Três movimentos do Método Demppler */
  --c1:#E6A10A; --c1d:#986600; --c1s:#FFF3D4; --c1l:#F3C24F; /* Decisão: luz e direção */
  --c2:#B41822; --c2d:#7C0F16; --c2s:#FDEBED; --c2l:#D83A44; /* Execução: energia e compromisso */
  --c3:#163B66; --c3d:#0E2A4A; --c3s:#EAF0F7; --c3l:#356E9F; /* Resultado: confiança e controle */

  --red:#B41822;
  --red-dark:#7C0F16;
  --gold:#E6A10A;
  --gold-dark:#986600;
  --blue:#163B66;
  --blue1:#163B66;
  --blue2:#2E638F;
  --blue3:#4B84B3;
  --arc:linear-gradient(100deg,var(--red) 0%, #D42F39 100%);
  background:var(--paper);
}

/* Tipografia e microdestaques */
.dmx h1,.dmx h2,.dmx h3,.dmx h4{color:var(--blue)}
.dmx .eyebrow{color:var(--gold-dark); font-weight:700}
.dmx .head p b{color:var(--blue)}

/* Botões: vermelho converte; dourado orienta; azul confirma */
.dmx .btn{border-radius:10px; transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s}
.dmx .btn-p{background:var(--red); color:#fff; box-shadow:0 12px 28px -15px rgba(180,24,34,.75)}
.dmx .btn-p:hover{background:var(--red-dark); box-shadow:0 16px 32px -16px rgba(180,24,34,.8)}
.dmx .btn-g{background:var(--gold); color:#392600; box-shadow:0 12px 28px -15px rgba(230,161,10,.72)}
.dmx .btn-g:hover{background:#F1B62C}
.dmx .btn-o.dark{border-color:#C9D2DD; color:var(--blue); background:#fff}
.dmx .btn-o.dark:hover{border-color:var(--blue); color:var(--blue)}

/* Cabeçalho leve, com azul só como estrutura e vermelho na ação */
.dmx .nav{background:rgba(255,253,248,.94); border-bottom:1px solid var(--line); box-shadow:0 5px 20px rgba(22,59,102,.04)}
.dmx .logo b{color:var(--blue)}
.dmx .nav nav a.lnk{color:#33435A}
.dmx .nav nav a.lnk:hover{color:var(--red)}
.dmx .nav .navcta{background:var(--red); box-shadow:0 9px 20px -13px rgba(180,24,34,.8)}
.dmx .nav .navcta:hover{background:var(--red-dark)}
.dmx .nav .navlogin{border-color:#D8DEE6; color:var(--blue); background:#fff}
.dmx .nav .navlogin:hover{border-color:var(--gold); color:var(--gold-dark)}
.dmx .burger span{background:var(--blue)}
@media (max-width:860px){.dmx .nav nav{background:var(--paper)}}

/* HERO: fundo claro sólido. Impacto vem da hierarquia, não de um degradê escuro. */
.dmx .hero{
  color:var(--ink);
  background:#FFFDF8;
  border-bottom:1px solid var(--line);
}
.dmx .hero::before{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:-120px;
  top:-125px;
  border-radius:50%;
  background:#FFF0C9;
  opacity:.72;
  filter:none;
  animation:none;
  pointer-events:none;
}
.dmx .hero::after{
  content:"";
  position:absolute;
  left:-70px;
  bottom:-120px;
  width:250px;
  height:250px;
  border:38px solid #F9E6E8;
  border-radius:50%;
  opacity:.75;
  pointer-events:none;
}
.dmx .hero .grid{position:relative; z-index:1}
.dmx .hero .eyebrow{color:var(--gold-dark)}
.dmx .hero h1{color:var(--blue)}
.dmx .hero h1 .w1{color:var(--red)}
.dmx .hero h1 .w3{color:var(--blue)}
.dmx .hero h1 .dot{color:var(--gold)}
.dmx .hero .lead{color:#536074}
.dmx .hero .lead b{color:var(--blue)}
.dmx .hero .pills span{color:#4B586B}

/* Painel do produto: claro, executivo e coerente com a página */
.dmx .glass{
  background:rgba(255,255,255,.96);
  border:1px solid #E4DED3;
  box-shadow:0 30px 65px -35px rgba(22,59,102,.38);
}
.dmx .mockmain{box-shadow:0 32px 70px -36px rgba(22,59,102,.42)}
.dmx .mocktop{border-bottom-color:#EAE4DA}
.dmx .mocktop b{color:var(--blue)}
.dmx .mocktop .live{color:#7A8494}
.dmx .mocktop .live i{background:var(--red)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(180,24,34,.45)}70%{box-shadow:0 0 0 7px rgba(180,24,34,0)}100%{box-shadow:0 0 0 0 rgba(180,24,34,0)}}
.dmx .mockkpi{background:#FFFDF8; border-color:#EBE4D8}
.dmx .mockkpi small{color:#7A8494}
.dmx .mockkpi b{color:var(--blue)}
.dmx .mockkpi span{color:var(--gold-dark)}
.dmx .mockchart{background:#FAF6EE; border-color:#EBE4D8}
.dmx .mockchart .cl{color:#778294}
.dmx .mmrow span{color:#4E5B6E}
.dmx .mmrow b{color:var(--blue)}
.dmx .mmbar{background:#EAE5DC}
.dmx .mf-trace .ttl{color:#7A8494}
.dmx .mf-trace .casc span{color:var(--blue); background:#F6F1E8; border:1px solid #E8E0D4}
.dmx .mf-trace .casc .ar{color:var(--gold-dark); border:0; background:none}
.dmx .mf-trace .ok{color:var(--red)}
.dmx .mf-gauge .gtext b{color:var(--blue)}
.dmx .mf-gauge .gtext small{color:#7A8494}
.dmx .mf-gauge circle:first-of-type{stroke:#E8E1D6}

/* Bandas claras e alternância suave */
.dmx .s-paper{background:var(--paper)}
.dmx .s-alt{background:var(--alt)}

/* Gráfico escuro preservado como um único ponto de contraste */
.dmx .chartbox{background:var(--blue); border-color:rgba(255,255,255,.14); box-shadow:0 24px 50px -32px rgba(22,59,102,.75)}
.dmx .chartbox .cap{color:#DCE5EF}

/* Cadeia da estratégia */
.dmx .chain .nd{background:#fff; border-color:#DED8CE}
.dmx .chain .nd.s{border-color:var(--gold); color:var(--gold-dark); background:var(--c1s)}
.dmx .chain .nd.f{border-color:var(--blue); color:var(--blue); background:var(--c3s)}
.dmx .chain .ar{color:var(--red)}

/* Cards: detalhes alternados para as três cores não competirem entre si */
.dmx .pcard,.dmx .pillar,.dmx .step,.dmx .bcard,.dmx .plan,.dmx .qcard,.dmx .rbox,.dmx .ai,.dmx .leadbox{
  border-color:var(--line);
  box-shadow:0 12px 30px -28px rgba(22,59,102,.30);
}
.dmx .pcard .x{background:var(--c2s); color:var(--red)}
.dmx .pcard h4,.dmx .bcard h4,.dmx .step h4,.dmx .plan h3{color:var(--blue)}
.dmx .bcard:nth-child(1) .i{background:var(--c1s); color:var(--gold-dark)}
.dmx .bcard:nth-child(2) .i{background:var(--c2s); color:var(--red)}
.dmx .bcard:nth-child(3) .i{background:var(--c3s); color:var(--blue)}
.dmx .bcard:nth-child(4) .i{background:var(--c1s); color:var(--gold-dark)}

/* Pilares: Decisão dourada, Execução vermelha, Resultado azul */
.dmx .recomeca{color:var(--red)}
.dmx .pillar:hover{box-shadow:0 22px 42px -26px rgba(22,59,102,.35)}
.dmx .p1::before{background:var(--gold)}
.dmx .p1 .pnum,.dmx .p1 h3{color:var(--gold-dark)}
.dmx .p1 .tag{background:var(--c1s); color:var(--gold-dark)}
.dmx .p2::before{background:var(--red)}
.dmx .p2 .pnum,.dmx .p2 h3{color:var(--red-dark)}
.dmx .p2 .tag{background:var(--c2s); color:var(--red-dark)}
.dmx .p3::before{background:var(--blue)}
.dmx .p3 .pnum,.dmx .p3 h3{color:var(--blue)}
.dmx .p3 .tag{background:var(--c3s); color:var(--blue)}
.dmx .pillar .mods span{background:#F7F2E9; color:#3B4758}

/* Método / rio */
.dmx .b1::before{background:linear-gradient(var(--gold),var(--gold) 72%,var(--red))}
.dmx .b2::before{background:linear-gradient(var(--red),var(--red) 82%,var(--blue))}
.dmx .b3::before{background:var(--blue)}
.dmx .b1 .band-head .lab{color:var(--gold-dark)}
.dmx .b2 .band-head .lab{color:var(--red-dark)}
.dmx .b3 .band-head .lab{color:var(--blue)}
.dmx .b1 .band-head .mk{background:var(--gold)}
.dmx .b2 .band-head .mk{background:var(--red)}
.dmx .b3 .band-head .mk{background:var(--blue)}
.dmx .b1 .step .ico{border-color:var(--gold); color:var(--gold-dark)}
.dmx .b2 .step .ico{border-color:var(--red); color:var(--red)}
.dmx .b3 .step .ico{border-color:var(--blue); color:var(--blue)}

/* Diagnóstico: único bloco azul escuro para autoridade e contraste */
.dmx .s-navy{background:var(--blue); color:#fff}
.dmx .s-navy h2{color:#fff}
.dmx .s-navy .eyebrow{color:#F3C24F}
.dmx .diagteaser li{color:#F3F6FA}
.dmx .diagteaser li svg{color:#F3C24F}
.dmx .diagteaser .radarbox{background:#102E50; border-color:rgba(255,255,255,.16)}

/* Planos */
.dmx .plan.feat{border-color:var(--red); box-shadow:0 26px 52px -32px rgba(180,24,34,.48)}
.dmx .plan.feat .ribbon{background:var(--red)}
.dmx .plan li svg{color:var(--gold-dark)}

/* Sobre: sai do bloco escuro para manter o site majoritariamente claro */
.dmx .s-navy.about{background:#FFF6E4; color:var(--ink); border-top:1px solid #F0E2C5; border-bottom:1px solid #F0E2C5}
.dmx .s-navy.about .eyebrow{color:var(--red)}
.dmx .s-navy.about .head h2{color:var(--blue)}
.dmx .s-navy.about .impulse{color:#425169}
.dmx .about::after{background:#F6D98E; opacity:.48}
.dmx .s-navy.about .mv{background:#fff; border-color:#E9DDC7; box-shadow:0 18px 38px -30px rgba(22,59,102,.32)}
.dmx .s-navy.about .mv h3,.dmx .s-navy.about .mv .vis{color:var(--blue)}
.dmx .s-navy.about .mv p{color:#5C6879}
.dmx .s-navy.about .mv.k1 .k{color:var(--gold-dark)}
.dmx .s-navy.about .mv.k2 .k{color:var(--red)}
.dmx .s-navy.about .mv.k3 .k{color:var(--blue)}
.dmx .s-navy.about .mv .meta{color:var(--red)}
.dmx .s-navy.about .val{background:rgba(255,255,255,.76); border-color:#E9DDC7}
.dmx .s-navy.about .val b{color:var(--blue)}
.dmx .s-navy.about .val span{color:#687386}

/* Fecho e rodapé */
.dmx .cta{background:#FFFDF8}
.dmx .cta .slog{color:var(--blue)}
.dmx .cta .slog .a{color:var(--red)}
.dmx .cta .slog .b{color:var(--blue)}
.dmx .foot{background:var(--blue); color:#DCE5EF; border-top:5px solid var(--gold)}
.dmx .foot .logo b{color:#fff}
.dmx .foot a:hover{color:#F3C24F}

/* Diagnóstico / formulários compartilhados */
.dmx .dg-hero{background:var(--blue)}
.dmx .dg-hero .eyebrow{color:#F3C24F}
.dmx .dg-prog i{background:var(--red)}
.dmx .opt:hover{border-color:var(--gold)}
.dmx .opt.sel{border-color:var(--red); background:var(--c2s)}
.dmx .opt.sel .dot{border-color:var(--red)}
.dmx .opt.sel .dot::after{background:var(--red)}
.dmx .leadbox input:focus,.dmx .leadbox select:focus{outline-color:rgba(180,24,34,.2); border-color:var(--red)}
.dmx .rscore .lvl,.dmx .ai .badge{color:var(--red)}

/* Cookies */
.dmx .cookie{background:rgba(22,59,102,.98); border-top:3px solid var(--gold)}
.dmx .cookie a{color:#F3C24F}
.dmx .cookie .ac{background:var(--red)}

/* Pequenos refinamentos responsivos */
@media (max-width:840px){
  .dmx .hero::before{width:240px;height:240px;right:-100px;top:-80px}
  .dmx .hero::after{width:170px;height:170px;left:-80px;bottom:-90px;border-width:28px}
}
@media (max-width:560px){
  .dmx .hero{background:#FFFDF8}
  .dmx .glass{background:#fff}
  .dmx .hero .pills{gap:14px}
}


/* ============================================================
   REVISÃO FINAL — clareza, precisão conceitual e impacto visual
   ============================================================ */
.dmx{
  --ink:#18263A;
  --blue:#0B3A6E;
  --blue-deep:#082B52;
  --blue-bright:#0D5CA8;
  --navy:#0B3A6E;
  --navy2:#082B52;
  --muted:#58677D;
  --line:#E4DDD1;
}
.dmx h1,.dmx h2,.dmx h3,.dmx h4{color:var(--blue); text-wrap:balance}
.dmx .head p,.dmx .traccard .copy p,.dmx .pcard p,.dmx .bcard p,.dmx .step p{color:#59687D}
.dmx .head p b,.dmx .hero .lead b,.dmx .pdca b{color:var(--blue-deep)}
.dmx .nav nav a.lnk{color:#263B55}
.dmx .logo b{color:var(--blue-deep)}

/* Hero: trajetória da decisão ao resultado, sem círculos decorativos */
.dmx .hero::before,.dmx .hero::after{display:none!important}
.dmx .hero{position:relative; background:#FFFDF8; isolation:isolate}
.dmx .hero-trajectory{position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none}
.dmx .hero-trajectory svg{width:100%; height:100%; min-height:660px; display:block}
.dmx .hero-trajectory .ht-grid{fill:none; stroke:#0B3A6E; stroke-width:1; opacity:.035}
.dmx .hero-trajectory .ht-area{fill:url(#heroTrajectoryArea); opacity:.6}
.dmx .hero-trajectory .ht-path{fill:none; stroke:url(#heroTrajectoryGradient); stroke-width:3; opacity:.13}
.dmx .hero-trajectory .ht-marker{opacity:.18}
.dmx .hero-trajectory .ht-marker rect{fill:#FFF8E5; stroke:#E6A10A; stroke-width:1}
.dmx .hero-trajectory .ht-marker-red rect{fill:#FDEBED; stroke:#B41822}
.dmx .hero-trajectory .ht-marker-blue rect{fill:#EAF0F7; stroke:#0B3A6E}
.dmx .hero-trajectory .ht-marker text{font-family:'Space Mono',monospace; font-size:9px; font-weight:700; letter-spacing:.08em; text-anchor:middle; fill:#7F5900}
.dmx .hero-trajectory .ht-marker-red text{fill:#8C1119}
.dmx .hero-trajectory .ht-marker-blue text{fill:#0B3A6E}
.dmx .hero-trajectory .ht-marker .ht-value{font-size:8px; font-weight:400; letter-spacing:.02em}
.dmx .hero .grid{z-index:2}
.dmx .hero h1{color:var(--blue-deep); text-shadow:0 1px 0 rgba(255,255,255,.85)}
.dmx .hero h1 .w3{color:var(--blue-bright)}
.dmx .hero .lead{color:#4D5E74}

/* Painel e fluxo compacto dos oito módulos */
.dmx .mf-trace{max-width:308px; left:-38px; top:-30px}
.dmx .module-mini-flow{display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px!important}
.dmx .module-mini-flow span{font-size:.57rem!important; padding:4px 5px!important; text-align:center; line-height:1.1; white-space:nowrap}
.dmx .module-mini-flow span::after{content:none!important}
.dmx .mf-trace .ok{font-size:.66rem}

/* Rastreabilidade — os oito módulos, sem funções tratadas como módulos */
.dmx .modules-chain{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-top:20px!important}
.dmx .modules-chain .nd{position:relative; min-height:54px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:8px 10px; white-space:normal; line-height:1.15; color:#263B55; border-color:#DED7CC; box-shadow:0 8px 18px -17px rgba(11,58,110,.45)}
.dmx .modules-chain .nd small{display:block; font-family:'Space Mono',monospace; font-size:.58rem; color:#8A95A5; margin-bottom:4px}
.dmx .modules-chain .nd:not(:nth-child(4)):not(:nth-child(8))::after{content:'→'; position:absolute; right:-8px; top:50%; transform:translate(50%,-50%); color:var(--red); font-size:.72rem; z-index:2}
.dmx .modules-chain .nd.s{border-color:var(--gold); background:#FFF9E8; color:#8A5D00}
.dmx .modules-chain .nd:nth-child(4),.dmx .modules-chain .nd:nth-child(5),.dmx .modules-chain .nd:nth-child(6),.dmx .modules-chain .nd:nth-child(7){border-color:#E6BAC0; background:#FFF9F9}
.dmx .modules-chain .nd.f{border-color:var(--blue); background:#EFF5FB; color:var(--blue-deep)}

/* Problema — ícones explicativos em vez de X genérico */
.dmx .problem-icon{width:42px; height:42px; border-radius:11px; display:flex; align-items:center; justify-content:center; margin-bottom:16px}
.dmx .problem-icon svg{width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.dmx .problem-icon.pi-gold{background:#FFF3D4; color:#A56F00}
.dmx .problem-icon.pi-red{background:#FDEBED; color:#B41822}
.dmx .problem-icon.pi-blue{background:#EAF0F7; color:#0B3A6E}
.dmx .pcard{position:relative; overflow:hidden}
.dmx .pcard::after{content:''; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--gold); opacity:.75}
.dmx .pcard:nth-child(2)::after,.dmx .pcard:nth-child(4)::after{background:var(--red)}
.dmx .pcard:nth-child(3)::after{background:var(--blue)}

/* Linha do tempo: termina no oitavo módulo e fecha o ciclo */
.dmx .result-step{border-color:#B8CBE0; background:#F8FBFE}
.dmx .method-outcome{max-width:760px; margin:22px auto 0; display:flex; gap:14px; align-items:flex-start; padding:18px 20px; border:1px solid #B8CBE0; border-left:5px solid var(--blue); border-radius:14px; background:#F4F8FC; box-shadow:0 18px 34px -30px rgba(11,58,110,.45)}
.dmx .method-outcome-icon{width:38px; height:38px; border-radius:10px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--blue); color:#fff}
.dmx .method-outcome-icon svg{width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.dmx .method-outcome strong{display:block; color:var(--blue-deep); font-family:'Space Grotesk',sans-serif; font-size:1rem}
.dmx .method-outcome p{margin-top:4px; color:#59687D; font-size:.9rem}

/* Sobre: identidade viva, sem círculos; cores ligadas a propósito, missão, visão e valores */
.dmx .s-navy.about{position:relative; isolation:isolate; background:linear-gradient(118deg,#FFF1BE 0%,#FFF8E6 38%,#FDECEE 100%); border:0; border-top:7px solid transparent; border-image:linear-gradient(90deg,var(--gold) 0 33%,var(--red) 33% 66%,var(--blue) 66% 100%) 1}
.dmx .about::after{display:none!important}
.dmx .about-lines{position:absolute; inset:0 0 auto auto; width:48%; height:100%; z-index:-1; opacity:.16; pointer-events:none; background-image:linear-gradient(135deg,transparent 48%,#B41822 49%,#B41822 50%,transparent 51%),linear-gradient(45deg,transparent 48%,#0B3A6E 49%,#0B3A6E 50%,transparent 51%); background-size:110px 110px; mask-image:linear-gradient(to left,#000,transparent)}
.dmx .s-navy.about .head{max-width:72ch}
.dmx .s-navy.about .head h2{color:var(--blue-deep)}
.dmx .s-navy.about .impulse{color:#344B66; max-width:62ch}
.dmx .identity-map{display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:10px; align-items:stretch; margin:34px 0 28px}
.dmx .identity-item{position:relative; min-height:86px; padding:16px 15px 14px; background:rgba(255,255,255,.88); border:1px solid rgba(11,58,110,.12); border-radius:14px; box-shadow:0 16px 32px -29px rgba(11,58,110,.4); overflow:hidden}
.dmx .identity-item::before{content:''; position:absolute; inset:0 auto 0 0; width:5px; background:var(--gold)}
.dmx .identity-item.ii-red::before{background:var(--red)}
.dmx .identity-item.ii-blue::before{background:var(--blue)}
.dmx .identity-item.ii-mix::before{background:linear-gradient(var(--gold),var(--red),var(--blue))}
.dmx .identity-item span{display:block; font-family:'Space Mono',monospace; font-size:.62rem; color:#7E8998}
.dmx .identity-item b{display:block; margin-top:4px; color:var(--blue-deep); font-family:'Space Grotesk',sans-serif}
.dmx .identity-item small{display:block; margin-top:3px; color:#657286; font-size:.75rem}
.dmx .identity-connector{display:flex; align-items:center; justify-content:center; color:var(--red); font-weight:700}
.dmx .s-navy.about .pmv{margin-top:16px}
.dmx .s-navy.about .mv{position:relative; overflow:hidden; border-color:rgba(11,58,110,.16); background:rgba(255,255,255,.94)}
.dmx .s-navy.about .mv::before{content:''; position:absolute; inset:0 0 auto 0; height:5px; background:var(--gold)}
.dmx .s-navy.about .mv.k2::before{background:var(--red)}
.dmx .s-navy.about .mv.k3::before{background:var(--blue)}
.dmx .s-navy.about .mv h3,.dmx .s-navy.about .mv .vis{color:var(--blue-deep)}
.dmx .s-navy.about .mv p{color:#536277}
.dmx .s-navy.about .values{gap:14px}
.dmx .s-navy.about .val{position:relative; background:rgba(255,255,255,.86); border-color:rgba(11,58,110,.14); overflow:hidden}
.dmx .s-navy.about .val::before{content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--gold)}
.dmx .s-navy.about .val:nth-child(2)::before,.dmx .s-navy.about .val:nth-child(5)::before{background:var(--red)}
.dmx .s-navy.about .val:nth-child(3)::before{background:var(--blue)}
.dmx .s-navy.about .val:nth-child(4)::before{background:linear-gradient(var(--gold),var(--red),var(--blue))}
.dmx .s-navy.about .val b{color:var(--blue-deep)}
.dmx .s-navy.about .val span{color:#5B697D}

/* Botões e contrastes de texto */
.dmx .btn-p{background:#B41822}
.dmx .btn-p:hover{background:#8F1119}
.dmx .btn-g{background:#E9A90B; color:#2D2100}
.dmx .nav .navcta{background:#B41822}
.dmx .chartbox{background:#0B3A6E}
.dmx .s-navy:not(.about){background:#0B3A6E}
.dmx .foot{background:#082B52}

@media (max-width:960px){
  .dmx .identity-map{grid-template-columns:1fr 1fr; gap:12px}
  .dmx .identity-connector{display:none}
  .dmx .about-lines{width:70%; opacity:.11}
}
@media (max-width:840px){
  .dmx .hero-trajectory .ht-marker{display:none}
  .dmx .hero-trajectory .ht-path{opacity:.09}
  .dmx .mf-trace{left:-8px; max-width:285px}
  .dmx .modules-chain{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dmx .modules-chain .nd:nth-child(2n)::after{content:none}
  .dmx .modules-chain .nd:not(:nth-child(2n))::after{content:'→'}
}
@media (max-width:560px){
  .dmx .hero-trajectory{display:none}
  .dmx .identity-map{grid-template-columns:1fr}
  .dmx .modules-chain{grid-template-columns:1fr}
  .dmx .modules-chain .nd::after{content:'↓'!important; right:50%; top:auto; bottom:-10px; transform:translate(50%,50%)}
  .dmx .modules-chain .nd:last-child::after{content:none!important}
  .dmx .method-outcome{padding:16px}
  .dmx .about-lines{display:none}
}


/* ============================================================
   Revisão de lançamento — hero azul e seção institucional
   ============================================================ */

/* Corrige o excesso de espaço: o padding global de section não deve
   se somar ao padding interno do hero. */
.dmx .hero{
  padding:0!important;
  min-height:auto;
  color:#fff;
  isolation:isolate;
  background:
    linear-gradient(118deg,rgba(6,24,52,.98) 0%,rgba(8,43,82,.98) 52%,rgba(11,58,110,.98) 100%);
}
.dmx .hero-trajectory{display:none!important}
.dmx .hero::before{
  display:block!important;
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:52%;
  height:100%;
  pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 34%,rgba(230,161,10,.12) 34.2% 34.7%,transparent 35% 100%),
    linear-gradient(145deg,transparent 0 51%,rgba(180,24,34,.12) 51.2% 51.7%,transparent 52% 100%),
    repeating-linear-gradient(118deg,transparent 0 58px,rgba(255,255,255,.025) 59px 60px);
  -webkit-mask-image:linear-gradient(to left,#000 30%,transparent 100%);
  mask-image:linear-gradient(to left,#000 30%,transparent 100%);
  filter:none;
  animation:none;
  z-index:0;
}
.dmx .hero::after{
  display:block!important;
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:5px;
  background:linear-gradient(90deg,var(--gold) 0 33%,var(--red) 33% 66%,var(--blue-bright) 66% 100%);
  z-index:3;
}
.dmx .hero .grid{
  position:relative;
  z-index:2;
  min-height:calc(100svh - 66px);
  padding:clamp(34px,5.4vh,64px) 0 clamp(42px,6.2vh,70px)!important;
  align-items:center;
}
.dmx .hero .eyebrow{color:#9FB4CF}
.dmx .hero h1{
  color:#fff;
  text-shadow:none;
  font-size:clamp(2.55rem,5.5vw,4.55rem);
}
.dmx .hero h1 .w1{color:#F04A58}
.dmx .hero h1 .w3{color:#29A9EF}
.dmx .hero h1 .dot{color:#F0B323}
.dmx .hero .lead{color:#CBD6E4; max-width:47ch}
.dmx .hero .lead b{color:#fff}
.dmx .hero .pills span{color:#B7C6D8}
.dmx .hero .glass{
  background:rgba(8,22,49,.80);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 34px 78px -34px rgba(0,0,0,.86);
}
.dmx .hero .mockkpi,
.dmx .hero .mockchart{background:rgba(255,255,255,.055)}
.dmx .hero .mf-trace .casc span{
  color:#fff;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.09);
}
.dmx .hero .mf-trace .ttl,
.dmx .hero .mocktop .live,
.dmx .hero .mockkpi small,
.dmx .hero .mockchart .cl,
.dmx .hero .mf-gauge .gtext small{color:#96A8C0}
.dmx .hero .mf-trace .ok{color:#40B7F5}
.dmx .hero .mf-gauge .gtext b,
.dmx .hero .mocktop b,
.dmx .hero .mockkpi b,
.dmx .hero .mmrow b{color:#fff}
.dmx .hero .mmrow span{color:#CBD6E4}
.dmx .hero .btn-p{background:#C71925; box-shadow:0 14px 30px -18px rgba(240,74,88,.95)}
.dmx .hero .btn-p:hover{background:#A8101A}
.dmx .hero .btn-g{background:#F0B323; color:#261B00; box-shadow:0 14px 30px -18px rgba(240,179,35,.9)}
.dmx .hero .btn-g:hover{background:#D99E0A}

/* Seção Sobre: linguagem institucional viva, sem grade decorativa. */
.dmx .s-navy.about{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(124deg,#071D3B 0%,#0A315E 46%,#0B3A6E 100%);
  border:0;
  border-top:6px solid transparent;
  border-image:linear-gradient(90deg,var(--gold) 0 33%,var(--red) 33% 66%,var(--blue-bright) 66% 100%) 1;
}
.dmx .about-lines{display:none!important}
.dmx .about-flight{
  position:absolute;
  inset:0 0 0 auto;
  width:63%;
  z-index:-1;
  pointer-events:none;
  opacity:.24;
  -webkit-mask-image:linear-gradient(to left,#000 20%,transparent 100%);
  mask-image:linear-gradient(to left,#000 20%,transparent 100%);
}
.dmx .about-flight svg{width:100%;height:100%;display:block}
.dmx .about-flight path{fill:none;stroke-width:2.2;stroke-linecap:round}
.dmx .about-flight .af-gold{stroke:#F0B323;opacity:.55}
.dmx .about-flight .af-red{stroke:#F04A58;opacity:.46}
.dmx .about-flight .af-blue{stroke:#36B5F3;opacity:.46}
.dmx .about-intro{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:48px;
  align-items:center;
}
.dmx .s-navy.about .head{max-width:66ch}
.dmx .s-navy.about .eyebrow{color:#F0B323}
.dmx .s-navy.about .head h2{color:#fff}
.dmx .s-navy.about .impulse{color:#D5E0ED;max-width:58ch}
.dmx .about-mark{
  display:flex;
  align-items:center;
  gap:18px;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.06);
  box-shadow:0 28px 56px -38px rgba(0,0,0,.75);
  backdrop-filter:blur(8px);
}
.dmx .about-mark img{width:105px;height:auto;flex:none;filter:none}
.dmx .about-mark span{
  display:block;
  color:#F0B323;
  font-family:'Space Mono',monospace;
  font-size:.64rem;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.dmx .about-mark strong{
  display:block;
  margin-top:6px;
  color:#fff;
  font-family:'Space Grotesk',sans-serif;
  font-size:1.18rem;
  line-height:1.22;
}
.dmx .about-mark small{display:block;margin-top:8px;color:#AFC1D5}
.dmx .identity-map{margin-top:38px}
.dmx .identity-item{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 18px 38px -30px rgba(0,0,0,.78);
}
.dmx .identity-item span{color:#8FA4BC}
.dmx .identity-item b{color:#fff}
.dmx .identity-item small{color:#BBC9D8}
.dmx .identity-connector{color:#F0B323}
.dmx .s-navy.about .mv{
  background:rgba(255,255,255,.97);
  border-color:rgba(255,255,255,.2);
  box-shadow:0 25px 55px -38px rgba(0,0,0,.8);
}
.dmx .s-navy.about .mv h3,
.dmx .s-navy.about .mv .vis{color:var(--blue-deep)}
.dmx .s-navy.about .mv p{color:#526278}
.dmx .s-navy.about .val{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.14);
}
.dmx .s-navy.about .val b{color:#fff}
.dmx .s-navy.about .val span{color:#C5D2E0}

@media (max-width:980px){
  .dmx .hero .grid{min-height:auto;padding:48px 0 64px!important}
  .dmx .about-intro{grid-template-columns:1fr;gap:26px}
  .dmx .about-mark{max-width:520px}
  .dmx .about-flight{width:85%;opacity:.18}
}
@media (max-width:840px){
  .dmx .hero .grid{padding:36px 0 58px!important}
  .dmx .hero h1{font-size:clamp(2.15rem,8vw,3.15rem)}
}
@media (max-width:560px){
  .dmx .hero::before{width:100%;opacity:.65}
  .dmx .hero .grid{padding:30px 0 54px!important}
  .dmx .about-mark{align-items:flex-start;padding:18px}
  .dmx .about-mark img{width:76px}
  .dmx .about-flight{display:none}
}
@media (max-height:760px) and (min-width:841px){
  .dmx .hero .grid{min-height:auto;padding:34px 0 46px!important}
  .dmx .hero h1{font-size:clamp(2.35rem,5vw,3.85rem)}
  .dmx .hero .lead{font-size:1rem;margin-top:16px}
  .dmx .hero .ctas{margin-top:22px}
  .dmx .hero .pills{margin-top:20px}
}

/* ============================================================
   AJUSTE FINAL V2 — coerência cromática, hero sem artefatos
   e diagnóstico de maturidade premium
   ============================================================ */
.dmx{
  /* Leitura da marca: decisão = ouro; execução = vermelho; resultado = azul */
  --c1:#E6A10A; --c1d:#986600; --c1s:#FFF4D2; --c1l:#F3C24F;
  --c2:#C71925; --c2d:#8F1119; --c2s:#FDEBED; --c2l:#F04A58;
  --c3:#0B3A6E; --c3d:#082B52; --c3s:#EAF0F7; --c3l:#29A9EF;
  --gold:#E6A10A; --gold-dark:#986600;
  --red:#C71925; --red-dark:#8F1119;
  --blue:#0B3A6E; --blue-deep:#082B52; --blue-bright:#29A9EF;
}

/* HERO — corrige a faixa clara e remove completamente o antigo círculo. */
.dmx .hero{
  padding:0!important;
  min-height:calc(100svh - 66px);
  overflow:hidden;
}
.dmx .hero .grid{
  min-height:calc(100svh - 66px)!important;
  padding:clamp(34px,5vh,58px) 0 clamp(38px,5.5vh,62px)!important;
}
.dmx .hero::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  display:block!important;
  width:auto!important;
  height:6px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  background:linear-gradient(90deg,var(--gold) 0 33.333%,var(--red) 33.333% 66.666%,var(--blue-bright) 66.666% 100%)!important;
  opacity:1!important;
  z-index:4!important;
  pointer-events:none!important;
}
.dmx .hero h1 .w1{color:#F3C24F!important}
.dmx .hero h1 .w3{color:#29A9EF!important}
.dmx .hero h1 .dot{color:#F04A58!important}
.dmx .hero .pills span:nth-child(1) i{background:var(--gold)!important}
.dmx .hero .pills span:nth-child(2) i{background:var(--red)!important}
.dmx .hero .pills span:nth-child(3) i{background:var(--blue-bright)!important}

/* Em telas realmente baixas, o conteúdo cresce naturalmente em vez de ser cortado. */
@media (max-height:640px) and (min-width:841px){
  .dmx .hero,.dmx .hero .grid{min-height:auto!important}
  .dmx .hero .grid{padding:30px 0 42px!important}
}
@media (max-width:980px){
  .dmx .hero,.dmx .hero .grid{min-height:auto!important}
}

/* Barra tricolor sólida, usada somente em grandes transições de narrativa. */
.dmx .tricolor-rule{
  position:absolute;
  inset:0 0 auto 0;
  height:6px;
  background:linear-gradient(90deg,var(--gold) 0 33.333%,var(--red) 33.333% 66.666%,var(--blue-bright) 66.666% 100%);
  z-index:3;
}

/* DIAGNÓSTICO — passa de um radar genérico para uma prévia clara do valor entregue. */
.dmx .diagnostic-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(68px,8vw,104px) 0!important;
  color:#fff;
  background:
    linear-gradient(118deg,rgba(8,43,82,.98),rgba(11,58,110,.97) 58%,rgba(16,77,136,.97)),
    #0B3A6E;
}
.dmx .diagnostic-section::before{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:54%;
  z-index:-1;
  background:
    linear-gradient(138deg,transparent 0 35%,rgba(230,161,10,.10) 35.2% 35.6%,transparent 35.9%),
    linear-gradient(148deg,transparent 0 54%,rgba(199,25,37,.11) 54.2% 54.6%,transparent 54.9%),
    repeating-linear-gradient(120deg,transparent 0 68px,rgba(255,255,255,.025) 69px 70px);
  -webkit-mask-image:linear-gradient(to left,#000 24%,transparent 100%);
  mask-image:linear-gradient(to left,#000 24%,transparent 100%);
}
.dmx .diag-premium{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);
  gap:clamp(38px,6vw,76px);
  align-items:center;
}
.dmx .diag-copy .eyebrow{color:#F3C24F}
.dmx .diag-copy h2{
  margin-top:12px;
  color:#fff;
  font-size:clamp(2rem,4vw,3.05rem);
  max-width:17ch;
}
.dmx .diag-copy>p{
  margin-top:17px;
  color:#D5E0ED;
  max-width:57ch;
  font-size:1.02rem;
}
.dmx .diag-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:28px;
}
.dmx .diag-fact{
  min-height:100px;
  padding:15px 14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  box-shadow:0 20px 42px -36px rgba(0,0,0,.9);
}
.dmx .diag-fact-icon{
  width:34px;height:34px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:10px;
  color:#fff;
}
.dmx .diag-fact-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dmx .df-gold .diag-fact-icon{background:rgba(230,161,10,.22);color:#F3C24F}
.dmx .df-red .diag-fact-icon{background:rgba(199,25,37,.24);color:#FF7180}
.dmx .df-blue .diag-fact-icon{background:rgba(41,169,239,.18);color:#5CC4FA}
.dmx .diag-fact strong{display:block;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:.94rem}
.dmx .diag-fact small{display:block;margin-top:3px;color:#AFC0D3;font-size:.72rem;line-height:1.35}
.dmx .diag-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}
.dmx .diag-actions .btn-g{background:#F0B323;color:#2B1F00;box-shadow:0 15px 30px -17px rgba(240,179,35,.9)}
.dmx .diag-actions .btn-g:hover{background:#D99E0A}
.dmx .diag-actions>span{font-family:'Space Mono',monospace;font-size:.68rem;color:#9FB2C8}

.dmx .diag-preview{
  position:relative;
  padding:24px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  background:rgba(6,27,57,.72);
  box-shadow:0 38px 80px -38px rgba(0,0,0,.86);
  backdrop-filter:blur(12px);
}
.dmx .diag-preview::before{
  content:"";
  position:absolute;
  inset:-1px -1px auto -1px;
  height:4px;
  border-radius:22px 22px 0 0;
  background:linear-gradient(90deg,var(--gold),var(--red),var(--blue-bright));
}
.dmx .diag-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.11)}
.dmx .diag-preview-head>div span{display:block;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#8FA4BC}
.dmx .diag-preview-head>div strong{display:block;margin-top:4px;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:1.05rem}
.dmx .diag-preview-badge{padding:5px 9px;border-radius:999px;background:rgba(230,161,10,.16);border:1px solid rgba(230,161,10,.3);color:#F3C24F;font-family:'Space Mono',monospace;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}
.dmx .diag-score-row{display:grid;grid-template-columns:132px 1fr;gap:20px;align-items:center;padding:22px 0 20px}
.dmx .diag-score-ring{
  width:118px;height:118px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--gold) 0 28%,var(--red) 28% 56%,var(--blue-bright) 56% 72%,rgba(255,255,255,.1) 72% 100%);
  position:relative;
}
.dmx .diag-score-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#0A274B;border:1px solid rgba(255,255,255,.08)}
.dmx .diag-score-ring>div{position:relative;z-index:1;display:flex;align-items:baseline;color:#fff}
.dmx .diag-score-ring strong{font-family:'Space Grotesk',sans-serif;font-size:2.1rem;line-height:1}
.dmx .diag-score-ring small{font-family:'Space Mono',monospace;font-size:.62rem;color:#9FB2C8;margin-left:2px}
.dmx .diag-level>span{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:#8FA4BC}
.dmx .diag-level>strong{display:block;margin-top:5px;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:1.18rem;line-height:1.2}
.dmx .diag-level p{margin-top:7px;color:#B8C7D8;font-size:.82rem;line-height:1.5}
.dmx .diag-bars{display:grid;gap:12px;padding:17px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.dmx .diag-bar>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dmx .diag-bar>div span{font-size:.78rem;color:#D8E2ED;font-weight:600}
.dmx .diag-bar>div b{font-family:'Space Mono',monospace;font-size:.66rem;color:#fff}
.dmx .diag-bar>i{display:block;height:7px;margin-top:5px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.dmx .diag-bar>i span{display:block;height:100%;border-radius:inherit}
.dmx .db-gold>i span{background:var(--gold)}
.dmx .db-red>i span{background:var(--red)}
.dmx .db-blue>i span{background:var(--blue-bright)}
.dmx .diag-bar>small{display:block;margin-top:4px;color:#8196AE;font-size:.64rem}
.dmx .diag-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px}
.dmx .diag-modules span{padding:6px 5px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.045);color:#B5C4D5;font-family:'Space Mono',monospace;font-size:.53rem;white-space:nowrap}
.dmx .diag-next{display:flex;gap:11px;align-items:flex-start;margin-top:15px;padding:12px 13px;border-radius:11px;background:rgba(230,161,10,.09);border:1px solid rgba(230,161,10,.18)}
.dmx .diag-next>span{width:28px;height:28px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:#261B00}
.dmx .diag-next svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.dmx .diag-next strong{display:block;color:#F9E5AA;font-size:.77rem}
.dmx .diag-next p{margin-top:2px;color:#B8C7D8;font-size:.72rem}

/* Mantém a seção Sobre aprovada e reforça a mesma barra tricolor sólida. */
.dmx .s-navy.about{
  border-top:6px solid transparent!important;
  border-image:linear-gradient(90deg,var(--gold) 0 33.333%,var(--red) 33.333% 66.666%,var(--blue-bright) 66.666% 100%) 1!important;
}
.dmx .foot{
  border-top:5px solid transparent!important;
  border-image:linear-gradient(90deg,var(--gold) 0 33.333%,var(--red) 33.333% 66.666%,var(--blue-bright) 66.666% 100%) 1!important;
}

@media (max-width:980px){
  .dmx .diag-premium{grid-template-columns:1fr;gap:34px}
  .dmx .diag-preview{max-width:680px}
}
@media (max-width:640px){
  .dmx .diag-facts{grid-template-columns:1fr}
  .dmx .diag-fact{min-height:auto;display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center}
  .dmx .diag-fact-icon{margin:0}
  .dmx .diag-score-row{grid-template-columns:1fr;text-align:center;justify-items:center}
  .dmx .diag-level{max-width:36ch}
  .dmx .diag-modules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dmx .diag-preview{padding:19px}
}


/* ============================================================
   AJUSTES MOBILE + FECHAMENTO INSTITUCIONAL
   ============================================================ */
.dmx{
  --tricolor-blue:#0B3A6E;
}

/* O azul das faixas tricolores volta ao tom institucional mais escuro. */
.dmx .hero::after,
.dmx .tricolor-rule,
.dmx .diag-preview::before{
  background:linear-gradient(90deg,
    var(--gold) 0 33.333%,
    var(--red) 33.333% 66.666%,
    var(--tricolor-blue) 66.666% 100%)!important;
}
.dmx .s-navy.about,
.dmx .foot{
  border-image:linear-gradient(90deg,
    var(--gold) 0 33.333%,
    var(--red) 33.333% 66.666%,
    var(--tricolor-blue) 66.666% 100%) 1!important;
}

/* No fechamento, Decisões mantém a lógica de valor e direção do dourado. */
.dmx .cta .slog .a{color:var(--gold)!important}

/* Versículo final: uma bênção leve, separada do rodapé operacional. */
.dmx .scripture-note{
  padding:30px 0 34px;
  background:#FBFAF6;
  border-top:1px solid #E8E1D5;
  color:#344B66;
  text-align:center;
}
.dmx .scripture-note .wrap{max-width:920px}
.dmx .scripture-accent{
  display:block;
  width:54px;
  height:3px;
  margin:0 auto 17px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),var(--red),var(--tricolor-blue));
}
.dmx .scripture-note blockquote{
  display:grid;
  gap:4px;
  max-width:820px;
  margin:0 auto;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.02rem,2vw,1.22rem);
  font-style:italic;
  line-height:1.65;
  letter-spacing:.005em;
}
.dmx .scripture-note cite{
  display:block;
  margin-top:12px;
  color:var(--gold-dark);
  font-family:'Space Mono',monospace;
  font-size:.68rem;
  font-style:normal;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* Pequena moldura lateral no cabeçalho móvel, alinhada ao restante da página. */
@media (max-width:860px){
  .dmx .nav{
    border-left:1px solid #E4DED4;
    border-right:1px solid #E4DED4;
  }
  .dmx .nav nav{
    left:-1px;
    right:-1px;
    border-left:1px solid #E4DED4;
    border-right:1px solid #E4DED4;
  }
}

@media (max-width:640px){
  .dmx .foot .row{align-items:flex-start}
  .dmx .foot .meta{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .dmx .scripture-note{padding:25px 0 29px}
  .dmx .scripture-note .wrap{padding-left:28px;padding-right:28px}
  .dmx .scripture-note blockquote{font-size:1rem;line-height:1.58}
}

/* ============================================================
   DIREÇÃO DE MARKETING V3 — proposta executiva, prova de valor,
   governança e implantação sem repetição conceitual
   ============================================================ */
.dmx.marketing-v3{
  --ink:#0B2F59;
  --navy:#082B52;
  --navy2:#0B3A6E;
  --paper:#FFFFFF;
  --alt:#F7F5F0;
  --line:#E1E6EC;
  --muted:#5E6E82;
  --gold:#E6A10A;
  --gold-dark:#986600;
  --red:#C71925;
  --red-dark:#8F1119;
  --blue:#0B3A6E;
  --blue-deep:#082B52;
  --blue-bright:#29A9EF;
  --c1:var(--gold); --c1d:var(--gold-dark); --c1s:#FFF4D2; --c1l:#F3C24F;
  --c2:var(--red); --c2d:var(--red-dark); --c2s:#FDEBED; --c2l:#F04A58;
  --c3:var(--blue); --c3d:var(--blue-deep); --c3s:#EAF0F7; --c3l:var(--blue-bright);
  --arc:linear-gradient(100deg,var(--red) 0%,#A90F1B 100%);
  color:var(--ink);
}
.dmx.marketing-v3 h1,.dmx.marketing-v3 h2,.dmx.marketing-v3 h3,.dmx.marketing-v3 h4{color:var(--ink)}
.dmx.marketing-v3 .head p{color:var(--muted)}
.dmx.marketing-v3 .btn-p{background:var(--red);color:#fff;box-shadow:0 14px 28px -16px rgba(199,25,37,.75)}
.dmx.marketing-v3 .btn-p:hover{background:#A9111B}
.dmx.marketing-v3 .btn-g{background:var(--gold);color:#2B1F00;box-shadow:0 14px 28px -16px rgba(230,161,10,.82)}
.dmx.marketing-v3 .btn-g:hover{background:#D49306}
.dmx.marketing-v3 .navcta{background:var(--red)}
.dmx.marketing-v3 .nav nav a.lnk:hover{color:var(--red)}
.dmx.marketing-v3 section{scroll-margin-top:72px}

/* Hero: posicionamento mais executivo, sem promessa financeira específica. */
.dmx.marketing-v3 .hero{background:
  radial-gradient(46% 70% at 100% 100%,rgba(41,169,239,.14),transparent 68%),
  radial-gradient(38% 58% at 18% 10%,rgba(230,161,10,.08),transparent 72%),
  linear-gradient(145deg,#061A33 0%,#082B52 58%,#0B3A6E 100%)}
.dmx.marketing-v3 .hero::before{
  display:block!important;content:"";position:absolute;inset:0 0 0 auto;width:52%;height:100%;
  background:
    linear-gradient(145deg,transparent 0 42%,rgba(230,161,10,.09) 42.2% 42.5%,transparent 42.8%),
    linear-gradient(145deg,transparent 0 58%,rgba(199,25,37,.08) 58.2% 58.5%,transparent 58.8%),
    repeating-linear-gradient(118deg,transparent 0 80px,rgba(255,255,255,.025) 81px 82px);
  filter:none;opacity:.7;animation:none;pointer-events:none;
  -webkit-mask-image:linear-gradient(to left,#000 28%,transparent 100%);mask-image:linear-gradient(to left,#000 28%,transparent 100%)}
.dmx.marketing-v3 .hero .grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:54px;min-height:calc(100svh - 66px);padding:clamp(42px,6vh,70px) 0 clamp(48px,7vh,78px)!important}
.dmx.marketing-v3 .hero .eyebrow{color:#AFC1D5}
.dmx.marketing-v3 .hero h1{color:#fff;font-size:clamp(2.7rem,5.6vw,4.65rem)}
.dmx.marketing-v3 .hero h1 .w1{color:#F3C24F!important}
.dmx.marketing-v3 .hero h1 .w3{color:#5BC2F6!important}
.dmx.marketing-v3 .hero h1 .dot{color:#F04A58!important}
.dmx.marketing-v3 .hero .lead{color:#D2DCE8;max-width:54ch}
.dmx.marketing-v3 .hero .lead b{color:#fff}
.dmx.marketing-v3 .hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px}
.dmx.marketing-v3 .hero-proof span{display:flex;align-items:center;gap:8px;color:#B9C8D8;font-family:'Space Mono',monospace;font-size:.7rem}
.dmx.marketing-v3 .hero-proof i{width:8px;height:8px;border-radius:50%;flex:none}
.dmx.marketing-v3 .hp-gold{background:var(--gold)}
.dmx.marketing-v3 .hp-red{background:var(--red)}
.dmx.marketing-v3 .hp-blue{background:var(--blue-bright)}
.dmx.marketing-v3 .hero::after{height:5px!important;background:linear-gradient(90deg,var(--gold) 0 33.333%,var(--red) 33.333% 66.666%,var(--blue) 66.666% 100%)!important}
.dmx.marketing-v3 .mocktop .live{font-size:.52rem;letter-spacing:.03em;white-space:nowrap}

/* Cenários de aderência: ajuda o visitante a se qualificar. */
.dmx.marketing-v3 .executive-fit{padding:clamp(66px,7vw,94px) 0}
.dmx.marketing-v3 .fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.dmx.marketing-v3 .fit-card{position:relative;padding:27px 25px 25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 44px -38px rgba(8,43,82,.55)}
.dmx.marketing-v3 .fit-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:18px 0 0 18px;background:linear-gradient(var(--gold),var(--red),var(--blue))}
.dmx.marketing-v3 .fit-num{font-family:'Space Mono',monospace;font-size:.67rem;color:var(--red);letter-spacing:.12em}
.dmx.marketing-v3 .fit-card h3{margin-top:9px;font-size:1.2rem}
.dmx.marketing-v3 .fit-card p{margin-top:10px;color:var(--muted);font-size:.94rem}

/* Plataforma: explicação objetiva da camada de gestão e dos oito módulos. */
.dmx.marketing-v3 .platform-v3{padding:clamp(70px,8vw,108px) 0}
.dmx.marketing-v3 .platform-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:58px;align-items:center}
.dmx.marketing-v3 .platform-copy h2{font-size:clamp(2rem,3.7vw,3rem);margin-top:12px}
.dmx.marketing-v3 .platform-copy>p{margin-top:18px;color:var(--muted);font-size:1.03rem}
.dmx.marketing-v3 .platform-benefits{display:grid;gap:13px;margin-top:25px}
.dmx.marketing-v3 .platform-benefits>div{padding:13px 15px;border-left:3px solid var(--gold);background:rgba(255,255,255,.72);border-radius:0 11px 11px 0}
.dmx.marketing-v3 .platform-benefits>div:nth-child(2){border-left-color:var(--red)}
.dmx.marketing-v3 .platform-benefits>div:nth-child(3){border-left-color:var(--blue)}
.dmx.marketing-v3 .platform-benefits b{display:block;font-family:'Space Grotesk',sans-serif;font-size:.97rem}
.dmx.marketing-v3 .platform-benefits span{display:block;margin-top:2px;color:var(--muted);font-size:.86rem}
.dmx.marketing-v3 .module-board{padding:22px;border:1px solid #D8E0E8;border-radius:22px;background:#fff;box-shadow:0 30px 65px -48px rgba(8,43,82,.75)}
.dmx.marketing-v3 .module-board-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.dmx.marketing-v3 .module-board-head span{font-family:'Space Mono',monospace;font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--red)}
.dmx.marketing-v3 .module-board-head b{font-size:.85rem;color:var(--blue)}
.dmx.marketing-v3 .module-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px}
.dmx.marketing-v3 .module-card{min-height:112px;padding:14px 12px;border:1px solid var(--line);border-radius:13px;background:#FBFCFD;position:relative;overflow:hidden}
.dmx.marketing-v3 .module-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px}
.dmx.marketing-v3 .mc-gold::before{background:var(--gold)}
.dmx.marketing-v3 .mc-red::before{background:var(--red)}
.dmx.marketing-v3 .mc-blue::before{background:var(--blue)}
.dmx.marketing-v3 .module-card span{font-family:'Space Mono',monospace;font-size:.59rem;color:#8492A4}
.dmx.marketing-v3 .module-card b{display:block;margin-top:12px;font-family:'Space Grotesk',sans-serif;font-size:.95rem;color:var(--ink)}
.dmx.marketing-v3 .module-card small{display:block;margin-top:4px;color:var(--muted);font-size:.7rem;line-height:1.3}
.dmx.marketing-v3 .module-loop{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:17px;padding:10px;border-radius:10px;background:#F5F7FA;color:var(--blue);font-size:.8rem}
.dmx.marketing-v3 .module-loop i{font-family:'Space Mono',monospace;font-size:.62rem;color:var(--red);font-style:normal;text-transform:uppercase;letter-spacing:.08em}

/* Método: menos texto e maior distinção entre os três movimentos. */
.dmx.marketing-v3 .marketing-pillars{margin-top:38px}
.dmx.marketing-v3 .marketing-pillars .pillar{min-height:330px}
.dmx.marketing-v3 .p1::before{background:var(--gold)}
.dmx.marketing-v3 .p1 .pnum,.dmx.marketing-v3 .p1 h3{color:var(--gold-dark)}
.dmx.marketing-v3 .p1 .tag{background:#FFF4D2;color:var(--gold-dark)}
.dmx.marketing-v3 .p2::before{background:var(--red)}
.dmx.marketing-v3 .p2 .pnum,.dmx.marketing-v3 .p2 h3{color:var(--red-dark)}
.dmx.marketing-v3 .p2 .tag{background:#FDEBED;color:var(--red-dark)}
.dmx.marketing-v3 .p3::before{background:var(--blue)}
.dmx.marketing-v3 .p3 .pnum,.dmx.marketing-v3 .p3 h3{color:var(--blue)}
.dmx.marketing-v3 .p3 .tag{background:#EAF0F7;color:var(--blue)}

/* Governança: responde a objeções de empresa de maior porte. */
.dmx.marketing-v3 .governance-section{position:relative;overflow:hidden;padding:clamp(72px,8vw,108px) 0;background:linear-gradient(145deg,#061A33,#082B52 58%,#0B3A6E);color:#fff}
.dmx.marketing-v3 .governance-section::before{content:"";position:absolute;inset:0 0 0 auto;width:48%;background:repeating-linear-gradient(125deg,transparent 0 74px,rgba(255,255,255,.028) 75px 76px);pointer-events:none}
.dmx.marketing-v3 .governance-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(540px,1.25fr);gap:54px;align-items:center;position:relative}
.dmx.marketing-v3 .governance-copy .eyebrow{color:#F3C24F}
.dmx.marketing-v3 .governance-copy h2{margin-top:12px;color:#fff;font-size:clamp(2rem,3.7vw,3rem)}
.dmx.marketing-v3 .governance-copy p{margin:17px 0 24px;color:#C6D4E2}
.dmx.marketing-v3 .governance-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.dmx.marketing-v3 .gov-card{padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.dmx.marketing-v3 .gov-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(230,161,10,.16);color:#F3C24F}
.dmx.marketing-v3 .gov-card:nth-child(2) .gov-icon{background:rgba(199,25,37,.2);color:#FF7A86}
.dmx.marketing-v3 .gov-card:nth-child(3) .gov-icon,.dmx.marketing-v3 .gov-card:nth-child(4) .gov-icon{background:rgba(41,169,239,.16);color:#66CBFA}
.dmx.marketing-v3 .gov-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dmx.marketing-v3 .gov-card h3{margin-top:14px;color:#fff;font-size:1.05rem}
.dmx.marketing-v3 .gov-card p{margin-top:7px;color:#B9C8D8;font-size:.84rem}

/* Implantação: reduz a percepção de risco. */
.dmx.marketing-v3 .implementation-section{padding:clamp(72px,8vw,104px) 0}
.dmx.marketing-v3 .implementation-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px;position:relative}
.dmx.marketing-v3 .implementation-flow::before{content:"";position:absolute;left:9%;right:9%;top:31px;height:2px;background:linear-gradient(90deg,var(--gold),var(--red),var(--blue));opacity:.35}
.dmx.marketing-v3 .impl-step{position:relative;padding:0 8px;text-align:center}
.dmx.marketing-v3 .impl-step>span{position:relative;z-index:1;width:62px;height:62px;margin:0 auto;display:grid;place-items:center;border-radius:50%;background:#fff;border:2px solid var(--gold);font-family:'Space Mono',monospace;font-size:.7rem;color:var(--gold-dark);box-shadow:0 14px 30px -23px rgba(8,43,82,.65)}
.dmx.marketing-v3 .impl-step:nth-child(2)>span,.dmx.marketing-v3 .impl-step:nth-child(3)>span{border-color:var(--red);color:var(--red)}
.dmx.marketing-v3 .impl-step:nth-child(4)>span{border-color:var(--blue);color:var(--blue)}
.dmx.marketing-v3 .impl-step h3{margin-top:17px;font-size:1.05rem}
.dmx.marketing-v3 .impl-step p{margin-top:7px;color:var(--muted);font-size:.84rem}
.dmx.marketing-v3 .implementation-note{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:34px auto 0;max-width:900px;padding:16px 18px;border:1px solid #E2D6B7;border-radius:13px;background:#FFF9E9;text-align:center}
.dmx.marketing-v3 .implementation-note b{color:var(--gold-dark)}
.dmx.marketing-v3 .implementation-note span{color:var(--muted);font-size:.9rem}

/* Diagnóstico permanece um lead magnet, mas não é a única porta de entrada. */
.dmx.marketing-v3 .diagnostic-section{padding:clamp(72px,8vw,104px) 0!important}
.dmx.marketing-v3 .diag-copy h2{max-width:19ch}
.dmx.marketing-v3 .diag-preview::before{background:linear-gradient(90deg,var(--gold),var(--red),var(--blue))!important}

/* Modelos de adoção: menos sensação de tabela de preços vazia. */
.dmx.marketing-v3 .adoption-section{padding:clamp(72px,8vw,104px) 0}
.dmx.marketing-v3 .adoption-plans .plan{position:relative}
.dmx.marketing-v3 .plan-label{font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark)}
.dmx.marketing-v3 .adoption-plans .plan:nth-child(2) .plan-label{color:var(--red)}
.dmx.marketing-v3 .adoption-plans .plan:nth-child(3) .plan-label{color:var(--blue)}
.dmx.marketing-v3 .adoption-plans .plan h3{margin-top:8px}
.dmx.marketing-v3 .adoption-plans .plan ul{margin-top:21px}
.dmx.marketing-v3 .adoption-plans .plan li{position:relative;padding-left:18px}
.dmx.marketing-v3 .adoption-plans .plan li::before{content:"";position:absolute;left:0;top:.56em;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.dmx.marketing-v3 .adoption-plans .plan:nth-child(1) li::before{background:var(--gold)}
.dmx.marketing-v3 .adoption-plans .plan:nth-child(2) li::before{background:var(--red)}
.dmx.marketing-v3 .adoption-note{max-width:820px;margin:24px auto 0;text-align:center;color:var(--muted);font-size:.88rem}

/* Sobre: preserva o visual aprovado, reduzindo a densidade dos valores. */
.dmx.marketing-v3 .s-navy.about{border-top:6px solid transparent!important;border-image:linear-gradient(90deg,var(--gold) 0 33.333%,var(--red) 33.333% 66.666%,var(--blue) 66.666% 100%) 1!important}
.dmx.marketing-v3 .compact-values .val{min-height:122px}
.dmx.marketing-v3 .compact-values .val span{font-size:.8rem;line-height:1.45}

/* FAQ: responde objeções sem aumentar a navegação. */
.dmx.marketing-v3 .faq-section{padding:clamp(70px,8vw,102px) 0}
.dmx.marketing-v3 .faq-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);gap:58px;align-items:start}
.dmx.marketing-v3 .faq-intro h2{margin-top:12px;font-size:clamp(2rem,3.5vw,2.8rem)}
.dmx.marketing-v3 .faq-intro p{margin-top:15px;color:var(--muted)}
.dmx.marketing-v3 .faq-list{display:grid;gap:10px}
.dmx.marketing-v3 .faq-item{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}
.dmx.marketing-v3 .faq-item summary{list-style:none;cursor:pointer;padding:17px 50px 17px 18px;font-family:'Space Grotesk',sans-serif;font-weight:600;position:relative;color:var(--ink)}
.dmx.marketing-v3 .faq-item summary::-webkit-details-marker{display:none}
.dmx.marketing-v3 .faq-item summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#EEF2F6;color:var(--blue);font-size:1rem}
.dmx.marketing-v3 .faq-item[open] summary::after{content:"–";background:#FDEBED;color:var(--red)}
.dmx.marketing-v3 .faq-item p{padding:0 18px 18px;color:var(--muted);font-size:.9rem}

/* Fechamento mais adequado a uma decisão B2B. */
.dmx.marketing-v3 .cta .slog{max-width:760px;margin:0 auto}
.dmx.marketing-v3 .cta .slog .a{color:var(--gold)!important}
.dmx.marketing-v3 .cta p{max-width:65ch}
.dmx.marketing-v3 .foot{border-top:5px solid transparent!important;border-image:linear-gradient(90deg,var(--gold) 0 33.333%,var(--red) 33.333% 66.666%,var(--blue) 66.666% 100%) 1!important;background:#061A33}
.dmx.marketing-v3 .scripture-note{padding:24px 0 28px}
.dmx.marketing-v3 .scripture-note blockquote{font-size:clamp(.96rem,1.7vw,1.12rem);color:#53667B}

/* Responsividade. */
@media (max-width:1080px){
  .dmx.marketing-v3 .hero .grid{grid-template-columns:1fr;min-height:auto;gap:40px;padding:46px 0 70px!important}
  .dmx.marketing-v3 .heromock{max-width:650px;margin:0 auto;width:100%}
  .dmx.marketing-v3 .platform-grid,.dmx.marketing-v3 .governance-grid,.dmx.marketing-v3 .faq-grid{grid-template-columns:1fr}
  .dmx.marketing-v3 .module-board{max-width:780px}
  .dmx.marketing-v3 .governance-cards{max-width:820px}
  .dmx.marketing-v3 .faq-intro{max-width:650px}
}
@media (max-width:900px){
  .dmx.marketing-v3 .fit-grid{grid-template-columns:1fr}
  .dmx.marketing-v3 .module-grid-v3{grid-template-columns:repeat(2,1fr)}
  .dmx.marketing-v3 .implementation-flow{grid-template-columns:repeat(2,1fr);gap:28px 16px}
  .dmx.marketing-v3 .implementation-flow::before{display:none}
}
@media (max-width:640px){
  .dmx.marketing-v3 .wrap{padding-left:22px;padding-right:22px}
  .dmx.marketing-v3 .hero .grid{padding:30px 0 58px!important;gap:28px}
  .dmx.marketing-v3 .hero h1{font-size:clamp(2.2rem,12vw,3.05rem)}
  .dmx.marketing-v3 .hero .lead{font-size:.98rem}
  .dmx.marketing-v3 .hero .ctas{display:grid;grid-template-columns:1fr;width:100%}
  .dmx.marketing-v3 .hero .ctas .btn{width:100%;justify-content:center}
  .dmx.marketing-v3 .hero-proof{display:grid;gap:8px}
  .dmx.marketing-v3 .heromock{min-height:420px;margin-top:2px}
  .dmx.marketing-v3 .mockmain{padding:13px}
  .dmx.marketing-v3 .mocktop .live{display:none}
  .dmx.marketing-v3 .mockkpis{grid-template-columns:1fr 1fr}
  .dmx.marketing-v3 .mockkpi:nth-child(3){grid-column:1/-1}
  .dmx.marketing-v3 .mf-trace{display:none}
  .dmx.marketing-v3 .mf-gauge{right:50%;bottom:-18px;transform:translateX(50%) scale(.88)}
  .dmx.marketing-v3 .platform-grid{gap:34px}
  .dmx.marketing-v3 .module-grid-v3{grid-template-columns:1fr 1fr;gap:8px}
  .dmx.marketing-v3 .module-card{min-height:96px}
  .dmx.marketing-v3 .module-board-head{align-items:flex-start;flex-direction:column;gap:4px}
  .dmx.marketing-v3 .governance-cards{grid-template-columns:1fr}
  .dmx.marketing-v3 .implementation-flow{grid-template-columns:1fr}
  .dmx.marketing-v3 .impl-step{display:grid;grid-template-columns:56px 1fr;gap:14px;text-align:left;align-items:start;padding:0}
  .dmx.marketing-v3 .impl-step>span{width:52px;height:52px;margin:0}
  .dmx.marketing-v3 .impl-step h3{margin-top:2px}
  .dmx.marketing-v3 .implementation-note{align-items:flex-start;text-align:left}
  .dmx.marketing-v3 .diag-copy h2{max-width:none}
  .dmx.marketing-v3 .diag-preview{padding:17px}
  .dmx.marketing-v3 .faq-grid{gap:30px}
  .dmx.marketing-v3 .cta .ctas{display:grid;grid-template-columns:1fr}
  .dmx.marketing-v3 .cta .ctas .btn{width:100%;justify-content:center}
}

/* ============================================================
   DEMPPLER — DIREÇÃO DE MARKETING V4
   Prova do fundador, hero mais direto e fechamento integrado.
   ============================================================ */

/* Hero: reduz ruído visual e deixa o painel principal como única demonstração. */
.dmx.marketing-v4 .heromock{
  min-height:auto;
  align-self:center;
}
.dmx.marketing-v4 .mockmain{
  box-shadow:0 34px 75px -38px rgba(0,0,0,.88);
}
.dmx.marketing-v4 .hero .grid{
  grid-template-columns:minmax(0,1fr) minmax(420px,.96fr);
  gap:clamp(42px,5vw,66px);
}
.dmx.marketing-v4 .hero-proof{
  padding-top:2px;
}

/* História do fundador: credibilidade humana sem transformar a página em currículo. */
.dmx.marketing-v4 .founder-story{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:30px;
  align-items:center;
  margin-top:38px;
  padding:26px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:22px;
  background:rgba(255,255,255,.075);
  box-shadow:0 30px 64px -42px rgba(0,0,0,.9);
  backdrop-filter:blur(10px);
}
.dmx.marketing-v4 .founder-story::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  border-radius:22px 22px 0 0;
  background:linear-gradient(90deg,var(--gold) 0 33.333%,var(--red) 33.333% 66.666%,var(--tricolor-blue) 66.666% 100%);
}
.dmx.marketing-v4 .founder-photo-wrap{
  position:relative;
  overflow:hidden;
  aspect-ratio:9/10;
  border:1px solid rgba(255,255,255,.17);
  border-radius:16px;
  background:#040B16;
  box-shadow:0 22px 42px -30px rgba(0,0,0,.9);
}
.dmx.marketing-v4 .founder-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.dmx.marketing-v4 .founder-kicker{
  color:#F3C24F;
  font-family:'Space Mono',monospace;
  font-size:.64rem;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.dmx.marketing-v4 .founder-content h3{
  max-width:31ch;
  margin-top:9px;
  color:#fff;
  font-size:clamp(1.45rem,2.5vw,2.05rem);
  line-height:1.12;
}
.dmx.marketing-v4 .founder-name{
  display:flex;
  align-items:baseline;
  gap:10px;
  flex-wrap:wrap;
  margin-top:15px;
}
.dmx.marketing-v4 .founder-name strong{
  color:#fff;
  font-family:'Space Grotesk',sans-serif;
  font-size:1.05rem;
}
.dmx.marketing-v4 .founder-name span{
  color:#AFC1D5;
  font-family:'Space Mono',monospace;
  font-size:.64rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dmx.marketing-v4 .founder-content>p{
  margin-top:11px;
  color:#CCD8E5;
  font-size:.91rem;
  line-height:1.68;
}
.dmx.marketing-v4 .founder-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:18px;
}
.dmx.marketing-v4 .founder-facts span{
  min-height:72px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:11px;
  background:rgba(3,18,37,.24);
}
.dmx.marketing-v4 .founder-facts span:nth-child(1){border-top:2px solid var(--gold)}
.dmx.marketing-v4 .founder-facts span:nth-child(2){border-top:2px solid var(--red)}
.dmx.marketing-v4 .founder-facts span:nth-child(3){border-top:2px solid #48BDF3}
.dmx.marketing-v4 .founder-facts span:nth-child(4){border-top:2px solid var(--gold)}
.dmx.marketing-v4 .founder-facts b{
  display:block;
  color:#fff;
  font-family:'Space Grotesk',sans-serif;
  font-size:.86rem;
  line-height:1.22;
}
.dmx.marketing-v4 .founder-facts small{
  display:block;
  margin-top:4px;
  color:#9FB2C8;
  font-size:.68rem;
  line-height:1.35;
}
.dmx.marketing-v4 .s-navy.about .pmv{
  margin-top:30px;
}

/* Rodapé: a passagem bíblica funciona como assinatura espiritual, sem criar outra seção. */
.dmx.marketing-v4 .foot{
  padding:38px 0 27px;
}
.dmx.marketing-v4 .foot-main{
  padding-bottom:23px;
}
.dmx.marketing-v4 .foot-scripture{
  position:relative;
  max-width:920px;
  margin:0 auto;
  padding:22px 22px 0;
  border-top:1px solid rgba(255,255,255,.10);
  text-align:center;
}
.dmx.marketing-v4 .foot-scripture-accent{
  display:block;
  width:48px;
  height:3px;
  margin:0 auto 13px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),var(--red),var(--tricolor-blue));
}
.dmx.marketing-v4 .foot-scripture blockquote{
  margin:0 auto;
  max-width:820px;
  color:#B8C7D8;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(.83rem,1.4vw,.96rem);
  font-style:italic;
  line-height:1.65;
}
.dmx.marketing-v4 .foot-scripture cite{
  display:block;
  margin-top:7px;
  color:#F3C24F;
  font-family:'Space Mono',monospace;
  font-size:.61rem;
  font-style:normal;
  letter-spacing:.10em;
  text-transform:uppercase;
}

@media (max-width:980px){
  .dmx.marketing-v4 .hero .grid{
    grid-template-columns:1fr;
  }
  .dmx.marketing-v4 .heromock{
    max-width:650px;
    width:100%;
    margin:0 auto;
  }
  .dmx.marketing-v4 .founder-story{
    grid-template-columns:190px minmax(0,1fr);
    gap:24px;
  }
  .dmx.marketing-v4 .founder-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:640px){
  .dmx.marketing-v4 .heromock{
    min-height:auto!important;
  }
  .dmx.marketing-v4 .hero .grid{
    gap:30px;
  }
  .dmx.marketing-v4 .mockmain{
    padding:13px;
  }
  .dmx.marketing-v4 .founder-story{
    grid-template-columns:1fr;
    gap:20px;
    padding:20px;
  }
  .dmx.marketing-v4 .founder-photo-wrap{
    width:min(100%,250px);
    margin:0 auto;
  }
  .dmx.marketing-v4 .founder-content h3{
    font-size:1.55rem;
  }
  .dmx.marketing-v4 .founder-content>p{
    font-size:.88rem;
  }
  .dmx.marketing-v4 .founder-facts{
    grid-template-columns:1fr 1fr;
  }
  .dmx.marketing-v4 .foot-main{
    align-items:flex-start;
  }
  .dmx.marketing-v4 .foot-scripture{
    padding-left:0;
    padding-right:0;
  }
}

@media (max-width:420px){
  .dmx.marketing-v4 .founder-facts{
    grid-template-columns:1fr;
  }
  .dmx.marketing-v4 .founder-facts span{
    min-height:auto;
  }
}

/* ============================================================
   REVISÃO FINAL — telas reais + refinamento de espaçamento mobile
   ============================================================ */
.dmx{
  --page-pad:24px;
}
.dmx .wrap{
  padding-left:var(--page-pad)!important;
  padding-right:var(--page-pad)!important;
}

.dmx .hero-copy,
.dmx .workflow-copy{
  min-width:0;
}

.dmx .real-screen-card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(6,17,33,.7);
  box-shadow:0 34px 78px -34px rgba(0,0,0,.88);
}
.dmx .real-screen-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:64px;
  background:linear-gradient(180deg,rgba(6,17,33,0) 0%, rgba(6,17,33,.35) 65%, rgba(6,17,33,.68) 100%);
  pointer-events:none;
}
.dmx .real-screen-card img{
  width:100%;
  display:block;
}
.dmx .screen-badge{
  position:absolute;
  left:16px;
  top:16px;
  z-index:2;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(8,27,52,.82);
  color:#fff;
  border:1px solid rgba(255,255,255,.15);
  font-family:'Space Mono',monospace;
  font-size:.62rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  box-shadow:0 16px 30px -22px rgba(0,0,0,.9);
}
.dmx .screen-caption{
  margin-top:14px;
  color:#AFC1D5;
  font-size:.9rem;
  max-width:54ch;
}
.dmx .hero-real-screen img{
  aspect-ratio:16/11;
  object-fit:cover;
  object-position:left top;
}
.dmx .execution-real-screen img{
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:left center;
}

.dmx .workflow-visual{
  position:relative;
  overflow:hidden;
}
.dmx .workflow-grid{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:clamp(28px,4vw,54px);
  align-items:center;
}
.dmx .workflow-copy h2{
  margin-top:12px;
  font-size:clamp(1.9rem,3.6vw,2.8rem);
  color:var(--blue-deep);
}
.dmx .workflow-copy>p{
  margin-top:16px;
  color:#526278;
  max-width:58ch;
}
.dmx .workflow-points{
  display:grid;
  gap:12px;
  margin-top:24px;
}
.dmx .workflow-points div{
  padding:16px 18px;
  border-radius:16px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 18px 42px -32px rgba(13,20,38,.28);
}
.dmx .workflow-points b{
  display:block;
  color:var(--blue-deep);
  font-family:'Space Grotesk',sans-serif;
  font-size:1.02rem;
}
.dmx .workflow-points span{
  display:block;
  margin-top:5px;
  color:#5C6A7D;
  font-size:.92rem;
}

@media (max-width:980px){
  .dmx .workflow-grid{
    grid-template-columns:1fr;
  }
  .dmx .workflow-screen{
    order:2;
  }
  .dmx .workflow-copy{
    order:1;
  }
  .dmx .hero-real-screen img,
  .dmx .execution-real-screen img{
    object-position:left top;
  }
}

@media (max-width:640px){
  .dmx{
    --page-pad:18px;
  }
  .dmx .hero .grid{
    gap:24px!important;
  }
  .dmx .hero .ctas{
    gap:10px;
  }
  .dmx .hero .ctas .btn{
    width:100%;
    justify-content:center;
  }
  .dmx .screen-badge{
    left:12px;
    top:12px;
    padding:6px 9px;
    font-size:.56rem;
  }
  .dmx .screen-caption{
    font-size:.84rem;
  }
  .dmx .real-screen-card{
    border-radius:18px;
  }
  .dmx .workflow-copy h2{
    font-size:1.95rem;
  }
  .dmx .workflow-points div{
    padding:14px 15px;
  }
  .dmx .foot .meta{
    gap:10px;
  }
}

@media (max-width:420px){
  .dmx{
    --page-pad:16px;
  }
  .dmx .hero h1{
    font-size:clamp(2rem,10vw,2.8rem)!important;
  }
  .dmx .hero .lead{
    font-size:1rem;
  }
}