.cabecalho-publico { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.88); border-bottom: 1px solid rgba(231,232,241,.8); backdrop-filter: blur(18px); }
.barra-navegacao { min-height: 78px; display: flex; align-items: center; gap: 34px; }
.marca img { width: 185px; height: auto; }
.menu-publico { display: flex; gap: 28px; margin-left: auto; color: #66677d; font-size: .94rem; font-weight: 600; }
.menu-publico a:hover { color: var(--cor-primaria); }
.acoes-cabecalho { display: flex; gap: 8px; }
.menu-mobile { display: none; margin-left: auto; border: 0; background: transparent; font-size: 1.5rem; color: var(--cor-texto); }
.hero { position: relative; overflow: hidden; padding: 86px 0 92px; background: radial-gradient(circle at 75% 25%, rgba(101,88,232,.14), transparent 30%), linear-gradient(180deg,#fff 0%,#f8f8fd 100%); }
.hero::before { content:""; position:absolute; inset:auto auto -180px -160px; width:480px; height:480px; border-radius:50%; background:rgba(33,187,166,.09); filter:blur(2px); }
.grade-hero { position:relative; display:grid; grid-template-columns:.95fr 1.15fr; gap:48px; align-items:center; }
.conteudo-hero { position:relative; z-index:2; }
.selo { display:inline-flex; align-items:center; gap:9px; padding:8px 12px; border:1px solid #e6e3ff; background:#f7f5ff; color:#6558e8; border-radius:999px; font-size:.8rem; font-weight:800; }
.selo i { width:7px; height:7px; border-radius:50%; background:#21bba6; box-shadow:0 0 0 5px rgba(33,187,166,.12); }
.conteudo-hero h1 { margin:24px 0 20px; font-size:clamp(2.55rem,5vw,4.55rem); line-height:1.04; letter-spacing:-.055em; max-width:760px; }
.conteudo-hero h1 span { color:var(--cor-primaria); }
.conteudo-hero > p { font-size:1.1rem; line-height:1.75; color:#6f7085; max-width:650px; }
.acoes-hero { display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; }
.botao-grande { min-height:54px; padding:0 24px; }
.confianca-hero { display:flex; gap:20px; margin-top:24px; color:#858699; font-size:.82rem; flex-wrap:wrap; }
.visual-hero { position:relative; min-height:540px; display:flex; align-items:center; justify-content:center; }
.visual-hero > img { position:relative; z-index:2; width:min(100%,760px); filter:drop-shadow(0 28px 42px rgba(46,43,93,.18)); }
.orbita { position:absolute; border-radius:50%; filter:blur(1px); }
.orbita-um { width:430px; height:430px; background:rgba(101,88,232,.08); right:5%; top:5%; }
.orbita-dois { width:180px; height:180px; background:rgba(33,187,166,.13); left:6%; bottom:5%; }
.cartao-flutuante { position:absolute; z-index:3; display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #ececf4; border-radius:14px; padding:12px 15px; box-shadow:0 16px 36px rgba(48,45,90,.14); }
.cartao-flutuante > span { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; color:#fff; background:var(--cor-secundaria); }
.cartao-flutuante strong,.cartao-flutuante small { display:block; }
.cartao-flutuante strong { font-size:.82rem; }.cartao-flutuante small { font-size:.68rem; color:#9696a7; margin-top:2px; }
.cartao-agenda { left:2%; top:27%; }.cartao-financeiro { right:1%; bottom:19%; }.cartao-financeiro > span { background:var(--cor-primaria); }
.faixa-beneficios { background:#fff; border-block:1px solid #ececf4; }
.grade-beneficios { display:grid; grid-template-columns:repeat(3,1fr); }
.grade-beneficios article { min-height:124px; display:flex; gap:15px; align-items:center; padding:20px 34px; border-right:1px solid #ececf4; }
.grade-beneficios article:last-child { border:0; }.grade-beneficios b { font-size:1.55rem; color:#cbc8ee; }.grade-beneficios strong,.grade-beneficios span { display:block; }.grade-beneficios strong { margin-bottom:5px; }.grade-beneficios span { color:#898a9c; font-size:.86rem; }
.secao { padding:104px 0; }
.titulo-secao { text-align:center; max-width:720px; margin:0 auto 48px; }.titulo-secao > span,.rotulo { text-transform:uppercase; letter-spacing:.15em; color:var(--cor-primaria); font-size:.75rem; font-weight:850; }.titulo-secao h2,.conteudo-como h2,.chamada-final h2 { font-size:clamp(2rem,4vw,3rem); letter-spacing:-.04em; margin:14px 0; }.titulo-secao p,.conteudo-como > p,.chamada-final p { color:#7a7b8f; line-height:1.7; }
.grade-recursos { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.recurso { background:#fff; border:1px solid #ececf4; border-radius:22px; padding:27px; box-shadow:0 8px 30px rgba(48,45,90,.045); transition:transform .2s ease,box-shadow .2s ease; }.recurso:hover { transform:translateY(-4px); box-shadow:var(--sombra-card); }.recurso i { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; font-style:normal; font-size:1.35rem; }.recurso h3 { margin:22px 0 9px; font-size:1.08rem; }.recurso p { margin:0; color:#818295; line-height:1.65; font-size:.91rem; }
.destaque-roxo i { color:#6558e8;background:#efedff}.destaque-verde i{color:#079c87;background:#e3f9f5}.destaque-laranja i{color:#d77b10;background:#fff2df}.destaque-azul i{color:#2f7ee8;background:#e9f2ff}.destaque-rosa i{color:#df5378;background:#ffedf2}.destaque-ciano i{color:#168ba8;background:#e7f8fc}
.secao-como { background:#fff; }.grade-como { display:grid; grid-template-columns:.95fr 1fr; gap:86px; align-items:center; }.mockup-celular { min-height:560px; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at center,rgba(101,88,232,.13),transparent 58%); }.mockup-celular img { max-height:600px; object-fit:contain; filter:drop-shadow(0 30px 40px rgba(48,45,90,.16)); }.conteudo-como ol { list-style:none; padding:0; margin:34px 0 0; display:grid; gap:22px; }.conteudo-como li { display:flex; gap:15px; }.conteudo-como li b { flex:0 0 38px; height:38px; display:grid; place-items:center; background:#efedff; color:var(--cor-primaria); border-radius:12px; }.conteudo-como li strong,.conteudo-como li span { display:block; }.conteudo-como li span { color:#858699; margin-top:4px; line-height:1.5; font-size:.9rem; }
.chamada-final { min-height:300px; border-radius:30px; background:linear-gradient(135deg,#26243d,#403b77); color:#fff; padding:54px 58px; display:flex; align-items:center; justify-content:space-between; gap:40px; overflow:hidden; position:relative; }.chamada-final::after { content:""; position:absolute; width:300px; height:300px; border:70px solid rgba(255,255,255,.05); border-radius:50%; right:-100px; top:-100px; }.chamada-final > * { position:relative; z-index:1; }.chamada-final span { color:#bcb7ff; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.chamada-final h2 { max-width:700px; }.chamada-final p { color:#d4d2e6; max-width:700px; }
.rodape-publico { background:#fff; border-top:1px solid #ececf4; padding:44px 0; text-align:center; color:#858699; }.rodape-publico img { margin:0 auto 13px; }.rodape-publico p { margin:0 0 18px; }
@media (max-width: 980px) { .menu-publico,.acoes-cabecalho { display:none; }.menu-mobile { display:block; }.menu-publico.aberto { display:flex; position:absolute; top:72px; left:16px; right:16px; background:#fff; border:1px solid #ececf4; border-radius:16px; padding:18px; flex-direction:column; box-shadow:var(--sombra-card); }.grade-hero { grid-template-columns:1fr; text-align:center; }.conteudo-hero > p { margin-inline:auto; }.acoes-hero,.confianca-hero { justify-content:center; }.visual-hero { min-height:430px; }.grade-recursos { grid-template-columns:repeat(2,1fr); }.grade-como { grid-template-columns:1fr; gap:30px; }.mockup-celular { min-height:420px; }.chamada-final { align-items:flex-start; flex-direction:column; }.grade-beneficios article { padding:18px; } }
@media (max-width: 680px) { .hero { padding:58px 0 45px; }.conteudo-hero h1 { font-size:2.55rem; }.visual-hero { min-height:300px; margin-top:10px; }.cartao-flutuante { display:none; }.grade-beneficios { grid-template-columns:1fr; padding:12px 0; }.grade-beneficios article { min-height:88px; border-right:0; border-bottom:1px solid #ececf4; }.grade-recursos { grid-template-columns:1fr; }.secao { padding:72px 0; }.chamada-final { padding:36px 26px; border-radius:22px; }.botao-grande { width:100%; }.mockup-celular img { max-height:440px; } }