/* Layout: coluna unica estreita, cabecalho tipografico, dois cartoes lado a lado, passos numerados, aviso de limites. Escuro por escolha da marca. */
:root{
  color-scheme:dark;
  --bg:#0b0d10; --surface:#14181d; --line:#262d36; --fg:#e8ecf1; --muted:#9aa5b1;
  --azul:#4c9bff; --ouro:#d4af37; --aviso:#f5c451;
  --display:'Barlow Condensed','Arial Narrow',sans-serif; --body:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:860px;margin:0 auto;padding-block:48px 56px;display:grid;gap:44px}
.selo{display:inline-block;margin:0 0 14px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
h1{font:700 clamp(3.4rem,13vw,6.4rem)/.9 var(--display);letter-spacing:.01em;margin:0 0 16px;text-transform:uppercase}
.lead{font-size:1.25rem;color:var(--fg);max-width:46ch;margin:0 0 18px;text-wrap:balance}
.status{margin:0;display:flex;gap:10px;align-items:flex-start;color:var(--muted);max-width:60ch}
.ponto{flex:none;width:9px;height:9px;margin-top:.55em;border-radius:50%;background:var(--aviso)}
h2{font:700 1.8rem/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em;margin:0 0 16px}
.cartoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cartao{background:var(--surface);border:1px solid var(--line);border-top:3px solid currentColor;border-radius:14px;padding:22px;display:grid;gap:10px;align-content:start;min-width:0}
.cartao.azul{color:var(--azul)}.cartao.ouro{color:var(--ouro)}
.cartao h3{font:700 1.6rem/1.1 var(--display);margin:0;text-transform:uppercase;color:var(--fg)}
.cartao h3 small{font:500 .7rem var(--body);letter-spacing:.08em;color:var(--ouro);margin-left:6px;vertical-align:middle}
.sub{margin:0;color:var(--muted);font-size:.9rem}
.cartao ul{margin:4px 0 0;padding-left:18px;color:var(--fg);display:grid;gap:8px;font-size:.95rem}
.cartao li::marker{color:currentColor}
.aviso-card{margin:6px 0 0;padding:8px 12px;border:1px solid var(--aviso);border-radius:10px;background:rgba(245,196,81,.07);color:var(--fg);font-size:.88rem}
.passos{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:p}
.passos li{counter-increment:p;position:relative;padding:14px 16px 14px 56px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.passos li::before{content:counter(p);position:absolute;left:16px;top:50%;translate:0 -50%;width:28px;height:28px;border-radius:50%;background:var(--azul);color:#0b0d10;font:700 .95rem var(--display);display:grid;place-items:center}
.limites{margin:0;padding-left:20px;color:var(--muted);display:grid;gap:6px}
.piloto{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}
.piloto p{margin:0;color:var(--muted);max-width:60ch}
footer{border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:.85rem}
footer p{margin:0}
a{color:var(--azul)}
@media (max-width:680px){.cartoes{grid-template-columns:1fr}.wrap{padding-block:32px 40px}}