:root{  --bg:#0b1220;  --surface:#0f1a2e;  --text:#e8eefc;  --muted:#b8c6e6;  --accent:#5dd6c3;  --accent2:#7aa7ff;  --border: rgba(255,255,255,.10);  --shadow: 0 12px 40px rgba(0,0,0,.45);  --radius: 18px;  --max: 1120px;  --header-h: 128px;
}  *{box-sizing:border-box}
html,body{height:100%}
html{scroll-padding-top: 140px;}
body{  margin:0;  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";  background: radial-gradient(1200px 600px at 20% 0%, rgba(122,167,255,.22), transparent 60%),  radial-gradient(1000px 500px at 85% 15%, rgba(93,214,195,.20), transparent 55%),  linear-gradient(180deg, var(--bg), #070b14 55%, #060912);  color:var(--text);  line-height:1.5;
}  a{color:inherit; text-decoration:none}
a:hover{color:var(--accent)}
small{color:var(--muted)}
p{color:var(--muted); margin:0 0 14px}
h1,h2,h3{margin:0 0 10px; letter-spacing:-0.02em}
h1{font-size: clamp(34px, 4.6vw, 56px); line-height:1.05}
h2{font-size: clamp(22px, 2.6vw, 34px)}
h3{font-size: 18px}  .container{max-width:var(--max); margin:0 auto; padding: 0 20px}
main{padding: 36px 0 70px; margin-top: 0;}
.section{padding: 18px 0}  header.site-header{
  position: sticky;  top:0; left:0; right:0;  z-index: 50;  height: var(--header-h);  backdrop-filter: blur(16px);  background: rgba(11,18,32,.62);  border-bottom: 1px solid var(--border);
}  .header-inner{  height: 100%;  display:flex;  align-items:center;  justify-content:space-between;  gap: 16px;
}  .brand{  display:flex;  align-items:center;  gap: 12px;  min-width: 280px;
}  .brand img{  width: 250px;  height: auto;  display:block;  filter: drop-shadow(0 10px 25px rgba(0,0,0,.35));
}  nav.primary{  display:flex;  align-items:center;  gap: 18px;  flex-wrap: wrap;  justify-content:flex-end;
}  nav.primary a{  padding: 10px 12px;  border-radius: 12px;  color: var(--muted);  font-weight: 600;  font-size: 14px;  letter-spacing: .01em;  border: 1px solid transparent;
}  nav.primary a[aria-current="page"]{  color: var(--text);  border-color: rgba(122,167,255,.35);  background: rgba(122,167,255,.10);
}  nav.primary a:hover{  border-color: rgba(93,214,195,.35);  background: rgba(93,214,195,.08);  color: var(--text);
}  .lang-switch{  display:flex;  gap:10px;  align-items:center;
}
.lang-btn{  border: 1px solid rgba(255,255,255,.14);  background: rgba(255,255,255,.06);  color: var(--text);  padding: 8px 10px;  border-radius: 12px;  cursor:pointer;  font-weight:700;  font-size: 12px;
}
.lang-btn[aria-pressed="true"]{  border-color: rgba(93,214,195,.55);  background: rgba(93,214,195,.12);
}  .hero{  position: relative;  border: 1px solid var(--border);  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));  border-radius: var(--radius);  padding: 34px 28px;  box-shadow: var(--shadow);  overflow:hidden;
}
.hero::after{  content:"";  position:absolute;  inset:-2px;  background: radial-gradient(800px 220px at 20% 10%, rgba(93,214,195,.25), transparent 60%),  radial-gradient(900px 260px at 80% 0%, rgba(122,167,255,.22), transparent 60%);  pointer-events:none;  opacity:.9;
}
.hero > *{position:relative; z-index:1}  .hero-top{  display:grid;  grid-template-columns: 1.2fr .8fr;  gap: 20px;  align-items: end;
}
.badges{  display:flex;  flex-wrap:wrap;  gap: 10px;  margin-top: 14px;
}
.badge{  display:inline-flex;  gap:8px;  align-items:center;  padding: 8px 10px;  border-radius: 999px;  background: rgba(0,0,0,.20);  border: 1px solid rgba(255,255,255,.12);  color: var(--text);  font-weight: 700;  font-size: 12px;
}
.badge .dot{  width: 9px; height: 9px;  border-radius: 99px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(93,214,195,.18);
}  .card-grid{  display:grid;  grid-template-columns: repeat(3, 1fr);  gap: 14px;  margin-top: 18px;
}
.card{  border: 1px solid var(--border);  background: rgba(255,255,255,.04);  border-radius: 16px;  padding: 16px;
}
.card p{margin: 0}
.card h3{margin-bottom: 6px}
.card .kpi{  font-size: 13px;  color: var(--muted);
}  .hr{  height:1px; background: var(--border);  margin: 22px 0;
}  .list{  display:grid;  gap:10px;
}
.list-item{  border:1px solid var(--border);  background: rgba(255,255,255,.03);  border-radius: 14px;  padding: 14px 14px;
}  .footer{  border-top: 1px solid var(--border);  padding: 26px 0 40px;  color: var(--muted);  font-size: 13px;
}  .two-col{  display:grid;  grid-template-columns: 1fr 1fr;  gap: 16px;  align-items:start;
}
.callout{  border: 1px solid rgba(93,214,195,.25);  background: rgba(93,214,195,.06);  border-radius: 16px;  padding: 16px;
}
.callout strong{color: var(--text)}
form{  display:grid;  gap: 10px;  margin-top: 12px;
}
input, textarea{  width:100%;  border: 1px solid rgba(255,255,255,.14);  background: rgba(0,0,0,.18);  color: var(--text);  border-radius: 14px;  padding: 12px 12px;  font: inherit;
}
textarea{min-height: 140px; resize: vertical}
button.primary{  border: 1px solid rgba(122,167,255,.50);  background: rgba(122,167,255,.16);  color: var(--text);  padding: 12px 14px;  border-radius: 14px;  cursor:pointer;  font-weight: 800;
}
button.primary:hover{  border-color: rgba(93,214,195,.55);  background: rgba(93,214,195,.16);
}  @media (max-width: 980px){  :root{ --header-h: 148px; }  .hero-top{grid-template-columns: 1fr; }  .card-grid{grid-template-columns: 1fr; }  .two-col{grid-template-columns: 1fr; }  nav.primary{gap: 10px;}  .brand{min-width: 200px;}  .brand img{width: 220px;}
}
@media (max-width: 560px){  :root{ --header-h: 156px; }  nav.primary a{padding: 8px 10px;}  .brand img{width: 200px;}
}

.icon{
width:18px;
height:18px;
margin-right:8px;
vertical-align:middle;
color:#2aa198;
}

.list-item svg{
margin-right:8px;
}


/* Separadores tipo consultora */
.consultora-block{
margin:50px 0;
padding-top:30px;
border-top:1px solid rgba(0,0,0,0.08);
}

.consultora-title{
font-size:20px;
font-weight:600;
letter-spacing:0.04em;
text-transform:uppercase;
margin-bottom:18px;
color:#2c2c2c;
}

.consultora-sub{
font-size:15px;
line-height:1.6;
color:#555;
margin-bottom:20px;
}