/* =========================================================================
   SWM Control · base das páginas públicas (swmcontrol.com.br)

   [2026-09-06] Extraído de swm-site.css. Aqui fica só o que TODA página
   pública precisa: reset, paleta, tipografia e a engrenagem que gira.
   Os componentes do site comercial (nav, hero, planos, rodapé) ficam em
   swm-site.css e continuam sendo carregados por quem os usa.

   A separação existe por causa da /lancar-nota: ela é uma página pública
   de formulário, não de marketing. Antes tinha paleta própria — fundo
   #070a10 contra os #080b11 do site — e Syne no corpo inteiro do texto,
   que é a fonte de TÍTULO. Precisava da paleta sem precisar de 20KB de
   CSS de vitrine.

   Ordem nas páginas de marketing:
     <link swm-site-base.css> depois <link swm-site.css>
   ========================================================================= */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#f59e0b;--gold-light:#fbbf24;--gold-dark:#d97706;
  --bg:#080b11;--bg2:#0e1320;--bg3:#131825;
  --text:#eef2f7;--muted:#8892a4;--muted2:#4b5563;
  --line:rgba(255,255,255,.08);--soft:rgba(255,255,255,.04);
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}

/* ── Gear spin ── */
@keyframes gearSpin{to{transform:rotate(360deg)}}
@keyframes gearSpinCCW{to{transform:rotate(-360deg)}}
.gear-spin{animation:gearSpin 12s linear infinite;transform-origin:50px 50px}
.gear-spin-slow{animation:gearSpin 22s linear infinite;transform-origin:160px 160px}