:root{--fundo:#0b1a2e;--cartao:#12253f;--texto:#eef3f9;--suave:#a9b8cc;--laranja:#f5a524;--laranja-forte:#e8901a;--borda:#21395a}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
a{color:var(--laranja)}
.topo{display:flex;justify-content:center;padding:22px 16px 6px}.topo img{height:40px;width:auto}
main{max-width:1040px;margin:0 auto;padding:0 16px 56px}
.heroi{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center;padding:28px 0 36px}
h1{font-size:clamp(30px,5vw,48px);line-height:1.12;margin:0 0 14px;letter-spacing:-.02em}
h1 em{font-style:normal;color:var(--laranja)}
.sub{font-size:18px;color:var(--suave);margin:0 0 26px;max-width:34em}
.botao{display:inline-block;background:var(--laranja);color:#1a1300;font-weight:700;font-size:18px;text-decoration:none;padding:15px 28px;border-radius:999px}
.botao:hover{background:var(--laranja-forte)}
.nota{font-size:13px;color:var(--suave);margin-top:12px}
video{width:100%;aspect-ratio:9/16;border-radius:18px;background:#000;border:1px solid var(--borda);box-shadow:0 20px 50px rgba(0,0,0,.45)}
h2{font-size:26px;margin:8px 0 18px;text-align:center}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.item{background:var(--cartao);border:1px solid var(--borda);border-radius:14px;overflow:hidden}
.item img{display:block;width:100%;height:200px;object-fit:contain;background:#fff;padding:8px}
.item div{padding:14px 16px 18px}.item h3{margin:0 0 4px;font-size:18px}.item p{margin:0;color:var(--suave);font-size:15px}
.final{text-align:center;background:var(--cartao);border:1px solid var(--borda);border-radius:18px;padding:34px 18px;margin-top:40px}
.final p{color:var(--suave);margin:0 0 20px}
.lista{display:grid;gap:14px;max-width:560px;margin:24px auto}
.lista a{display:block;background:var(--cartao);border:1px solid var(--borda);border-radius:14px;padding:18px;text-decoration:none;color:var(--texto);font-weight:600}
.lista a span{display:block;color:var(--suave);font-weight:400;font-size:14px}
footer{text-align:center;color:var(--suave);font-size:12px;padding:20px 16px 34px}
@media (max-width:760px){.heroi{grid-template-columns:1fr;gap:26px;text-align:center}.heroi .video{max-width:300px;margin:0 auto}.sub{margin-left:auto;margin-right:auto}}
/* ---- página inicial (v4) ---- */
.capa-inicio{position:relative;overflow:hidden}
.capa-inicio::before{content:"";position:absolute;inset:-30% -10% auto -10%;height:520px;background:radial-gradient(closest-side,rgba(245,165,36,.22),transparent 70%),radial-gradient(closest-side at 80% 40%,rgba(56,132,255,.20),transparent 70%);pointer-events:none}
.chamada{position:relative;text-align:center;padding:26px 0 8px;max-width:760px;margin:0 auto}
.selo{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--laranja);background:rgba(245,165,36,.12);border:1px solid rgba(245,165,36,.35);padding:6px 12px;border-radius:999px;margin-bottom:16px}
.chamada .sub{margin:0 auto 24px}
.fichas{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px;padding:0;list-style:none}
.fichas li{font-size:14px;color:var(--texto);background:var(--cartao);border:1px solid var(--borda);padding:7px 12px;border-radius:999px}
.segmentos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:34px 0 10px}
.seg{display:block;text-decoration:none;color:var(--texto);background:var(--cartao);border:1px solid var(--borda);border-radius:18px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.seg:hover,.seg:focus-visible{transform:translateY(-4px);border-color:var(--laranja);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.seg .mini{position:relative;aspect-ratio:4/5;overflow:hidden;background:#0d2038}
.seg .mini img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.seg .mini span{position:absolute;left:12px;bottom:12px;background:rgba(11,26,46,.85);color:#fff;font-size:13px;font-weight:700;padding:6px 10px;border-radius:999px}
.seg .txt{padding:16px 18px 20px}
.seg h3{margin:0 0 6px;font-size:19px}
.seg p{margin:0 0 12px;color:var(--suave);font-size:15px}
.seg .ver{color:var(--laranja);font-weight:700;font-size:15px}
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:44px 0 10px;counter-reset:p}
.passo{background:var(--cartao);border:1px solid var(--borda);border-radius:16px;padding:20px}
.passo b{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:6px}
.passo b::before{counter-increment:p;content:counter(p);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--laranja);color:#1a1300;font-size:15px}
.passo p{margin:0;color:var(--suave);font-size:15px}
@media (max-width:820px){.segmentos{grid-template-columns:1fr}.seg .mini{aspect-ratio:16/10}.passos{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.seg{transition:none}.seg:hover{transform:none}}
/* ---- v5: fundo de cidade, cartões de vidro e preço ---- */
body{background:#0b1a2e;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,18,34,.30) 0%,rgba(8,18,34,.62) 45%,rgba(8,18,34,.88) 100%),url(/img/fundo-negocios.jpg) right top/cover no-repeat}
@media (max-width:760px){body::before{background:linear-gradient(180deg,rgba(8,18,34,.4),rgba(8,18,34,.9)),url(/img/fundo-negocios-cel.jpg) right top/cover no-repeat}}
.item,.seg,.passo,.final,.lista a,.fichas li{background:rgba(18,37,63,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(120,160,210,.22)}
.capa-inicio::before{opacity:.55}
.preco{display:inline-flex;flex-direction:column;align-items:center;gap:2px;margin:0 0 22px;padding:14px 22px;border-radius:16px;background:rgba(245,165,36,.10);border:1px solid rgba(245,165,36,.45)}
.preco .rot{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--suave)}
.preco .val{font-size:34px;font-weight:800;color:#fff;line-height:1.1}
.preco .val small{font-size:17px;font-weight:600;color:var(--suave)}
.preco .det{font-size:12.5px;color:var(--suave);max-width:430px;text-align:center;margin-top:4px}
.heroi .preco{align-items:flex-start;text-align:left}.heroi .preco .det{text-align:left}
@media (max-width:760px){.heroi .preco{align-items:center}.heroi .preco .det{text-align:center}}

.preco-mini{margin:0 0 18px;font-size:15px;color:var(--suave)}
.preco-mini b{color:#fff;font-size:17px}