/* Landing page DMG — hierarchy, authority and conversion without visual excess. */
html body .hero-grid{
  min-height:min(720px,calc(100vh - 86px)) !important;
  grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr) !important;
}

html body .hero-main{
  padding:clamp(54px,7vh,82px) clamp(34px,4vw,66px) clamp(54px,7vh,82px) 0 !important;
}

html body .hero-main .eyebrow{
  color:#e0b85f !important;
  font-size:clamp(.78rem,.9vw,.9rem) !important;
  letter-spacing:.16em !important;
  margin-bottom:18px !important;
}

html body .hero-main h1{
  max-width:740px !important;
  font-size:clamp(3rem,5vw,5.35rem) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
}

html body .hero-main .hero-intro{
  max-width:650px !important;
  margin-top:24px !important;
  color:#d2d1cc !important;
  font-size:clamp(1rem,1.2vw,1.12rem) !important;
  font-weight:500 !important;
  line-height:1.6 !important;
}

html body .hero-actions{
  width:min(100%,590px) !important;
  margin-top:30px !important;
  gap:14px !important;
}

html body .hero-actions .button{
  min-height:56px !important;
  border-radius:0 !important;
  font-size:.94rem !important;
}

html body .hero-actions .button-whatsapp{
  background:#d4ad5c !important;
  border-color:#d4ad5c !important;
  color:#11110f !important;
}

html body .hero-actions .button-secondary{
  background:transparent !important;
  border-color:rgba(241,238,230,.55) !important;
  color:#f1eee6 !important;
}

html body .hero-actions .button-whatsapp:hover,
html body .hero-actions .button-whatsapp:focus-visible{
  background:#efd083 !important;
  border-color:#efd083 !important;
}

html body .hero-actions .button-secondary:hover,
html body .hero-actions .button-secondary:focus-visible{
  background:#f1eee6 !important;
  border-color:#f1eee6 !important;
  color:#11110f !important;
}

.hero-note{
  margin:14px 0 0;
  color:#8f9493;
  font-size:.78rem;
  line-height:1.5;
}

html body .hero-aside{
  justify-content:center !important;
  gap:28px !important;
  padding:48px clamp(22px,3vw,44px) !important;
  background:rgba(255,255,255,.018);
}

html body .hero-aside .aside-label{
  margin-bottom:16px !important;
  font-size:.75rem !important;
  letter-spacing:.18em !important;
}

html body .hero-aside .aside-statement{
  max-width:22ch !important;
  font-size:clamp(1.55rem,2.25vw,2.4rem) !important;
  line-height:1.14 !important;
}

.team-credentials{
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid rgba(255,255,255,.16);
}

.team-credentials li{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
  text-align:left;
}

.team-initial{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(212,173,92,.4);
  border-radius:50%;
  color:#d4ad5c;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.04em;
}

.team-person{display:grid;gap:3px;min-width:0}

.team-person strong{
  color:#f1eee6;
  font:600 .92rem/1.25 Arial,Helvetica,sans-serif;
}

.team-person small{
  color:#d4ad5c;
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.08em;
  white-space:nowrap;
}

.remote-service{
  width:100%;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(212,173,92,.5);
  background:rgba(212,173,92,.1);
}

.remote-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  background:#d4ad5c;
  color:#11110f;
}

.remote-icon svg{width:22px;height:22px}
.remote-copy{display:grid;gap:2px;min-width:0}
.remote-copy>small{
  color:#d4ad5c;
  font-size:.61rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.remote-copy>strong{color:#fff;font-size:.95rem;line-height:1.25}
.remote-copy>span{color:#b9bcb8;font-size:.72rem;line-height:1.4}

.aside-footnote{
  width:100%;
  margin:0;
  color:#989d9c;
  font-size:.78rem;
  line-height:1.55;
  text-align:left;
}

html body .trust-strip{
  padding:17px 24px !important;
  gap:clamp(14px,2vw,28px) !important;
}

html body .trust-strip span{
  font-size:.72rem !important;
  letter-spacing:.1em !important;
}

.faq-section{
  padding:clamp(48px,6vw,76px) 0;
  background:#e9e4d9;
  color:#171713;
}

.faq-grid{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  gap:clamp(42px,7vw,92px);
  align-items:start;
}

.faq-heading h2{
  margin:0;
  max-width:12ch;
  font:400 clamp(2.2rem,3.8vw,4rem)/1 Georgia,"Times New Roman",serif;
  letter-spacing:-.04em;
}

.faq-heading>p:last-child{
  max-width:34ch;
  margin:18px 0 0;
  color:#64645f;
}

.faq-list{border-top:1px solid rgba(20,20,20,.2)}

.faq-list details{border-bottom:1px solid rgba(20,20,20,.2)}

.faq-list summary{
  position:relative;
  padding:20px 42px 20px 0;
  color:#1b1b18;
  font-weight:700;
  cursor:pointer;
  list-style:none;
}

.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:4px;top:17px;color:#8f6827;font:400 1.5rem/1 Georgia,serif}
.faq-list details[open] summary::after{content:"−"}
.faq-list details p{max-width:68ch;margin:-4px 42px 20px 0;color:#5e5e59;line-height:1.65}

html body #atuacao,
html body #contato{padding-block:clamp(44px,5vw,64px) !important}

html body #cliente .client-grid{padding-block:42px !important}

@media(max-width:820px){
  html body .hero-grid{min-height:0 !important;grid-template-columns:1fr !important}
  html body .hero-main{padding:52px 0 !important}
  html body .hero-main h1{font-size:clamp(2.75rem,10.8vw,4.5rem) !important}
  html body .hero-aside{padding:38px 0 44px !important;background:transparent}
  .faq-grid{grid-template-columns:1fr;gap:30px}
  .faq-heading h2{max-width:none}
}

@media(max-width:560px){
  html body .hero-actions{grid-template-columns:1fr !important}
  .team-credentials li{grid-template-columns:34px minmax(0,1fr);gap:12px;text-align:left}
  .team-person strong{font-size:.95rem}
  .remote-service{padding:13px}
  html body .trust-strip{grid-template-columns:1fr 1fr !important;justify-items:center !important}
  html body .trust-strip i{display:none !important}
  html body .trust-strip span{display:block !important;text-align:center}
  .faq-list summary{padding-block:18px}
}

@media(prefers-reduced-motion:reduce){
  .faq-list summary{scroll-behavior:auto}
}
