/* Orbit Browser · ponte mínima para o MAGU Design System (depois de orbit-landing.css).
   O layout e a paleta própria do Orbit ficam como o Murilo desenhou. Aqui só:
   tipografia pelos tokens, alvos de toque, rolagem no celular, ícones e o rodapé de produto. */
:root { --sans: var(--f-text); --display: var(--f-display); --mono: var(--f-mono); }
body { -webkit-font-smoothing: antialiased; }
.btn, .nav a, .nav button, .toggle button, .footer a { min-height: 44px; }
.toggle button { padding: 0 14px; }
.brand { min-height: 44px; }
.ei { display: inline-block; width: 1.1em; height: 1.1em; vertical-align: -.18em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.card-glyph .ei { width: 1.4em; height: 1.4em; }
.brand-ic { display: inline-block; width: 22px; height: 22px; border-radius: 23%; vertical-align: middle; }
/* rodapé: links + assinatura de produto ("Powered by Magu", estilo em /assets/css/footer-magu.css) */
.footer { align-items: center; flex-wrap: wrap; gap: 14px 22px; font-size: 12px; }
.footer .footnote a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; }
.footer .footer-brand { width: 100%; text-align: center; margin: 8px 0 0; }
/* anel decorativo do herói não pode criar rolagem lateral no celular */
.hero, .hero-visual, .orbit-visual { overflow: hidden; }
@media (max-width: 640px) { body { overflow-x: hidden; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }