@font-face {
  font-family: "Clash Display";
  src: url("../assets/fonts/clash-display.woff2") format("woff2");
  font-weight: 200 700;
  font-display: swap;
}
@font-face {
  font-family: "Urbanist";
  src: url("../assets/fonts/urbanist-latin.woff2") format("woff2");
  font-weight: 300 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Urbanist";
  src: url("../assets/fonts/urbanist-latin-ext.woff2") format("woff2");
  font-weight: 300 800;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
  --fundo: #080808;
  --sup: #0E0E0F;
  --sup-2: #151517;
  --borda: #222225;
  --borda-2: #2E2E33;
  --texto: #F4F4F5;
  --suave: #A3A3AB;
  --fraco: #8A8A93;
  --azul: #2F5BFF;
  --azul-claro: #6C8BFF;
  --verde: #2BD46E;

  --f-titulo: "Clash Display", "Urbanist", system-ui, sans-serif;
  --f-texto: "Urbanist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;

  --margem: clamp(16px, 1.8vw, 28px);
  --topo: 72px;
  --raio-chip: 8px;
  --raio-botao: 10px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { background: var(--fundo); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; background: var(--fundo); color: var(--texto);
  font-family: var(--f-texto); font-size: 17px; line-height: 1.55;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}
body::after {
  content: ""; position: fixed; inset: 0; z-index: 90; pointer-events: none; opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3, dl, dd, figure { margin: 0; }
button { font: inherit; color: inherit; }
::selection { background: var(--azul); color: #fff; }
:focus-visible { outline: 2px solid var(--azul-claro); outline-offset: 3px; border-radius: 4px; }
.envolve { padding-inline: var(--margem); }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.intro body { overflow: hidden; }
.pular {
  position: fixed; left: 16px; top: -60px; z-index: 300;
  background: var(--azul); color: #fff; padding: 10px 16px; border-radius: 6px;
  font: 500 14px var(--f-titulo); transition: top .3s var(--ease);
}
.pular:focus { top: 16px; }
.ico { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ph {
  text-decoration: underline dashed; text-decoration-thickness: 1px; text-underline-offset: .2em;
  text-decoration-color: color-mix(in oklab, currentColor 40%, transparent);
}
.led {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex: none;
  background: var(--verde); box-shadow: 0 0 0 3px rgba(43, 212, 110, .15); margin-right: 10px;
}
@media (max-width: 860px) {
  :root { --topo: 64px; }
}
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}