.instalar-pagina{background:var(--bg)}
.instalar-layout{max-width:1080px;margin:auto;padding:0 32px;overflow-wrap:anywhere}
.instalar-topo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.instalar-marca{display:inline-flex;align-items:center;gap:12px;font-size:1.125rem;font-weight:700;color:var(--txt);text-decoration:none}
.instalar-marca img{border-radius:12px}
.instalar-voltar{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.875rem;font-weight:600;text-decoration:none}
.instalar-pular{position:fixed;z-index:10;top:8px;left:16px;right:16px;max-width:440px;padding:12px;background:var(--card);color:var(--txt);transform:translateY(calc(-100% - 16px))}
.instalar-pular:focus{transform:none}
.instalar-hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:76px;padding:64px 36px 60px 0}
.instalar-selo{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:99px;font-size:.875rem;color:var(--mut)}
.instalar-hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;letter-spacing:-1.8px;margin:22px 0}
.instalar-hero h1 span{color:var(--roxo-claro)}
.instalar-intro{max-width:41ch;font-size:1.0625rem;line-height:1.65;color:var(--mut);margin-bottom:26px}
.instalar-primario,.instalar-secundario{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:13px 18px;border-radius:12px;text-decoration:none;font-size:.9375rem;line-height:1.4;font-weight:600;text-align:center}
.instalar-primario{color:#FFF;background:var(--roxo);border:1px solid var(--roxo)}
.instalar-secundario{color:var(--roxo-claro);background:var(--card);border:1px solid var(--controle-linha)}
.instalar-secundario:disabled{cursor:default;color:var(--mut);background:var(--card2)}
.instalar-legenda{font-size:.8125rem;color:var(--mut);margin-top:12px}
.instalar-previa{position:relative;margin:0;text-align:center;isolation:isolate}
.instalar-previa:before{content:'';position:absolute;inset:18% -25px 12%;border-radius:50%;background:var(--roxo-bg);z-index:-1}
.instalar-telefone{margin:auto;max-width:224px;padding:7px;background:#24212E;border:2px solid #5B526D;border-radius:30px;box-shadow:0 18px 36px #15102024;overflow:hidden;transform:rotate(3deg)}
.instalar-telefone img{display:block;width:100%;height:auto;border-radius:21px}
.instalar-previa figcaption{margin-top:18px;font-size:.75rem;color:var(--mut)}
.instalar-sobrancelha{font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--roxo-claro);margin-bottom:8px}
.instalar-secao-topo{margin-bottom:24px}
.instalar-secao-topo h2{font-size:2rem;letter-spacing:-.8px;line-height:1.2}
.instalar-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.instalar-opcao{padding:28px;background:var(--card);border:1px solid var(--line);border-radius:20px;scroll-margin-top:20px;min-width:0}
.instalar-opcao.recomendada{border:2px solid var(--roxo-claro);padding:27px}
.instalar-opcao-topo{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin-bottom:16px}
.instalar-sistema-icone{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--roxo-bg);color:var(--roxo-claro);font-size:1.5rem}
.instalar-recomendado{font-size:.75rem;font-weight:600;color:var(--roxo-claro)}
.instalar-opcao h3{font-size:1.625rem;line-height:1.2;letter-spacing:-.5px;margin-bottom:10px}
.instalar-opcao-descricao{color:var(--mut);font-size:1rem;line-height:1.6;margin-bottom:18px}
.instalar-teste{display:inline-flex;padding:3px 8px;background:var(--card2);font-size:.75rem;font-weight:600;border-radius:6px}
.instalar-estado{font-size:.875rem;color:var(--mut);line-height:1.6;margin:10px 0 16px;min-height:1.5em}
.instalar-opcao>.instalar-primario,.instalar-opcao>.instalar-secundario{width:100%}
.instalar-detalhes{margin-top:16px;border-top:1px solid var(--line);padding-top:4px;font-size:.875rem;color:var(--mut)}
.instalar-detalhes summary{padding:12px 0;cursor:pointer;min-height:44px;color:var(--txt);font-weight:550}
.instalar-detalhes p,.instalar-passos p{margin:10px 0 0}
.instalar-detalhes ol,.instalar-passos ol{padding-left:22px}
.instalar-detalhes li,.instalar-passos li{padding:4px 0}
.instalar-passos{padding-top:18px;font-size:.9375rem;line-height:1.65}
.instalar-nota{color:var(--mut);font-size:.875rem;line-height:1.65;margin-top:14px}
.instalar-fonte{display:inline-flex;align-items:center;min-height:44px;font-size:.8125rem;margin-top:8px}
.instalar-link-botao{border:0;background:transparent;color:var(--roxo-claro);text-decoration:underline;text-align:left;min-height:44px;padding:10px 0;font-size:.875rem}
.instalar-web{margin-top:24px;padding:28px;border-radius:20px;background:var(--roxo-bg)}
.instalar-web h2{font-size:1.375rem;line-height:1.35;letter-spacing:-.4px;margin-bottom:8px}
.instalar-web>div>p:last-child{font-size:.9375rem;color:var(--mut);margin-bottom:18px}
.instalar-carteira{padding:28px 0;margin:12px 0;border-bottom:1px solid var(--line)}
.instalar-carteira h2{font-size:1.125rem;line-height:1.4;margin-bottom:8px}
.instalar-carteira p{max-width:76ch;font-size:.9375rem;line-height:1.65;color:var(--mut)}
.instalar-carteira a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:.9375rem;font-weight:600}
.instalar-aviso{padding:18px;background:var(--roxo-bg);border-left:3px solid var(--roxo-claro);border-radius:8px;margin:0 0 28px;font-size:.9375rem}
.instalar-rodape{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 0 28px;font-size:.8125rem;color:var(--mut)}
.instalar-rodape a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){
  .instalar-layout{padding:0 20px}.instalar-topo{padding:16px 0;gap:12px;flex-wrap:wrap}.instalar-voltar{font-size:.75rem;max-width:140px;line-height:1.4}.instalar-marca{font-size:1rem;gap:8px}.instalar-marca img{width:32px;height:32px}
  .instalar-hero{gap:16px;grid-template-columns:minmax(0,1fr) 104px;padding:36px 0}.instalar-hero h1{font-size:1.875rem;letter-spacing:-1px;line-height:1.13;margin:16px 0}.instalar-intro{font-size:.9375rem;line-height:1.55}.instalar-hero .instalar-primario{font-size:.875rem;padding:12px;gap:8px}.instalar-selo{font-size:.75rem;padding:4px 8px}
  .instalar-telefone{padding:4px;border-radius:19px;transform:rotate(3deg)}.instalar-telefone img{border-radius:12px}.instalar-previa:before{inset:15% -10px 12%}.instalar-previa figcaption{display:none}.instalar-legenda{font-size:.75rem}
  .instalar-grade{grid-template-columns:minmax(0,1fr);gap:16px}.instalar-opcao{padding:24px}.instalar-opcao.recomendada{padding:23px}.instalar-web{padding:24px}.instalar-secao-topo h2{font-size:1.625rem}
}
@media(max-width:359px){.instalar-layout{padding:0 16px}.instalar-hero{grid-template-columns:minmax(0,1fr)}.instalar-previa{display:none}.instalar-hero h1{font-size:2rem}.instalar-opcao,.instalar-web{padding:20px}.instalar-opcao.recomendada{padding:19px}}
@media(prefers-reduced-motion:reduce){.instalar-telefone{transform:none}}
