#ag .lean-profiles{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:28px;padding-bottom:28px;border-bottom:1px solid #dfdfd5;font-size:14px}#ag .lean-profiles p{width:100%;color:#777}#ag .lean-profiles span{font-weight:500}
#ag .lean-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:44px}#ag .lean-steps article{border-top:1px solid #8885;padding-top:24px}#ag .lean-steps span{color:#aa7d12;font-size:14px}#ag .lean-steps h3{font-size:28px;margin:20px 0 12px}#ag .lean-steps p{max-width:32ch;color:#777}
#ag .lean-platform{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}#ag .lean-platform ul{padding-left:20px;margin:28px 0;line-height:2}#ag .lean-platform figure{min-width:0;margin:0}#ag .lean-platform img{width:100%;height:auto;display:block;border:1px solid #8884;border-radius:16px}#ag .lean-platform figcaption{font-size:12px;color:#777;margin-top:12px}
#ag .lean-assumptions{margin-top:20px;color:#aaa59a;font-size:14px}#ag .lean-assumptions summary{cursor:pointer;padding:12px 0}#ag .lean-assumptions p{max-width:85ch;padding:8px 0;line-height:1.7}
#ag #cobertura .cob{padding-top:48px;padding-bottom:64px}#ag #cobertura h2{font-size:clamp(28px,3vw,40px)}#ag #cobertura #brasilMap{max-width:290px}#ag .section{padding-top:72px;padding-bottom:72px}
@media(max-width:760px){#ag .lean-steps,#ag .lean-platform{grid-template-columns:1fr;gap:28px}#ag .section{padding-top:48px;padding-bottom:48px}#ag .lean-profiles{gap:12px 20px}#ag .lean-steps p{max-width:none}}
@media(max-width:760px){#ag .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}#ag .tabs button{white-space:normal;min-width:0;padding:12px 4px;font-size:13px;line-height:1.4;min-height:60px}#sunara-wa-root{bottom:calc(88px + env(safe-area-inset-bottom))!important}}
#ag .google-official{display:flex;align-items:center;justify-content:center;gap:10px;background:white;color:#191a16;padding:12px;border:1px solid #d7d5cf;border-radius:8px;min-height:48px;font-size:14px}#ag .google-official[hidden],#ag .google-official-note[hidden],#ag .g-wrap:empty{display:none}#ag .google-official-note{font-size:12px;line-height:1.5;margin:8px 0;color:#999}
#ag #cobertura .w.cob{padding-left:24px;padding-right:24px}
@media(max-width:760px){#ag #cobertura .cob .duo2{grid-template-columns:minmax(0,1fr);gap:28px}#ag #cobertura #brasilMap{width:100%;max-width:260px}}
/* Mobile solutions: preserve the full landscape scene and separate the copy. */
@media(max-width:760px){
#ag .solutions .solution-panel{display:flex;flex-direction:column;height:auto;min-height:0;padding:0;gap:0;background:#151610;border:1px solid #ffffff18;border-radius:12px;overflow:hidden}
#ag .solutions .solution-panel>img{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;filter:none;flex:none}
#ag .solutions .solution-shade{display:none}
#ag .solutions .solution-content{position:relative;inset:auto;width:100%;padding:24px 20px;display:flex;gap:0}
#ag .solutions .solution-content h3{font-size:clamp(27px,7vw,34px);line-height:1.12;margin:22px 0 16px}
#ag .solutions .solution-content p{margin:0 0 24px;font-size:16px;max-width:none;color:#d5d5ce}
#ag .solutions .solution-content .pill{font-size:10px;letter-spacing:.06em;padding:7px 10px;max-width:100%;white-space:normal}
#ag .solutions .solution-content .button{width:100%;max-width:none;min-height:52px;margin:0}
#ag .solutions .solution-note{display:none}
}
@media(max-width:760px){
#ag .sunara-copy:after{display:none}
#ag .sunara-copy .sunara-photo{position:relative;display:block;order:initial;inset:auto;z-index:0;width:calc(100% + 40px);height:350px;margin:16px -20px 0;opacity:1;overflow:hidden}
#ag .sunara-copy .sunara-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#ag .sunara-copy .sunara-photo .energy-arcs{display:block!important;position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:1}
}
/* One continuous energy field, shared by copy and portrait. */
.mobile-energy-top{display:none}
@media(max-width:760px){
#ag .sunara-copy{position:relative;isolation:isolate;background:radial-gradient(ellipse at 58% 85%,#89561338 0,transparent 65%)}
#ag .mobile-energy-top{display:block;position:absolute;left:-20px;top:0;width:calc(100% + 40px);height:100%;z-index:1;pointer-events:none}
#ag .sunara-copy>h1,#ag .sunara-copy>p,#ag .sunara-copy>a{position:relative;z-index:2}
#ag .sunara-copy .sunara-photo{mask-image:linear-gradient(to bottom,transparent,#000 90px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 90px)}
#ag .sunara-copy .sunara-photo .energy-arcs{display:none!important}
}
@media(prefers-reduced-motion:reduce){#ag .mobile-energy-top circle{display:none}}

/* Compact mobile composition: portrait joins the headline. */
@media(max-width:760px){
#ag .sunara-hero-inner{padding-top:24px}
#ag .sunara-copy{display:flex;flex-direction:column;background:radial-gradient(ellipse at 58% 68%,#89561345,transparent 62%)}
#ag .sunara-copy .eyebrow{margin:0 0 14px;font-size:11px}
#ag .sunara-copy h1{font-size:clamp(34px,8.5vw,48px);line-height:1.06;letter-spacing:-.045em;margin:0 0 16px;max-width:12ch}
#ag .sunara-copy>p:not(.eyebrow){font-size:15px;line-height:1.5;margin:0;max-width:36ch}
#ag .sunara-copy .sunara-photo{height:330px;margin:-12px -20px 0;order:3;mask-image:linear-gradient(to bottom,transparent,#000 58px,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 58px,#000 88%,transparent)}
#ag .sunara-copy .hero-discover{order:4;padding:4px 0 18px;font-size:14px;align-self:flex-start}
#ag .mobile-energy-top{opacity:.6;mask-image:linear-gradient(transparent 8%,#000 42%);-webkit-mask-image:linear-gradient(transparent 8%,#000 42%)}
#ag .mobile-energy-top>g>path:nth-child(n+3),#ag .mobile-energy-top>g>circle:nth-child(n+5){display:none}
}

/* ── FAIXA BRANCA NO TOPO ───────────────────────────────────────────────────
   `#ag` reserva 78px para a barra de navegação, que é `fixed`. Só que o fundo
   do `#ag` é BRANCO e a barra é translúcida (`rgba(11,10,8,.85)`) — então esses
   78px apareciam como uma faixa clara atrás do menu, antes do hero começar.

   A correção move o espaço para DENTRO do hero, que já é escuro: o mesmo
   respiro, pintado da cor certa. A foto e os arcos do hero são `inset:0`, então
   passam a subir até o topo e correr por trás do menu — que é o comportamento
   normal de um hero com barra sobreposta. */
#ag { padding-top: 0; }
#ag .sunara-hero { padding-top: 78px; }
/* Faixa "Alguma dúvida? Te ajudamos!" (11/set) — referência: cresol.com.br.
   Faixa colorida de ponta a ponta, atendente ancorada no chão da faixa e
   saindo pela borda de cima, título em duas linhas (leve + negrito), botão
   pílula. O <a data-wa="agente"> recebe o link com ?ref= via sunara-wa.js;
   o href estático é o texto sem indicação, para quem chega sem JS. */
#ag .ajuda{position:relative;margin-top:104px;background:linear-gradient(100deg,#b3841a 0%,#cda233 50%,#dcb865 100%);color:#14140f}
#ag .ajuda-grid{display:grid;grid-template-columns:minmax(0,400px) 1fr;gap:56px;align-items:end}
#ag .ajuda-figura{position:relative;margin:0;height:336px}
#ag .ajuda-figura img{position:absolute;left:0;bottom:0;height:432px;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(20,20,15,.22))}
#ag .ajuda-copy{align-self:center;padding:56px 0}
#ag .ajuda h2{font-size:clamp(32px,3.6vw,48px);font-weight:400;letter-spacing:-.03em;line-height:1.08}
#ag .ajuda h2 strong{font-weight:700}
#ag .ajuda p{margin:18px 0 28px;max-width:40ch;color:rgba(20,20,15,.8)}
#ag .ajuda .button{gap:18px;background:#14140f;color:#fff;border-radius:999px;padding:15px 22px 15px 26px}
#ag .ajuda .button:hover{background:#2b2b23}
#ag .ajuda+.signup-section{border-top:0}
@media(max-width:760px){#ag .ajuda{margin-top:88px}#ag .ajuda-grid{grid-template-columns:1fr;gap:0}#ag .ajuda-figura{height:176px;width:100%}#ag .ajuda-figura img{left:50%;transform:translateX(-50%);height:272px}#ag .ajuda-copy{padding:20px 0 44px;text-align:center}#ag .ajuda p{margin-left:auto;margin-right:auto}}