/* Identidade: neutros + branco + azul como detalhe. Tokens, botão, marca, estrada, foco. */
:root{--bg:#eef0f3;--bg2:#e6e9ed;--card:#fff;--card2:#f4f5f7;--ink:#22262d;--mute:#5f6670;--line:#dde1e7;--blue:#1d5bd8;--blue2:#3b82f6;--blued:#1647ad;--tint:#e8f0fd;--risk:#d64545;--yel:#a8730a;--grn:#15803d;--r:16px;--sh:0 1px 2px rgba(34,38,45,.04),0 12px 32px rgba(34,38,45,.08);--sh2:0 30px 70px rgba(34,38,45,.16);color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.025em}
.brand{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.brand i{width:28px;height:28px;border-radius:9px;background:linear-gradient(180deg,var(--blue2),var(--blued));display:grid;place-items:center;color:#fff;font-style:normal;font-size:.7rem;letter-spacing:0;box-shadow:0 4px 10px rgba(29,91,216,.3)}
.eyebrow{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;border:0;border-radius:14px;padding:16px 28px;font:inherit;font-size:1rem;font-weight:800;letter-spacing:.03em;text-align:center;text-decoration:none;color:#fff;background:linear-gradient(180deg,#2f6df0,#1647ad);box-shadow:0 14px 28px rgba(29,91,216,.30),inset 0 1px 0 rgba(255,255,255,.18);cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(29,91,216,.36),inset 0 1px 0 rgba(255,255,255,.18)}.btn:active{transform:scale(.98)}
.road{height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--blue) 0 26px,transparent 26px 44px);background-size:44px 4px;animation:road 1.4s linear infinite;opacity:.9}
@keyframes road{to{background-position:44px 0}}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue2);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
