/* Grupo Foco: identidade dos carrosséis do @ogrupofoco.
   Marinho profundo + verde-limão; títulos condensados enormes; rótulos em mono; numerais vazados; aro verde. */
:root{
  --marinho:#060B1F;--marinho-2:#0B1433;--marinho-3:#14204A;
  --lima:#B8E62B;--lima-esc:#93B81E;--oliva:#9AA83A;
  --creme:#ECE9E3;--creme-2:#E2DED6;--tinta:#0A1030;--tinta-2:#3E445E;
  --branco:#F7F7F4;--cinza:#9AA0B8;
  --f-tit:'Anton','Bebas Neue',Impact,'Arial Narrow',sans-serif;
  --f-txt:'Inter','Helvetica Neue',Arial,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,'Courier New',monospace;
  --r:18px;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--marinho);color:var(--branco);font-family:var(--f-txt);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:40;background:var(--marinho)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--lima);outline-offset:3px}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media(min-width:760px){.wrap{padding-left:max(36px,env(safe-area-inset-left,0px));padding-right:max(36px,env(safe-area-inset-right,0px))}}

/* tipos */
.tit{font-family:var(--f-tit);font-weight:400;text-transform:uppercase;line-height:.92;letter-spacing:.005em;text-wrap:balance}
.t1{font-size:clamp(54px,10.5vw,148px)}
.t2{font-size:clamp(40px,6.4vw,88px)}
.t3{font-size:clamp(28px,3.4vw,40px)}
.lima{color:var(--lima)}
.ponto::after{content:".";color:var(--lima)}
.mono{font-family:var(--f-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--f-mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--lima)}
.eyebrow::before{content:"";width:40px;height:2px;background:currentColor}
.lead{font-size:clamp(17px,1.6vw,20px);line-height:1.5;max-width:560px;color:var(--cinza)}
.lead b{color:var(--branco);font-weight:600}
.vazado{font-family:var(--f-tit);color:transparent;-webkit-text-stroke:1.5px rgba(184,230,43,.55);line-height:.85}

/* botões */
.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 26px;border-radius:999px;font-family:var(--f-mono);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1.5px solid transparent;transition:transform .15s,background .15s,color .15s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn .seta{transition:transform .2s}
.btn:hover .seta{transform:translateX(4px)}
.btn-lima{background:var(--lima);color:var(--marinho)}
.btn-lima:hover{background:#C9F24A}
.btn-linha{border-color:rgba(247,247,244,.35);color:var(--branco)}
.btn-linha:hover{background:var(--branco);color:var(--marinho)}
.btn-tinta{background:var(--tinta);color:var(--branco)}

/* topo */
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:rgba(6,11,31,.86);backdrop-filter:blur(12px);border-bottom:1px solid rgba(247,247,244,.08)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.marca{display:flex;flex-direction:column;text-decoration:none;line-height:1}
.marca b{font-family:var(--f-txt);font-weight:900;font-size:26px;letter-spacing:.02em}
.marca b i{font-style:normal;color:var(--lima)}
.marca small{font-family:var(--f-mono);font-size:9px;letter-spacing:.22em;color:var(--cinza);margin-top:4px}
.topo nav{display:none;gap:26px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
.topo nav a{text-decoration:none}
.topo nav a:hover{color:var(--lima)}
.topo .btn{padding:11px 18px;font-size:11.5px}
@media(min-width:1000px){.topo nav{display:flex}}

/* seções */
section{padding-block:96px}
@media(min-width:960px){section{padding-block:128px}}
.creme{background:var(--creme);color:var(--tinta)}
.creme .lead{color:var(--tinta-2)}
.creme .lead b{color:var(--tinta)}
.creme .eyebrow{color:var(--oliva)}
.creme .ponto::after{color:var(--oliva)}
.cab{display:grid;gap:22px;margin-bottom:56px;max-width:900px}

/* aro verde (o "O" da marca) */
.aro{position:absolute;border-radius:50%;border:solid var(--oliva);pointer-events:none}

/* footer */
footer{background:#03061A;padding-block:56px calc(40px + env(safe-area-inset-bottom,0px));color:var(--cinza);font-size:14px}
.rodape{display:grid;gap:36px}
@media(min-width:860px){.rodape{grid-template-columns:1.3fr 1fr 1fr}}
.rodape h4{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--lima);font-weight:600;margin-bottom:14px}
.rodape ul{list-style:none;display:grid;gap:8px}
.rodape a{text-decoration:none}
.rodape a:hover{color:var(--lima)}
.rodape .sobre{max-width:360px;margin-top:14px}
.legal{margin-top:40px;padding-top:22px;border-top:1px solid rgba(247,247,244,.08);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em}

.wpp{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.4)}

/* blog (artigos) */
.artigo{max-width:720px;margin:0 auto}
.artigo .meta{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--oliva);margin-bottom:18px}
.artigo h1{margin-bottom:28px}
.artigo p,.artigo li{font-size:18px;line-height:1.7;color:var(--tinta-2)}
.artigo p+p{margin-top:18px}
.artigo h2{font-family:var(--f-tit);font-weight:400;text-transform:uppercase;font-size:clamp(28px,3.4vw,38px);line-height:1;color:var(--tinta);margin:44px 0 16px}
.artigo ol,.artigo ul{margin:16px 0 0 22px;display:grid;gap:8px}
.artigo strong{color:var(--tinta)}
.artigo .cta-art{margin-top:48px;padding:28px;border-radius:var(--r);background:var(--tinta);color:var(--branco);display:grid;gap:16px}
.artigo .cta-art p{color:var(--cinza);margin:0}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}