:root{
  --azul:#0c3ac3;--azul-2:#1e50e6;--ink:#0a1020;--cinza:#5b6478;
  --linha:#e7ebf3;--bg:#ffffff;--bg-2:#f4f7fe;
  --sans:'Inter',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--bg-2);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--azul);text-decoration:none}
a:hover{text-decoration:underline}
.top{background:rgba(255,255,255,.85);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:10}
.top-in{max-width:820px;margin:0 auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.logo:hover{text-decoration:none}
.logo .mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--azul-2),var(--azul));display:grid;place-items:center}
.logo .mark svg{width:16px;height:16px}
.logo b{color:var(--azul)}
.back{font-size:14px;font-weight:500;color:var(--cinza)}
.back:hover{color:var(--azul);text-decoration:none}
main{max-width:820px;margin:40px auto 72px;padding:0 24px}
.doc{background:#fff;border:1px solid var(--linha);border-radius:18px;padding:48px 52px;box-shadow:0 14px 34px -20px rgba(10,16,32,.16)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--azul);font-weight:700}
h1{font-family:var(--display);font-weight:700;font-size:32px;letter-spacing:-.02em;margin:10px 0 6px}
.updated{font-size:13.5px;color:var(--cinza);margin-bottom:14px}
.doc h2{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.01em;margin:30px 0 10px;color:var(--ink)}
.doc p{margin-bottom:13px;color:#2a3346}
.doc ul{margin:0 0 16px 22px;color:#2a3346}
.doc li{margin-bottom:7px}
.doc strong{font-weight:600;color:var(--ink)}
.box{background:var(--bg-2);border:1px solid var(--linha);border-radius:12px;padding:16px 18px;font-size:14px;color:#43506b;margin:22px 0}
.box b{color:var(--ink)}
.nav-docs{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:36px;padding-top:22px;border-top:1px solid var(--linha);font-size:14px}
.doc-foot{max-width:820px;margin:0 auto;padding:8px 24px 48px;text-align:center;font-size:12.5px;color:#9aa4b8;line-height:1.6}
.doc-foot a{color:#9aa4b8}
@media(max-width:600px){.doc{padding:30px 22px}h1{font-size:25px}}