:root{--bg:#0e100e;--bg2:#151812;--bg3:#1b1f19;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);--txt:#eff1ea;--mut:#9ba396;--accent:#a5c184;--brand:#54703f;--brand2:#6b8b4f;--sec:#a56d4c;--sec2:#c98d6a}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--txt);font-family:Manrope,system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--accent);text-decoration:none}
a:hover{color:#b8cc9d}
img{max-width:100%;display:block}
::selection{background:var(--brand);color:#f4f7ee}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes riseSm{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideL{from{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:none}}
@keyframes slideR{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}
@keyframes zoomIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes growLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes glow{0%,100%{opacity:.55;transform:translate3d(0,0,0) scale(1)}50%{opacity:.9;transform:translate3d(0,-24px,0) scale(1.12)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(108,140,78,.45)}70%{box-shadow:0 0 0 16px rgba(108,140,78,0)}100%{box-shadow:0 0 0 0 rgba(108,140,78,0)}}
@keyframes scrollDot{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(18px);opacity:0}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001s !important;animation-delay:0s !important}html{scroll-behavior:auto}}

/* hover/focus extraídos dos atributos style-hover do export */
.h1:hover{color:var(--txt) !important;background:rgba(255,255,255,.06) !important}
.h2:hover{transform:translateY(-2px) !important;box-shadow:0 12px 28px -10px rgba(108,140,78,.7) !important;color:#f4f7ee !important}
.h3:hover{transform:translateY(-3px) !important;box-shadow:0 18px 40px -14px rgba(108,140,78,.75) !important;color:#f4f7ee !important}
.h4:hover{color:var(--accent) !important;border-color:var(--accent) !important}
.h5:hover{transform:translateY(-8px) !important;border-color:var(--accent) !important;background:var(--bg3) !important;color:var(--txt) !important}
.h6:hover{background:var(--accent) !important;color:#171a15 !important}
.h7:hover{transform:translateY(-3px) !important;box-shadow:0 18px 40px -16px rgba(23,26,21,.45) !important;color:#171a15 !important}
.h8:hover{transform:translateY(-8px) !important;border-color:var(--line2) !important}
.h9:hover{background:rgba(255,255,255,.07) !important;border-color:var(--accent) !important;color:var(--txt) !important}
.h10:hover{transform:translateY(-12px) !important}
.h11:hover{transform:translateY(-2px) !important;box-shadow:0 16px 34px -12px rgba(108,140,78,.8) !important;color:#f4f7ee !important}
.h12:hover{background:var(--brand) !important;color:#f4f7ee !important}
.h13:hover{transform:translateY(-6px) !important;border-color:var(--accent) !important}
.h14:hover{background:rgba(255,255,255,.07) !important;transform:translateY(-2px) !important;border-color:var(--sec2) !important;color:var(--txt) !important}
.h15:hover{border-color:var(--accent) !important;transform:translateX(4px) !important}
.h16:hover{transform:translateY(-3px) !important;box-shadow:0 16px 34px -12px rgba(108,140,78,.8) !important;color:#f4f7ee !important}
.h17:hover{border-color:var(--accent) !important;transform:translateY(-4px) !important}
.h18:hover{color:var(--accent) !important}
.h19:hover{transform:translateY(-3px) !important;box-shadow:0 18px 40px -14px rgba(108,140,78,.8) !important;color:#f4f7ee !important}
.h20:hover{border-color:var(--accent) !important;color:var(--accent) !important;transform:translateY(-3px) !important}
.h21:hover{transform:translateY(-3px) !important;box-shadow:0 22px 46px -16px rgba(37,211,102,.7) !important;gap:12px !important;padding:0 26px 0 18px !important;color:#0b2b18 !important}
.f1:focus{left:16px !important;top:16px !important}

/* seção de depoimentos — injetada pelo montar.mjs, fora do export do Claude Design */
.dep-card:hover { transform: translateY(-6px); border-color: var(--accent); }
.dep-btn:hover  { background: rgba(255,255,255,.07); transform: translateY(-2px); border-color: var(--accent); }
/* o destaque só ocupa 2 colunas onde cabem 2 — abaixo disso a grade é de 1 coluna */
@media (min-width: 700px) { .dep-destaque { grid-column: span 2; } }

/* ---- barra de rolagem na paleta do site ---- */
/* Usa os tokens do próprio design (:root do export): se a cor de marca mudar
   lá, a barra acompanha sozinha. Nada de hex solto aqui. */

/* Firefox e navegadores que seguem o padrão */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--brand2) var(--bg2); /* polegar, trilho */
}

/* WebKit e Chromium, onde dá controle fino */
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: var(--bg2); }
::-webkit-scrollbar-thumb {
  background: var(--brand2);
  border-radius: 999px;
  /* a borda na cor do trilho afina o polegar sem encostar nas bordas */
  border: 3px solid var(--bg2);
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover  { background: var(--accent); background-clip: padding-box; }
::-webkit-scrollbar-thumb:active { background: var(--accent); background-clip: padding-box; }
::-webkit-scrollbar-corner { background: var(--bg2); }