:root{--bg:#121318;--card:#1c1d23;--linha:#2b2c33;--txt:#f3efee;--mute:#a9a3ad;--red:#ff5a4e;--red2:#AE2012;--tg:#2AABEE;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#2a1412 0,var(--bg) 60%) var(--bg);color:var(--txt);font:17px/1.6 'Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;padding-inline:20px}
main,header,footer{max-width:980px;margin-inline:auto}
.topo{padding-block:22px}
.marca{display:flex;align-items:center;gap:10px;font:900 18px/1 Montserrat,system-ui,sans-serif;letter-spacing:.08em}
.marca b{color:var(--red)}
.frasco{width:30px;height:30px;fill:none;stroke:var(--txt);stroke-width:12;stroke-linecap:round;stroke-linejoin:round}
.frasco circle{fill:var(--txt);stroke:none}
.hero{padding-block:48px 28px;text-align:center}
.kicker{font:600 13px/1 Montserrat,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 18px}
h1{font:900 clamp(40px,8vw,76px)/1.04 Montserrat,system-ui,sans-serif;margin:0 0 18px;text-wrap:balance}
h1 em{font-style:normal;color:var(--red)}
.sub{max-width:620px;margin:0 auto 30px;color:#d9d3d6;font-size:19px;text-wrap:balance}
.cta{display:inline-flex;align-items:center;gap:12px;background:var(--tg);color:#fff;text-decoration:none;font:800 18px/1 Montserrat,system-ui,sans-serif;padding:18px 28px;border-radius:999px;box-shadow:0 12px 30px rgba(42,171,238,.28);transition:transform .15s}
.cta:hover{transform:translateY(-2px)}
.cta svg{width:24px;height:24px;fill:#fff}
.nota{color:var(--mute);font-size:14px;margin:14px 0 0}
.vitrine{display:flex;gap:18px;justify-content:center;padding-block:34px;overflow-x:auto;scroll-snap-type:x mandatory}
.vitrine figure{margin:0;flex:0 0 auto;width:min(230px,62vw);scroll-snap-align:center;text-align:center}
.vitrine img{width:100%;height:auto;border-radius:26px;border:6px solid #2a2b31;box-shadow:0 20px 50px rgba(0,0,0,.5);display:block}
.vitrine figcaption{margin-top:10px;font:600 14px/1.3 Montserrat,system-ui,sans-serif;color:var(--mute)}
.bloco{padding-block:34px}
h2{font:800 clamp(26px,4vw,34px)/1.15 Montserrat,system-ui,sans-serif;margin:0 0 20px;text-wrap:balance}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.cards article{background:var(--card);border:1px solid var(--linha);border-radius:18px;padding:20px}
.cards .ic{font-size:28px}
.cards h3,.passos h3{font:800 18px/1.25 Montserrat,system-ui,sans-serif;margin:10px 0 6px}
.cards p,.passos p{margin:0;color:var(--mute);font-size:16px}
.passos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.passos li{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--linha);border-radius:18px;padding:20px}
.passos li>b{flex:none;width:38px;height:38px;border-radius:50%;background:var(--red2);display:grid;place-items:center;font:900 17px/1 Montserrat,system-ui,sans-serif}
.passos h3{margin-top:4px}
.final{text-align:center;padding-block:46px 30px}
footer{text-align:center;color:var(--mute);font-size:14px;padding-block:24px 40px;border-top:1px solid var(--linha)}
@media (max-width:520px){.hero{padding-top:28px}.vitrine{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){.cta{transition:none}}