:root{--verm:#D32617;--verm2:#C42A1E;--bran:#F2EFE8;--ambar:#F5A40E;--asf:#1A1A18;--asf2:#242422;--cinza:#8C8A84}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bran);color:var(--asf);font:500 17px/1.55 Montserrat,sans-serif;padding-bottom:calc(68px + env(safe-area-inset-bottom))}
h1,h2{text-wrap:balance}
a{color:inherit}
.tit{font-family:Saira,sans-serif;font-stretch:125%;font-weight:800;letter-spacing:-.01em;line-height:1}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.rot{font:700 12px/1 Montserrat;letter-spacing:.18em;text-transform:uppercase}
.sep{display:inline-block;width:.32em;height:.32em;border-radius:50%;background:currentColor;vertical-align:.2em;margin:0 .6em 0 calc(.6em - .18em)}

/* topo */
header{background:var(--asf);color:var(--bran);position:sticky;top:0;z-index:20}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
header img{height:34px;display:block}
nav{display:none;gap:26px;font:600 15px Montserrat}
nav a{text-decoration:none;opacity:.85}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:10px;padding:14px 20px;font:700 16px/1 Montserrat;text-decoration:none;border:0}
.btn-verm{background:var(--verm);color:#fff}
.btn-claro{background:var(--bran);color:var(--asf)}
.btn-borda{border:2px solid rgba(242,239,232,.35);color:var(--bran)}
.topo-cta{display:none}

/* primeira tela */
.hero{background:var(--asf);color:var(--bran);padding:40px 0 48px;position:relative;overflow:hidden}
.hero h1{font-size:clamp(44px,11vw,92px);margin:14px 0 0}
.hero h1 em{font-style:normal;color:var(--ambar)}
.hero p.lead{font-size:19px;max-width:560px;margin:18px 0 0;opacity:.9}
.hero .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero .selos{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.selo{font:700 13px Montserrat;padding:8px 12px;border-radius:999px;background:var(--asf2);border:1px solid #3a3a37}
.hero .simbolo{display:none}
.luz{animation:pisca 1.3s steps(1) 2}
@keyframes pisca{0%{opacity:1}50%{opacity:.15}}

/* passos do socorro */
.secao{padding:64px 0}
.secao h2{font-size:clamp(32px,6vw,52px);margin:12px 0 0}
.passos{display:grid;gap:16px;margin-top:32px;counter-reset:p}
.passo{background:#fff;border-radius:14px;padding:24px;border:1px solid #E2DED5;position:relative}
.passo .n{font:800 56px/1 Saira;font-stretch:125%;color:var(--verm)}
.passo h3{font:800 24px/1.1 Saira;font-stretch:125%;margin:10px 0 8px}
.passo p{margin:0;color:#4A4843}
.passo.ultimo{background:var(--asf);color:var(--bran);border-color:var(--asf)}
.passo.ultimo p{color:#CFCBC2}
.passo.ultimo .n{color:var(--ambar)}

/* portas */
.portas{display:grid;gap:16px;margin-top:32px}
.porta{display:flex;flex-direction:column;justify-content:space-between;min-height:260px;border-radius:14px;padding:26px;text-decoration:none;position:relative;overflow:hidden}
.porta h3{font:800 30px/1.02 Saira;font-stretch:125%;margin:0}
.porta ul{list-style:none;padding:0;margin:16px 0 0;font-size:15px;line-height:1.7}
.porta .ir{font:700 15px Montserrat;margin-top:18px;display:inline-flex;align-items:center;gap:8px}
.p1{background:var(--verm);color:#fff}
.p2{background:var(--asf);color:var(--bran)}
.p3{background:#fff;border:1px solid #E2DED5}
.foto{border:2px dashed currentColor;opacity:.35;border-radius:10px;height:120px;display:flex;align-items:center;justify-content:center;font:600 13px Montserrat;margin-top:18px}

/* faixa empresas */
.empresas{background:var(--asf);color:var(--bran)}
.empresas .grade{display:grid;gap:20px;margin-top:30px}
.cartao{background:var(--asf2);border:1px solid #34342f;border-radius:14px;padding:26px}
.cartao h3{font:800 26px/1.05 Saira;font-stretch:125%;margin:0 0 10px}
.cartao p{margin:0;color:#CFCBC2}
.cartao .ir{margin-top:18px}

/* por que */
.porque{display:grid;gap:14px;margin-top:28px}
.item{display:flex;gap:14px;align-items:flex-start}
.item svg{flex:none;margin-top:4px}
.item b{display:block;font:800 20px/1.15 Saira;font-stretch:125%}

/* avaliações e onde */
.duas{display:grid;gap:20px;margin-top:30px}
.caixa{background:#fff;border:1px solid #E2DED5;border-radius:14px;padding:24px}
.estrelas{color:var(--ambar);font-size:22px;letter-spacing:2px}
.mapa{height:240px;border-radius:10px;background:repeating-linear-gradient(45deg,#E9E5DC 0 12px,#F2EFE8 12px 24px);display:flex;align-items:center;justify-content:center;font:600 14px Montserrat;color:#6b6862;margin-top:14px}

footer{background:var(--asf);color:#CFCBC2;padding:48px 0 30px;font-size:15px}
footer .cols{display:grid;gap:26px}
footer b{color:var(--bran);display:block;margin-bottom:8px;font:700 13px Montserrat;letter-spacing:.14em;text-transform:uppercase}
footer a{text-decoration:none;display:flex;align-items:center;min-height:44px}
footer .fim{border-top:1px solid #34342f;margin-top:34px;padding-top:20px;font-size:13px;color:rgba(242,239,232,.68)}

/* barra fixa do celular */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--asf);border-top:1px solid #34342f}
.barra a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px calc(12px + env(safe-area-inset-bottom));font:700 14px Montserrat;white-space:nowrap;color:var(--bran);text-decoration:none}
.barra a.ligar{background:var(--verm)}

@media (min-width:900px){
 body{padding-bottom:0}
 .barra{display:none}
 nav{display:flex}
 .topo-cta{display:inline-flex}
 .hero{padding:80px 0 90px}
 .hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}
 .hero .simbolo{display:block;justify-self:end}
 .passos{grid-template-columns:repeat(3,1fr)}
 .portas{grid-template-columns:repeat(3,1fr)}
 .empresas .grade{grid-template-columns:1fr 1fr}
 .porque{grid-template-columns:1fr 1fr}
 .duas{grid-template-columns:1fr 1fr}
 footer .cols{grid-template-columns:2fr 1fr 1fr 1.3fr}
}
@media (prefers-reduced-motion:reduce){.luz{animation:none}}