:root {
    --azul-950: #06162f;
    --azul-900: #0a2348;
    --azul-800: #0c3674;
    --azul-700: #0f4cbd;
    --azul-600: #1467e8;
    --azul-500: #1598f6;
    --azul-100: #eaf4ff;
    --verde: #16a66a;
    --texto: #13233c;
    --texto-suave: #5e6e84;
    --borda: #dce6f2;
    --fundo: #f7faff;
    --branco: #ffffff;
    --sombra: 0 20px 50px rgba(8, 35, 78, 0.12);
    --raio: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--texto);
    background: var(--branco);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, a { -webkit-tap-highlight-color: transparent; }
.container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }

.topo {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid rgba(220,230,242,.9);
    backdrop-filter: blur(16px);
}
.navegacao { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.marca img { width: 150px; max-height: 62px; object-fit: contain; object-position: left center; }
.menu-principal { display: flex; align-items: center; gap: 30px; font-weight: 650; }
.menu-principal > a:not(.botao) { color: #415168; transition: .2s ease; }
.menu-principal > a:not(.botao):hover { color: var(--azul-600); }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--borda); border-radius: 12px; background: #fff; padding: 10px; }
.menu-toggle span { display: block; height: 2px; background: var(--texto); margin: 5px 0; border-radius: 2px; }

.botao { min-height: 48px; padding: 0 22px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; cursor: pointer; }
.botao:hover { transform: translateY(-2px); }
.botao-principal { color: #fff; background: linear-gradient(135deg, var(--azul-700), var(--azul-500)); box-shadow: 0 14px 30px rgba(15,76,189,.25); }
.botao-principal:hover { box-shadow: 0 18px 38px rgba(15,76,189,.32); }
.botao-secundario, .botao-contorno, .botao-plano { color: var(--azul-700); background: #fff; border-color: #bed3ef; }
.botao-claro { background: #fff; color: var(--azul-800); box-shadow: 0 12px 25px rgba(0,0,0,.13); }

.hero { position: relative; overflow: hidden; padding: 86px 0 92px; background: linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%); }
.hero::after { content:""; position:absolute; inset:auto -10% -140px; height:220px; background:#fff; transform:rotate(-3deg); }
.hero-brilho { position:absolute; border-radius:50%; filter:blur(2px); opacity:.6; }
.hero-brilho-um { width:420px; height:420px; right:-150px; top:-150px; background:radial-gradient(circle,rgba(21,152,246,.22),transparent 70%); }
.hero-brilho-dois { width:340px; height:340px; left:-190px; bottom:-120px; background:radial-gradient(circle,rgba(15,76,189,.18),transparent 70%); }
.hero-grade { position:relative; z-index:2; display:grid; grid-template-columns:1.02fr .98fr; gap:64px; align-items:center; }
.selo { display:inline-flex; align-items:center; gap:8px; color:var(--azul-700); background:#e7f2ff; border:1px solid #c7def7; padding:8px 13px; border-radius:999px; font-size:.9rem; font-weight:850; }
.selo::before { content:"★"; color:#f2a10c; }
.hero h1 { margin:20px 0 18px; max-width:730px; font-size:clamp(2.45rem,5.2vw,4.6rem); line-height:1.04; letter-spacing:-.045em; color:var(--azul-950); }
.hero-conteudo > p { max-width:650px; color:var(--texto-suave); font-size:1.15rem; }
.hero-acoes { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.hero-garantias { display:flex; flex-wrap:wrap; gap:18px; margin-top:24px; color:#4e627b; font-size:.91rem; font-weight:650; }

.hero-painel { background:linear-gradient(150deg,#0b2145,#0a1730); color:#fff; border:1px solid rgba(255,255,255,.13); border-radius:28px; padding:22px; box-shadow:0 35px 70px rgba(5,24,55,.28); transform:perspective(1100px) rotateY(-4deg) rotateX(1deg); }
.painel-topo { display:flex; justify-content:space-between; align-items:center; font-weight:800; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.1); }
.status { color:#b9ead5; font-size:.82rem; }.status i { display:inline-block; width:8px; height:8px; border-radius:50%; background:#2ed58b; margin-right:6px; box-shadow:0 0 12px #2ed58b; }
.metricas { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:18px 0; }
.metricas article { min-width:0; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:14px; }
.metricas small, .metricas span { display:block; color:#94a9c8; font-size:.72rem; }
.metricas strong { display:block; font-size:1.08rem; margin:3px 0; white-space:nowrap; }
.metricas .positivo { color:#3dde99; }
.grafico { height:180px; display:flex; gap:11px; align-items:end; padding:22px 18px 0; border-radius:18px; background:linear-gradient(180deg,rgba(28,110,225,.12),rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.08); }
.grafico span { flex:1; border-radius:8px 8px 3px 3px; background:linear-gradient(180deg,#27b0ff,#155aca); box-shadow:0 8px 22px rgba(21,152,246,.25); }
.painel-rodape { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:16px; }
.painel-rodape div { padding:12px; border-radius:14px; background:rgba(255,255,255,.04); }
.painel-rodape b, .painel-rodape small { display:block; }.painel-rodape small { color:#8fa4c4; margin-top:3px; font-size:.72rem; }

.faixa-beneficios { position:relative; z-index:4; margin-top:-22px; }
.beneficios-rapidos { display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid var(--borda); border-radius:18px; box-shadow:var(--sombra); }
.beneficios-rapidos div { padding:23px; border-right:1px solid var(--borda); }
.beneficios-rapidos div:last-child { border-right:0; }
.beneficios-rapidos strong, .beneficios-rapidos span { display:block; }.beneficios-rapidos strong { color:var(--azul-800); }.beneficios-rapidos span { color:var(--texto-suave); font-size:.88rem; margin-top:2px; }

.secao { padding:105px 0; }
.cabecalho-secao { text-align:center; max-width:760px; margin:0 auto 48px; }
.rotulo { display:inline-block; color:var(--azul-600); text-transform:uppercase; letter-spacing:.11em; font-weight:900; font-size:.78rem; }
.cabecalho-secao h2, .sobre-grade h2, .faq h2, .cta-final h2 { margin:10px 0 15px; color:var(--azul-950); font-size:clamp(2rem,4vw,3.15rem); line-height:1.12; letter-spacing:-.035em; }
.cabecalho-secao p, .sobre-grade p, .faq p { color:var(--texto-suave); font-size:1.05rem; }
.grade-recursos { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.recurso { padding:30px; border:1px solid var(--borda); border-radius:20px; background:#fff; transition:.25s ease; }
.recurso:hover { transform:translateY(-6px); box-shadow:var(--sombra); border-color:#bcd4f2; }
.icone { width:50px; height:50px; display:inline-flex; align-items:center; justify-content:center; border-radius:15px; background:linear-gradient(145deg,#e3f1ff,#f5f9ff); color:var(--azul-700); font-weight:950; font-size:1.1rem; }
.recurso h3 { margin:20px 0 8px; font-size:1.25rem; }.recurso p { color:var(--texto-suave); margin:0; }

.secao-escura { position:relative; overflow:hidden; background:linear-gradient(145deg,var(--azul-950),#0c2d5f); color:#fff; }
.secao-escura::before { content:""; position:absolute; width:500px; height:500px; right:-150px; bottom:-260px; border-radius:50%; background:radial-gradient(circle,rgba(21,152,246,.3),transparent 70%); }
.sobre-grade { position:relative; display:grid; grid-template-columns:1.1fr .7fr; gap:70px; align-items:center; }
.sobre-grade h2 { color:#fff; }.sobre-grade p { color:#aec0da; }.rotulo-claro { color:#64c4ff; }
.lista-check { list-style:none; padding:0; margin:28px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.lista-check li { position:relative; padding-left:29px; color:#e8f1ff; }.lista-check li::before { content:"✓"; position:absolute; left:0; color:#35d998; font-weight:900; }
.sobre-cartao { padding:38px; border-radius:26px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); box-shadow:0 30px 60px rgba(0,0,0,.2); }
.sobre-numero { display:block; font-size:6rem; line-height:.85; font-weight:950; color:#59c4ff; letter-spacing:-.07em; }.sobre-cartao strong { display:block; font-size:1.5rem; margin-top:14px; }.sobre-cartao .botao { margin-top:16px; }

.planos { background:var(--fundo); }
.seletor-ciclo { display:flex; width:max-content; margin:-12px auto 38px; background:#e7edf6; padding:5px; border-radius:14px; }
.seletor-ciclo button { border:0; background:transparent; color:#5d6a7e; padding:11px 20px; border-radius:10px; font-weight:850; cursor:pointer; }
.seletor-ciclo button.ativo { background:#fff; color:var(--azul-700); box-shadow:0 6px 18px rgba(12,54,116,.12); }
.seletor-ciclo span { color:#15975f; font-size:.72rem; margin-left:4px; }
.grade-planos { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch; }
.grade-planos-dois { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:920px; margin:0 auto; }
.plano-card { position:relative; display:flex; flex-direction:column; padding:32px; border:1px solid var(--borda); border-radius:24px; background:#fff; box-shadow:0 12px 35px rgba(8,35,78,.07); }
.plano-card.destaque { border:2px solid var(--azul-600); transform:translateY(-10px); box-shadow:0 25px 55px rgba(15,76,189,.17); }
.mais-escolhido { position:absolute; top:-16px; left:50%; transform:translateX(-50%); white-space:nowrap; background:linear-gradient(135deg,var(--azul-700),var(--azul-500)); color:#fff; border-radius:999px; padding:7px 14px; font-size:.78rem; font-weight:900; }
.plano-tipo { color:var(--azul-600); font-size:.76rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.plano-card h3 { font-size:1.65rem; margin:8px 0; color:var(--azul-950); }.plano-card p { color:var(--texto-suave); margin:0; }
.preco { display:flex; align-items:flex-start; margin:28px 0 0; color:var(--azul-950); }.preco small { margin:11px 5px 0 0; font-weight:800; }.preco strong { font-size:2.8rem; line-height:1; letter-spacing:-.04em; }.preco span { align-self:flex-end; color:var(--texto-suave); font-size:.86rem; margin:0 0 4px 5px; }
.equivalente { min-height:24px; margin-top:7px!important; color:#16875b!important; font-size:.83rem; font-weight:750; }
.plano-card ul { list-style:none; padding:0; margin:23px 0 28px; flex:1; }.plano-card li { padding:10px 0 10px 27px; border-bottom:1px solid #edf1f6; position:relative; }.plano-card li::before { content:"✓"; position:absolute; left:0; color:var(--verde); font-weight:950; }
.aviso-planos { max-width:800px; margin:34px auto 0; text-align:center; color:var(--texto-suave); font-size:.92rem; }

.faq-grade { display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; align-items:start; }
.acordeao details { border-bottom:1px solid var(--borda); padding:0 0 18px; margin-bottom:18px; }.acordeao summary { cursor:pointer; font-weight:850; color:var(--azul-950); font-size:1.08rem; list-style:none; position:relative; padding-right:32px; }.acordeao summary::-webkit-details-marker { display:none; }.acordeao summary::after { content:"+"; position:absolute; right:0; top:-4px; font-size:1.5rem; color:var(--azul-600); }.acordeao details[open] summary::after { content:"−"; }.acordeao p { margin:10px 0 0; font-size:.96rem; }

.cta-final { padding:72px 0; background:linear-gradient(135deg,var(--azul-700),var(--azul-500)); color:#fff; }
.cta-conteudo { display:flex; justify-content:space-between; gap:50px; align-items:center; }.cta-final h2 { color:#fff; margin:5px 0 10px; }.cta-final p { max-width:720px; color:#e5f2ff; margin:0; }.cta-final span { font-weight:900; text-transform:uppercase; letter-spacing:.1em; font-size:.8rem; }.cta-acoes { display:flex; flex-direction:column; align-items:center; gap:12px; flex:none; }.link-contato { color:#fff; font-weight:750; font-size:.9rem; }

.rodape { background:#06142b; color:#bdcbe0; padding:68px 0 20px; }.rodape-grade { display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:50px; }.rodape-marca img { width:170px; filter:brightness(0) invert(1); opacity:.95; }.rodape-marca p { max-width:360px; color:#93a7c4; }.rodape-grade strong { display:block; color:#fff; margin-bottom:14px; }.rodape-grade a, .rodape-grade span { display:block; margin:9px 0; color:#9fb0c8; }.rodape-grade a:hover { color:#fff; }.rodape-final { display:flex; justify-content:space-between; gap:20px; border-top:1px solid rgba(255,255,255,.09); margin-top:48px; padding-top:20px; font-size:.84rem; }

@media (max-width: 980px) {
    .menu-toggle { display:block; }
    .menu-principal { position:absolute; left:20px; right:20px; top:75px; display:none; flex-direction:column; align-items:stretch; gap:5px; background:#fff; border:1px solid var(--borda); border-radius:16px; padding:16px; box-shadow:var(--sombra); }
    .menu-principal.aberto { display:flex; }.menu-principal a { padding:10px; }
    .hero-grade, .sobre-grade { grid-template-columns:1fr; }.hero-painel { transform:none; max-width:720px; }.hero-grade { gap:45px; }
    .beneficios-rapidos { grid-template-columns:1fr 1fr; }.beneficios-rapidos div:nth-child(2) { border-right:0; }.beneficios-rapidos div:nth-child(-n+2) { border-bottom:1px solid var(--borda); }
    .grade-recursos { grid-template-columns:1fr 1fr; }.grade-planos { grid-template-columns:1fr; max-width:680px; margin:auto; }.plano-card.destaque { transform:none; }.faq-grade { grid-template-columns:1fr; gap:35px; }.rodape-grade { grid-template-columns:1.4fr 1fr 1fr; }.rodape-grade > div:last-child { grid-column:2 / 4; }
}

@media (max-width: 680px) {
    .container { width:min(100% - 28px,1160px); }.navegacao { min-height:70px; }.marca img { width:125px; max-height:52px; }
    .hero { padding:58px 0 70px; }.hero h1 { font-size:2.55rem; }.hero-conteudo > p { font-size:1rem; }.hero-acoes .botao { width:100%; }.hero-garantias { display:grid; gap:8px; }
    .metricas { grid-template-columns:1fr; }.grafico { height:145px; }.painel-rodape { grid-template-columns:1fr; }.hero-painel { padding:15px; }
    .beneficios-rapidos, .grade-recursos { grid-template-columns:1fr; }.beneficios-rapidos div { border-right:0!important; border-bottom:1px solid var(--borda); }.beneficios-rapidos div:last-child { border-bottom:0; }
    .secao { padding:75px 0; }.lista-check { grid-template-columns:1fr; }.sobre-cartao { padding:28px; }.sobre-numero { font-size:5rem; }
    .plano-card { padding:27px 22px; }.preco strong { font-size:2.35rem; }.seletor-ciclo button { padding:10px 14px; }
    .cta-conteudo { align-items:flex-start; flex-direction:column; }.cta-acoes { width:100%; align-items:stretch; }.rodape-grade { grid-template-columns:1fr 1fr; }.rodape-marca { grid-column:1 / -1; }.rodape-grade > div:last-child { grid-column:auto; }.rodape-final { flex-direction:column; }
}

/* Aplicativo Android */
.botao-android { background:linear-gradient(135deg,#16a965,#0b7e49); color:#fff; border-color:transparent; box-shadow:0 12px 28px rgba(11,126,73,.22); }
.botao-android:hover { background:linear-gradient(135deg,#19b970,#096c3f); transform:translateY(-2px); }
.aplicativo { background:linear-gradient(180deg,#f8fbff,#eef5ff); overflow:hidden; }
.aplicativo-grade { display:grid; grid-template-columns:1.05fr .75fr; gap:90px; align-items:center; }
.aplicativo-conteudo h2 { margin:10px 0 16px; color:var(--azul-950); font-size:clamp(2rem,4vw,3.15rem); line-height:1.12; letter-spacing:-.035em; }
.aplicativo-conteudo > p { max-width:690px; color:var(--texto-suave); font-size:1.05rem; }
.lista-app { list-style:none; padding:0; margin:28px 0; display:grid; grid-template-columns:1fr 1fr; gap:14px 24px; }
.lista-app li { position:relative; padding-left:28px; color:#233751; font-weight:700; }
.lista-app li::before { content:"✓"; position:absolute; left:0; color:#16a965; font-weight:950; }
.aplicativo-acoes { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.botao-android-grande { display:inline-flex; align-items:center; gap:12px; padding:12px 21px; }
.botao-android-grande small,.botao-android-grande strong { display:block; line-height:1.05; }
.botao-android-grande small { font-size:.69rem; font-weight:700; opacity:.86; }
.botao-android-grande strong { font-size:1.08rem; }
.android-icone { font-size:1.3rem; transform:rotate(45deg); }
.aviso-apk { display:block; color:#6b7c94; margin-top:14px; }
.celular-mockup { width:min(330px,100%); margin:auto; padding:12px; border-radius:42px; background:linear-gradient(145deg,#13233d,#020817); box-shadow:0 35px 70px rgba(6,31,72,.28); border:1px solid rgba(255,255,255,.22); transform:rotate(2deg); }
.celular-topo { height:26px; display:flex; justify-content:center; align-items:center; }
.celular-topo span { width:88px; height:7px; border-radius:999px; background:#263851; }
.celular-tela { min-height:520px; border-radius:29px; background:linear-gradient(180deg,#0d1930,#101e37); padding:28px 18px; color:#fff; overflow:hidden; }
.celular-tela > img { display:block; width:150px; max-height:100px; object-fit:contain; margin:5px auto 32px; }
.app-linha { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }
.app-linha span { font-weight:850; }.app-linha b { color:#65e1a3; font-size:.75rem; }
.app-cards { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.app-cards div { padding:15px 12px; border-radius:15px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08); }
.app-cards small,.app-cards strong { display:block; }.app-cards small { color:#94a9c8; }.app-cards strong { margin-top:5px; font-size:1.05rem; }
.app-menu { margin-top:18px; display:grid; gap:10px; }
.app-menu span { padding:13px; border-radius:13px; background:#152a4b; color:#c9daf2; }
.celular-base { width:112px; height:5px; border-radius:999px; background:#52647c; margin:9px auto 2px; }

@media (max-width: 980px) {
    .aplicativo-grade { grid-template-columns:1fr; gap:55px; }
    .celular-mockup { transform:none; }
}
@media (max-width: 680px) {
    .lista-app { grid-template-columns:1fr; }
    .aplicativo-acoes .botao { width:100%; }
}

/* Selo padrão do Google Play */
.google-play-badge {
    display:inline-flex;
    align-items:center;
    line-height:0;
    border-radius:12px;
    transition:transform .22s ease, filter .22s ease;
}
.google-play-badge img {
    display:block;
    width:auto;
    height:64px;
    max-width:100%;
    object-fit:contain;
}
.google-play-badge:hover {
    transform:translateY(-2px) scale(1.015);
    filter:brightness(1.06);
}
.google-play-badge:focus-visible {
    outline:3px solid rgba(47,128,255,.45);
    outline-offset:4px;
}
.google-play-badge-hero img { height:52px; }
@media (max-width:720px) {
    .google-play-badge,
    .google-play-badge-hero { justify-content:center; width:100%; }
    .google-play-badge img,
    .google-play-badge-hero img { height:auto; width:min(260px,100%); }
}