/* Juba e Fabio · estilo base do site. Minimalista, claro, muito respiro. */
:root{
  --fundo:#F5F5F7; --cartao:#FFFFFF; --texto:#1D1D1F; --mudo:#6E6E73; --linha:#D2D2D7; --destaque:#1D1D1F;
  --f:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;
  --larg:760px;
}
@media (prefers-color-scheme:dark){
  :root{ --fundo:#000000; --cartao:#1C1C1E; --texto:#F5F5F7; --mudo:#A1A1A6; --linha:#38383A; --destaque:#F5F5F7; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--f);font-size:18px;line-height:1.55;
     -webkit-font-smoothing:antialiased;padding:0 20px}
a{color:inherit}
img{max-width:100%;display:block}
.folha{max-width:var(--larg);margin:0 auto}
.topo{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.topo a{text-decoration:none;font-weight:700;letter-spacing:-.01em}
.topo nav{display:flex;gap:18px;font-size:15px;color:var(--mudo)}
.topo nav a{font-weight:500;color:var(--mudo)} .topo nav a:hover{color:var(--texto)}
h1{font-size:clamp(36px,7vw,64px);line-height:1.04;letter-spacing:-.035em;margin:0 0 16px;font-weight:700}
h2{font-size:clamp(24px,4vw,32px);letter-spacing:-.02em;margin:48px 0 12px;line-height:1.15}
.sub{font-size:clamp(19px,2.6vw,23px);color:var(--mudo);margin:0 0 28px;max-width:600px}
.cartao{background:var(--cartao);border-radius:22px;padding:28px}
.botao{display:inline-block;background:var(--destaque);color:var(--fundo);text-decoration:none;font-weight:600;
       border-radius:999px;padding:12px 22px;font-size:16px;border:0;cursor:pointer;font-family:inherit}
.botao.leve{background:transparent;color:var(--texto);box-shadow:inset 0 0 0 1.5px var(--linha)}
.rodape{color:var(--mudo);font-size:14px;padding:56px 0 40px;text-align:center}