/* Acesso antecipado: usa as cores e o cabeçalho/rodapé de style.css. Classes com prefixo ea- para não colidir com a landing. */
.ea{width:min(640px,100% - 32px);margin-inline:auto;padding-block:32px 48px}
.ea section{padding:0;margin:0}
.ea-hero{margin-bottom:20px}
.ea-hero .eyebrow{display:block;margin-bottom:10px}
.ea h1{font-size:clamp(1.9rem,7vw,2.8rem);margin-bottom:10px}
.ea .lead{color:var(--mut);margin-bottom:20px}
.ea-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--soft);border:1px solid var(--line);border-radius:16px}
.ea-switch button{min-height:48px;border:0;border-radius:12px;background:transparent;color:var(--mut);font:inherit;font-weight:700;cursor:pointer}
.ea-switch button[aria-selected=true]{background:var(--g);color:var(--bk)}
.ea-panel[hidden]{display:none}
.ea-note{color:var(--mut);margin-bottom:16px}
.ea-note strong{color:var(--ink)}
.ea-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ea-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r)}
.ea-num{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--g);color:var(--bk);font-weight:800}
.ea-steps h2{font-size:1.1rem;margin:2px 0 4px}
.ea-steps p{color:var(--mut);font-size:.95rem;margin:0 0 12px}
.ea .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.ea .btn.ghost:hover{background:#fff}
.ea .btn.soon,.ea .btn.soon:hover{background:#e8ece9;color:var(--mut);border-color:var(--line);cursor:not-allowed;transform:none}
.ea a:focus-visible,.ea button:focus-visible{outline:3px solid var(--g7);outline-offset:2px}
.ea-faq{padding-top:28px}
.ea-faq h2{font-size:1.3rem;margin-bottom:8px}
.ea .ea-panel{margin-top:20px}
.ea .ea-faq{margin-top:32px}
.ea .btn{padding:0 20px;text-align:center}
.ea .btn.ghost{min-height:48px}