:root{--bg:#f6fbf8;--bg2:#eef8f2;--surface:#ffffff;--text:#0f172a;--muted:#475569;--primary:#10b981;--primary2:#22c55e;--accent:#60a5fa;--warn:#f59e0b;--ring:rgba(16,185,129,.35);--shadow:0 18px 45px rgba(2,6,23,.10);--shadow2:0 10px 30px rgba(2,6,23,.08);--radius:22px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);
background:radial-gradient(1200px 700px at 15% 10%, rgba(34,197,94,.18), transparent 60%),
radial-gradient(1000px 600px at 85% 0%, rgba(96,165,250,.16), transparent 55%),
linear-gradient(180deg,var(--bg),var(--bg2))}
a{color:inherit;text-decoration:none}
.container{width:min(1160px,calc(100% - 48px));margin:0 auto}
.section{padding:88px 0;position:relative}
.section.tight{padding:64px 0}
.kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.20);color:#065f46;font-weight:650;letter-spacing:.2px}
h1{font-size:clamp(34px,3.2vw,54px);line-height:1.05;margin:14px 0 16px}
h2{font-size:clamp(28px,2.4vw,40px);line-height:1.12;margin:0 0 14px}
h3{font-size:20px;margin:0 0 10px}
p{color:var(--muted);line-height:1.6;margin:0 0 14px}
.small{font-size:14px;color:#64748b}
.lead{font-size:18px;color:#334155}

.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(246,251,248,.66);border-bottom:1px solid rgba(15,23,42,.06)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:linear-gradient(180deg, rgba(11,18,32,.92), rgba(11,18,32,.82));border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 28px rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.brand img{height:34px;width:auto;display:block;opacity:1!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}
.brand span{font-weight:800;letter-spacing:.2px;color:#fff!important}
.nav-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.nav-links a{font-size:14px;color:#0f172a;opacity:.82;padding:10px 10px;border-radius:12px}
.nav-links a:hover{background:rgba(16,185,129,.10);opacity:1}
.menu-btn{display:none;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.62);border-radius:14px;padding:10px 12px}
.mobile{display:none;border-top:1px solid rgba(15,23,42,.06);padding:10px 0 16px}
.mobile a{display:block;padding:12px 10px;border-radius:12px;color:#0f172a;opacity:.9}
.mobile a:hover{background:rgba(16,185,129,.10)}
.mobile.show{display:block}

.hero{padding:64px 0 20px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}
.hero-card{border-radius:var(--radius);background:rgba(255,255,255,.70);border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow);padding:26px;position:relative;overflow:hidden}
.hero-card:before{content:"";position:absolute;inset:0;background-image:url("../img/v3/hero.svg");background-size:cover;background-position:center;opacity:.75;pointer-events:none}
.hero-card>*{position:relative;z-index:1}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.chip{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.08);font-size:13px;color:#0f172a}
.chip strong{color:#065f46}
.hero-note{display:flex;gap:12px;align-items:flex-start;margin-top:14px}
.dot{width:10px;height:10px;border-radius:999px;margin-top:6px;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 0 0 5px rgba(16,185,129,.16)}
.hero-aside{border-radius:var(--radius);background:rgba(255,255,255,.55);border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow2);overflow:hidden}
.hero-aside .media{height:360px;background:url("../img/v3/services.svg") center/cover no-repeat}
.hero-aside .aside-body{padding:18px 18px 20px}
.aside-body ul{margin:0;padding-left:18px;color:#334155}
.aside-body li{margin:8px 0}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.grid-2,.grid-3{grid-template-columns:1fr}.nav-links{display:none}.menu-btn{display:inline-flex}}

.card{background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.08);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow2)}
.card.soft{background:rgba(255,255,255,.58)}
.icon{width:44px;height:44px;border-radius:14px;display:inline-grid;place-items:center;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.20);margin-bottom:12px}
.icon svg{width:22px;height:22px;stroke:#065f46}
.list{margin:12px 0 0;padding-left:18px;color:#334155}
.list li{margin:8px 0;line-height:1.4}

.band{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.55);box-shadow:var(--shadow2)}
.band .img{height:380px;background:url("../img/v3/about.svg") center/cover no-repeat}
.band .content{padding:26px}
.quote{margin-top:18px;padding:16px 18px;border-left:4px solid rgba(16,185,129,.65);background:rgba(16,185,129,.08);border-radius:14px;color:#0f172a;font-weight:650}

.dark{color:#e5e7eb;background:radial-gradient(1200px 700px at 20% 10%, rgba(16,185,129,.22), transparent 60%),
radial-gradient(900px 520px at 85% 0%, rgba(96,165,250,.18), transparent 55%),
linear-gradient(180deg,#07140f,#0b1b14)}
.dark p{color:rgba(229,231,235,.78)}
.dark .card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);box-shadow:none}
.dark .section-bg{position:absolute;inset:0;background:url("../img/v3/process.svg") center/cover no-repeat;opacity:.55;pointer-events:none}
.timeline{display:grid;gap:14px;margin-top:12px}
.step{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.step .n{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.30);font-weight:800}
.step h3{margin:0 0 4px;color:#fff}
.step p{margin:0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:18px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.72);color:#0f172a;font-weight:800;transition:transform .15s ease}
.btn.primary{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:rgba(255,255,255,.20);color:#06130f;box-shadow:0 20px 50px rgba(16,185,129,.22)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.cta{display:flex;align-items:center;justify-content:space-between;gap:16px}
@media (max-width:980px){.cta{flex-direction:column;align-items:flex-start}}

.trust-media{height:320px;border-radius:var(--radius);border:1px solid rgba(15,23,42,.08);background:url("../img/v3/trust.svg") center/cover no-repeat;box-shadow:var(--shadow2)}
.form-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
@media (max-width:980px){.form-wrap{grid-template-columns:1fr}}

.input,textarea{width:100%;padding:14px 14px;border-radius:16px;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.72);outline:none;font-size:15px}
textarea{min-height:140px;resize:vertical}
.input:focus,textarea:focus{box-shadow:0 0 0 6px var(--ring);border-color:rgba(16,185,129,.35)}
.contact-band{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.10);position:relative}
.contact-band:before{content:"";position:absolute;inset:0;background:url("../img/v3/contact.svg") center/cover no-repeat;opacity:.55}
.contact-band>*{position:relative;z-index:1}
.footer{padding:22px 0 30px;border-top:1px solid rgba(255,255,255,.10);color:rgba(229,231,235,.75)}

/* === Ajustes: Quem somos com efeito de circuito (igual ao HERO) === */
.who{ position: relative; overflow: hidden; }
.who .who-bg{
  position: absolute;
  inset: 0;
  background-image: url("../img/v3/hero.svg");
  background-size: cover;
  background-position: center;
  opacity: .18;
  filter: saturate(1.05);
  pointer-events: none;
}
.who .who-content{ position: relative; z-index: 1; }

/* Mantém o texto legível sobre o fundo */
.who .who-content .card,
.who .who-content .quote{
  backdrop-filter: blur(2px);
}



/* --- Ajustes solicitados (hero, quem-somos, diferenciais) --- */

/* Hero: título em uma linha (desktop) e menor */
.hero-card h1{
  font-size: clamp(30px, 2.6vw, 44px);
  letter-spacing: -0.02em;
}
@media (min-width: 1024px){
  .hero-card h1{ white-space: nowrap; }
}

/* Quem somos: circuito visível ao fundo e conteúdo por cima */
.who{
  position: relative;
  overflow: hidden;
}
.who::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: url("../img/v3/hero.svg");
  background-size: cover;
  background-position: center;
  opacity: .35;            /* mais visível */
  pointer-events:none;
}
.who > *{ position: relative; z-index: 1; }

/* Deixa o card levemente translúcido para mostrar o circuito */
.who .card{
  background: rgba(255,255,255,.74);
  backdrop-filter: blur(6px);
}

/* Diferenciais: cards com altura do conteúdo (sem “vazio”) */
.grid-3{
  align-items: start;
}
.grid-3 .card{
  height: auto;
  min-height: unset;
}