/* Página do MeoWGuard: só o que o site.css não tem. Mesma paleta e fonte do site. */
.hero-app{padding-top:clamp(120px,14vw,190px)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,5vw,72px);align-items:center}
.selo{display:inline-block;margin:0 0 18px;padding:7px 16px;border-radius:999px;background:var(--deep);color:var(--pale);font-weight:700;font-size:.9rem}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}
.hero-cartao{display:grid;place-items:center;aspect-ratio:1;border-radius:36px;background:radial-gradient(circle at 50% 38%,var(--mid),var(--bg-2) 70%);padding:8%}
.hero-cartao img{width:84%;filter:drop-shadow(0 18px 34px rgba(0,0,0,.45))}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:clamp(28px,4vw,48px)}
.cartao{padding:24px;border-radius:22px;background:var(--bg-2)}
.cartao h3{margin-bottom:8px;color:var(--soft-2)}
.cartao p{margin:0;color:var(--muted)}
.como{background:var(--bg-2)}
.passos{list-style:none;margin:32px 0;padding:0;display:grid;gap:16px}
.passos li{display:flex;gap:18px;align-items:flex-start;padding:20px;border-radius:20px;background:var(--bg)}
.passos b{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bright);font:800 1.15rem Sora,sans-serif}
.passos h3{margin-bottom:4px}
.passos p{margin:0;color:var(--muted)}
.requisitos{padding:22px 24px;border-radius:20px;background:var(--deep)}
.requisitos ul{margin:8px 0 12px;padding-left:1.2em}
.comprar .caixa-compra{max-width:640px;margin-inline:auto;padding:clamp(24px,4vw,44px);border-radius:28px;background:var(--bg-2);border:1px solid var(--line)}
.comprar h2{max-width:none}
.preco{margin:0 0 6px;font:800 clamp(2.2rem,6vw,3.4rem) Sora,sans-serif;letter-spacing:-.03em;color:var(--pale)}
.inclui{margin:18px 0 24px;padding-left:1.2em}
.inclui li{margin-bottom:6px}
button.btn[disabled]{opacity:.55;cursor:not-allowed}
.erro{margin:12px 0 0;padding:12px 16px;border-radius:14px;background:#4a1020;color:#ffd5dc}
.erro[hidden]{display:none}
.final{text-align:left}
@media (max-width:820px){.hero-grid{grid-template-columns:1fr}.hero-cartao{max-width:340px}}

/* Página de acesso */
.acesso-caixa{max-width:640px;margin:0 auto;padding:clamp(24px,4vw,44px);border-radius:28px;background:var(--bg-2);border:1px solid var(--line)}
.acesso-caixa h1{font-size:clamp(1.8rem,4.5vw,2.8rem)}
.acesso-caixa form{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.acesso-caixa input{flex:1 1 220px;min-height:46px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit}
.acesso-caixa input:focus-visible{outline:3px solid var(--soft);outline-offset:2px}
.estado{margin:16px 0;padding:14px 18px;border-radius:16px;background:var(--deep)}
.estado.ok{background:#12422c;color:#d7ffe9}
.estado.erro{background:#4a1020;color:#ffd5dc}
.entregas{display:grid;gap:12px;margin-top:18px}
.entregas .btn{width:100%}