:root{--bg:#120a0e;--surface:#22131a;--line:rgba(255,214,226,.12);--txt:#fbeef1;--muted:#c9a9b4;--rose:#ff5d7d;--rose2:#ff8aa1;--gold:#f5b85c;--wine:#7a1f3d}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(120% 60% at 10% 0%,rgba(122,31,61,.55),transparent 60%),var(--bg);color:var(--txt);font:17px/1.65 'Hanken Grotesk',system-ui,sans-serif}
a{color:var(--rose2)}
.topo{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:820px;margin:0 auto;padding:16px}
.marca{display:flex;align-items:center;gap:8px;font:26px 'Instrument Serif',Georgia,serif;color:var(--txt);text-decoration:none}
.marca em{color:var(--rose2)}
.bolas{display:inline-flex}.bolas i{width:22px;height:22px;border-radius:50%;background:#d63a60;mix-blend-mode:screen}.bolas i+i{background:#d9932f;margin-left:-9px}
nav{display:flex;align-items:center;gap:14px;font-weight:600}
nav a{color:var(--txt);text-decoration:none}
.btn{display:inline-block;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,var(--rose),#e2416a 55%,var(--wine));color:#fff!important;font-weight:800;text-decoration:none}
.btn.grande{padding:15px 26px;font-size:18px}
.artigo{max-width:760px;margin:0 auto;padding:8px 16px 40px}
.trilha{font-size:14px;color:var(--muted)}.trilha a{color:var(--muted)}
h1,h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:1.08}
h1{font-size:clamp(36px,7vw,54px);margin:8px 0 12px}
h1 em,h2 em{color:var(--rose2)}
h2{font-size:clamp(28px,5vw,36px);margin:34px 0 10px}
.lede{font-size:19px;color:var(--muted)}
li{margin:6px 0}
.cta{margin:40px 0;padding:24px;border:1px solid var(--gold);border-radius:22px;background:linear-gradient(135deg,rgba(245,184,92,.10),rgba(255,93,125,.10));text-align:center}
.cta h2{margin-top:6px}.cta .tag{margin:0;color:var(--gold);font-weight:800;font-size:14px}.cta .mini{margin:8px 0 0;font-size:14px;color:var(--muted)}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:600}
.leia ul{padding-left:18px}
.cards{display:grid;gap:14px;margin-top:20px}
.card{display:block;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--txt);text-decoration:none}
.card h2{margin:0 0 6px;font-size:28px}.card p{margin:0;color:var(--muted)}.card span{display:inline-block;margin-top:10px;color:var(--rose2);font-weight:700}
.rodape{max-width:760px;margin:0 auto;padding:20px 16px 40px;text-align:center;color:var(--muted);font-size:14px}.rodape a{color:var(--muted)}
