@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/inter-700.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/inter-800.woff2") format("woff2"); }
:root { --azul: #0071e3; --tinta: #1d1d1f; --texto: #4a4a50; --fundo: #f5f5f7; --linha: #e3e3e8; --mola: cubic-bezier(.22,1,.36,1); color-scheme: light; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--fundo); color: var(--tinta); font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif; line-height: 1.4; }
img { max-width: 100%; display: block; }
a { color: var(--azul); }
a:hover { color: #005bb8; }
.wrap { max-width: 1200px; margin: 0 auto; padding-left: max(24px, env(safe-area-inset-left, 0px)); padding-right: max(24px, env(safe-area-inset-right, 0px)); }
.topo { border-bottom: 1px solid var(--linha); }
.topo-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-block: 16px; }
.logo img { height: 34px; width: auto; }
.logo { transition: opacity .25s ease; }
.link { color: var(--tinta); text-decoration: none; font-weight: 600; font-size: 15px; padding: 12px 4px; transition: color .25s ease; }
.seta { display: inline-block; transition: transform .3s var(--mola); }
main { padding-top: 64px; padding-bottom: 96px; }
article { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; }
.cab { display: flex; flex-direction: column; gap: 16px; }
.kicker { color: var(--azul); font-weight: 700; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(36px, 5vw, 56px); line-height: 1.05; letter-spacing: -.04em; font-weight: 800; }
.lead { margin: 0; font-size: 19px; line-height: 1.6; color: var(--texto); }
section { display: flex; flex-direction: column; gap: 12px; }
h2 { margin: 0; font-size: 24px; letter-spacing: -.02em; font-weight: 800; }
p, ul { margin: 0; font-size: 17px; line-height: 1.65; color: var(--texto); }
ul { padding-left: 22px; display: flex; flex-direction: column; gap: 8px; }
.rodape { background: #fff; border-top: 1px solid var(--linha); }
.rodape-in { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; padding-block: 32px; }
.rodape-in > img { height: 28px; width: auto; }
.rodape-links { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; font-size: 14px; color: var(--texto); }
.social { display: inline-flex; align-items: center; gap: 10px; color: var(--tinta); text-decoration: none; font-weight: 600; }
.social:hover { color: var(--tinta); }
.social-ico { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: #e8e8ed; color: var(--tinta); transition: background-color .3s ease, color .3s ease, transform .3s var(--mola); }
.link:focus-visible, .logo:focus-visible, .social:focus-visible { outline: 3px solid #9ec9ff; outline-offset: 3px; }
@media (hover: hover) {
  .logo:hover { opacity: .75; }
  .link:hover { color: var(--azul); }
  .link:hover .seta { transform: translateX(-4px); }
  .social:hover .social-ico { background: var(--azul); color: #fff; transform: translateY(-2px) rotate(-6deg); }
}
@media (max-width: 640px) {
  .logo img { height: 28px; }
  main { padding-top: 40px; padding-bottom: 64px; }
  article { gap: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; }
}