/* Barra da Polaryix no topo de cada landing page conceitual. */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
input, select { min-width: 0; width: 100%; max-width: 100%; }
a { color: inherit; }
.px-bar { position: relative; z-index: 50; display: flex; align-items: center; gap: 16px; min-height: 44px; padding: 6px clamp(16px, 4vw, 48px); background: #07090d; color: #e9edf3; font: 500 13px/1.3 "Geist", system-ui, sans-serif; }
.px-bar a { text-decoration: none; }
.px-bar__back { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding-right: 6px; }
.px-bar__back svg { width: 16px; height: 16px; }
.px-bar__note { margin-right: auto; color: rgba(233, 237, 243, .64); }
.px-bar__cta { padding: 7px 14px; border-radius: 99px; background: #e9edf3; color: #07090d; white-space: nowrap; transition: background-color .25s; }
.px-bar__cta:hover { background: #9cc0ff; }
.px-bar :focus-visible { outline: 2px solid #9cc0ff; outline-offset: 3px; border-radius: 6px; }
@media (max-width: 640px) { .px-bar__note { display: none; } .px-bar__back { margin-right: auto; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }