@font-face{font-family:Manrope;src:url('fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#342142;--muted:#655571;--bg:#f7f5f8;--card:#fdfcfe;--line:#ddd6e2;--accent:#a85d1f;--tom-900:#342142;--tom-700:#5f4076;--tom-500:#6f4c88;--tom-300:#d6c0e5;--tom-100:#efebf2;--ok:#6f4c88}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-color:#a791b6 var(--bg)}
body{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
::selection{background:#d7c6e3;color:#342142}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
img,svg{max-width:100%}a{color:var(--tom-700);text-underline-offset:4px}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 48px}
.skip-link{position:fixed;top:8px;left:16px;z-index:100;padding:12px;background:var(--ink);color:white;transform:translateY(-180%)}.skip-link:focus{transform:none}
nav{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line);z-index:10}
.navrow{display:flex;align-items:center;gap:28px;min-height:88px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:28px;letter-spacing:-.04em;color:var(--ink);text-decoration:none;flex-shrink:0}
.brand svg{width:30px;height:38px}
.navlinks{display:flex;gap:20px;margin-left:auto;align-items:center}
.navlinks a{font-size:12px;font-weight:650;text-decoration:none;color:var(--ink);white-space:nowrap}
.navlinks a:hover{text-decoration:underline}
.lang{display:flex;gap:2px;flex-shrink:0}
.lang button{border:0;background:transparent;border-radius:4px;padding:8px 6px;font-size:11px;font-weight:750;cursor:pointer;color:var(--muted);min-height:36px}
.lang button.on{background:var(--ink);color:#fdfcfe}
.cta,.cta2{display:inline-flex;align-items:center;justify-content:center;gap:20px;max-width:100%;text-decoration:none;font-size:13px;font-weight:750;padding:15px 22px;border-radius:4px;transition:background .18s ease,color .18s ease}
.cta{background:var(--ink);color:#fdfcfe!important;border:1px solid var(--ink)}.cta:hover{background:var(--tom-500)}
.cta::after{content:'';width:16px;height:16px;background:currentColor;mask:url('arrow.svg') center/contain no-repeat;flex-shrink:0}
.cta2{border:1px solid #afa0ba;color:var(--ink);background:transparent}.cta2:hover{background:var(--tom-100)}
.navlinks .cta{padding:12px 15px;font-size:11px;gap:10px}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--ink);padding:8px 12px;cursor:pointer}
.hero{padding:80px 0 76px;border-bottom:1px solid var(--line)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:70px;align-items:center}
h1{font-weight:500;font-size:clamp(48px,5.6vw,78px);line-height:1.03;letter-spacing:-.025em;text-wrap:balance}
.hero p.sub{font-size:16px;line-height:1.8;color:var(--muted);margin:26px 0 30px;max-width:60ch;text-wrap:pretty}
.heroCtas{display:flex;gap:12px;flex-wrap:wrap}
.badge{display:block;margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;font-weight:650;color:var(--muted);max-width:60ch}
.mark{display:flex;align-items:center;justify-content:center;min-width:0}.mark img{width:210px;height:auto}
.evidence{width:100%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:0 0 22px}
.evidence ol{padding:0;list-style:none;counter-reset:steps}
.evidence li{counter-increment:steps;display:grid;grid-template-columns:35px 1fr;align-items:center;gap:14px;min-height:83px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:600;line-height:1.5}
.evidence li::before{content:'0' counter(steps);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--muted)}
.evidence li:last-child{border-bottom:0}
section{padding:88px 0}h2{font-size:clamp(36px,4vw,52px);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:18px;max-width:850px;text-wrap:balance}
.lead{color:var(--muted);max-width:70ch;margin-bottom:40px;font-size:16px;text-wrap:pretty}
h3{font-size:17px;line-height:1.45;text-wrap:balance}.grid3,.grid2{display:grid;gap:32px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{border-top:1px solid var(--line);padding:24px 0 0}.card h3{margin-bottom:12px}.card p{font-size:14px;color:var(--muted);line-height:1.85;text-wrap:pretty}
.alt{background:var(--tom-100)}
.num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:18px;border:1px solid #b9a9c5;border-radius:50%;font-size:12px;font-variant-numeric:tabular-nums}
#como .grid2{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}#como .card{border-top:0;padding-top:0}
#sistemas .grid2{column-gap:72px;row-gap:30px}
.dim{display:flex;gap:20px}.dim .sig{font-size:12px;line-height:26px;flex-shrink:0;color:var(--tom-700);font-weight:800}
.marcos{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:0 0 56px}.mk h3{font-size:12px;margin-bottom:20px;font-weight:750}.mk ul{list-style:none;padding:0;display:grid;gap:16px}.mk li{font-size:14px;color:var(--muted)}.mk b{color:var(--ink);font-size:15px;display:block}.mk a{text-decoration:none}.mk a:hover b{text-decoration:underline}
.chips{display:flex;gap:0;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.chip{padding:10px 24px 10px 0;margin-right:24px;font-size:14px;font-weight:650}
#entrega{padding-top:24px}.check{list-style:none;padding:0;max-width:76ch;display:grid;gap:0}.check li{position:relative;padding:20px 0 20px 32px;border-bottom:1px solid var(--line);font-size:14px;text-wrap:pretty}.check li::before{content:'';position:absolute;left:0;top:26px;width:14px;height:8px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
details{border-bottom:1px solid var(--line);padding:22px 0}details summary{cursor:pointer;font-size:15px;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:28px}details summary::-webkit-details-marker{display:none}details summary::after{content:'+';font-size:23px;line-height:1;font-weight:400}details[open] summary::after{content:'−'}details p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:18px;max-width:75ch}
.final{background:var(--ink);color:var(--bg);padding:66px;margin:12px 0 70px;display:grid;grid-template-columns:1fr auto;gap:16px 60px;align-items:center}.final h2{font-size:60px}.final p{grid-column:1;color:#dad0e1;max-width:58ch;font-size:15px}.final .cta{grid-column:2;grid-row:1/3;background:#eae0f1;color:var(--ink)!important;border-color:#eae0f1}
footer{border-top:1px solid var(--line);padding:32px 0 42px;font-size:12px;color:var(--muted)}footer b{color:var(--ink);font-size:22px;margin-right:12px}.disclaimer{max-width:95ch;margin-top:16px;font-size:11px;line-height:1.8}
/* Impacto: topo escuro centralizado com a metodologia em faixa horizontal. */
html[data-header='2'] nav,html[data-header='2'] .hero{background:#271a31;color:#f5f2f7;border-color:#513d5f}
html[data-header='2'] nav{--ink:#f5f2f7;--muted:#d3c7db;--line:#513d5f}
html[data-header='2'] nav .cta{background:#eae0f1;color:#271a31!important;border-color:#eae0f1}
html[data-header='2'] nav .lang button.on{color:#271a31}
html[data-header='2'] .hero{padding:68px 0 44px;--line:#513d5f;--muted:#d3c7db}
html[data-header='2'] .hero .wrap{display:flex;flex-direction:column;gap:46px;text-align:center}
html[data-header='2'] .hero h1{max-width:850px;font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(42px,5.2vw,70px);letter-spacing:-.04em;line-height:1.12}
html[data-header='2'] .hero p.sub{max-width:76ch;margin-left:auto;margin-right:auto}
html[data-header='2'] .heroCtas{justify-content:center}
html[data-header='2'] .hero .cta{background:#eae0f1;color:#271a31!important;border-color:#eae0f1}
html[data-header='2'] .hero .cta2{color:#f5f2f7;border-color:#7b668a}html[data-header='2'] .hero .cta2:hover{background:#3b2a47}
html[data-header='2'] .badge{margin:24px auto 0;border:0;padding:0}
html[data-header='2'] .mark{width:100%}html[data-header='2'] .evidence{border-color:#513d5f;padding:0;text-align:left}
html[data-header='2'] .evidence ol{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
html[data-header='2'] .evidence li{border-bottom:0;font-size:12px;grid-template-columns:24px 1fr}
@media(max-width:1150px){.wrap{padding:0 32px}.navrow{gap:18px}.navlinks{gap:12px}.navlinks a{font-size:11px}.hero .wrap{gap:40px}.navlinks .cta::after{display:none}}
@media(max-width:960px){.menu-toggle{display:block;margin-left:auto}.navrow{min-height:74px;flex-wrap:wrap;gap:0;padding-top:12px;padding-bottom:12px}.navlinks{display:none;width:100%;margin:14px 0 0;flex-wrap:wrap;padding:18px 0 8px;border-top:1px solid var(--line);gap:20px}.navlinks.is-open{display:flex}.navlinks a{font-size:14px}.navlinks .cta{font-size:12px}.hero{padding:54px 0}.hero .wrap{gap:40px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}h1{font-size:56px}.evidence li{font-size:12px}#como .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.final{padding:40px;grid-template-columns:1fr}.final h2{font-size:48px}.final .cta{grid-column:1;grid-row:auto;justify-self:start;margin-top:14px}.grid3{gap:24px}.navlinks .lg{display:inline}}
@media(max-width:700px){.wrap{padding:0 22px}.hero{padding:44px 0}.hero .wrap{grid-template-columns:1fr;gap:38px}h1{font-size:54px}.hero p.sub{font-size:15px;margin-top:22px}.hero .mark{justify-content:flex-start}.evidence li{min-height:58px;font-size:13px}.evidence{padding-bottom:14px}.heroCtas{gap:10px}.cta,.cta2{padding:13px 16px;font-size:12px}.badge{font-size:11px}.grid3,.grid2,#como .grid2{grid-template-columns:1fr}.grid3,.grid2{gap:26px}section{padding:56px 0}h2{font-size:39px}.lead{font-size:15px;margin-bottom:28px}.marcos{grid-template-columns:1fr;gap:32px}.final{padding:30px 24px;margin-bottom:42px}.final h2{font-size:44px}.chip{font-size:13px;margin-right:12px;padding-right:12px}.mark img{width:140px}html[data-header='2'] .hero{padding:44px 0 24px}html[data-header='2'] .hero .wrap{gap:30px}html[data-header='2'] .hero h1{font-size:42px}html[data-header='2'] .evidence ol{grid-template-columns:1fr 1fr;gap:0 18px}html[data-header='2'] .evidence li{padding:16px 0;grid-template-columns:20px 1fr;align-items:start}.brand{font-size:26px}details summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}