@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500..800;1,9..144,500..700&family=Inter:wght@400;500;600;700&display=swap');
:root{--noite:#0A1424;--cosmico:#13233D;--cosmico-2:#1B2F50;--ouro:#D4A64A;--ouro-claro:#F1D08A;--ouro-escuro:#8A661E;--verde:#5E9E4B;--marfim:#F6F1E7;--grafite:#1E232B;--nevoa:#A9B4C6;--f-t:'Fraunces',Georgia,serif;--f-x:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f-x);background:var(--noite);color:var(--marfim);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.estreito{max-width:720px;margin:0 auto;padding:0 20px}
/* topo */
.topo{position:sticky;top:0;z-index:20;background:rgba(10,20,36,.86);backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,166,74,.15)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-t);font-size:20px;font-weight:600;white-space:nowrap}
.marca img{width:34px;height:34px}
.marca i{color:var(--ouro);font-style:italic}
.menu{display:flex;gap:22px;align-items:center;font-size:15px}
.menu a{text-decoration:none;color:var(--nevoa)}
.menu a:hover{color:var(--ouro-claro)}
@media(max-width:760px){.menu a:not(.btn){display:none}}
/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#F1D08A,#D4A64A 55%,#B8892F);color:var(--noite)!important;font-weight:700;text-decoration:none;padding:15px 28px;border-radius:999px;font-size:16px;box-shadow:0 10px 30px rgba(212,166,74,.25);transition:transform .15s,box-shadow .15s;border:0;cursor:pointer;text-align:center}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(212,166,74,.35)}
.btn.sm{padding:10px 18px;font-size:14px}
.btn.fantasma{background:transparent;color:var(--ouro-claro)!important;border:1px solid var(--ouro);box-shadow:none}
/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 0%,#1B2F50 0%,#0A1424 55%,#060C17 100%);padding:96px 0 88px}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(241,208,138,.12) 1px,transparent 1.4px);background-size:32px 32px;mask-image:linear-gradient(180deg,#000 40%,transparent)}
.hero .ondas{position:absolute;right:-220px;top:50%;transform:translateY(-50%);width:760px;opacity:.5;pointer-events:none}
.hero .wrap{position:relative}
.rotulo{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)}
h1,h2,h3{font-family:var(--f-t);font-weight:600;letter-spacing:-.015em;line-height:1.1}
.hero h1{font-size:clamp(38px,6vw,68px);max-width:820px;margin:16px 0 20px}
h1 em,h2 em{color:var(--ouro-claro);font-style:italic}
.hero p.sub{font-size:clamp(17px,2vw,20px);color:var(--nevoa);max-width:640px;margin-bottom:32px}
.acoes{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.micro{font-size:13px;color:var(--nevoa);margin-top:14px}
/* seções */
section.bloco{padding:84px 0}
section.claro{background:var(--marfim);color:var(--grafite)}
section.claro .rotulo{color:var(--ouro-escuro)}
section.claro h2 em{color:var(--ouro-escuro)}
section.cosmico{background:var(--cosmico)}
h2{font-size:clamp(30px,4vw,46px);margin:12px 0 18px;max-width:800px}
.lead{font-size:18px;color:var(--nevoa);max-width:680px}
section.claro .lead{color:#4b5563}
.grade{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:40px}
.card{background:rgba(19,35,61,.7);border:1px solid var(--cosmico-2);border-radius:16px;padding:28px;transition:border-color .2s,transform .2s}
.card:hover{border-color:rgba(212,166,74,.5);transform:translateY(-3px)}
section.claro .card{background:#fff;border-color:#e7dfcf}
.card .n{font-family:var(--f-t);font-size:40px;color:var(--ouro);line-height:1}
.card h3{font-size:22px;margin:12px 0 8px}
.card p{color:var(--nevoa);font-size:15.5px}
section.claro .card p{color:#4b5563}
.card a.mais{display:inline-block;margin-top:14px;color:var(--ouro);font-weight:600;text-decoration:none;font-size:15px}
section.claro .card a.mais{color:var(--ouro-escuro)}
.produto{display:flex;flex-direction:column}
.produto .preco{font-family:var(--f-t);font-size:30px;color:var(--ouro-claro);margin:10px 0 16px}
.produto .btn{margin-top:auto}
.selo{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--verde);border:1px solid var(--verde);border-radius:99px;padding:4px 10px}
/* faixa isca */
.isca{background:linear-gradient(120deg,#13233D,#0A1424);border:1px solid rgba(212,166,74,.35);border-radius:22px;padding:44px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
@media(max-width:760px){.isca{grid-template-columns:1fr;padding:28px}}
/* rodapé */
footer{background:#060C17;padding:48px 0 36px;color:var(--nevoa);font-size:14px;border-top:1px solid rgba(212,166,74,.15)}
footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer a{text-decoration:none;margin-right:16px}
footer a:hover{color:var(--ouro-claro)}
/* blog */
.post-topo{background:radial-gradient(120% 90% at 85% 0%,#1B2F50 0%,#0A1424 60%);padding:70px 0 56px}
.post-topo h1{font-size:clamp(32px,5vw,52px);margin:14px 0}
.post-topo .meta{color:var(--nevoa);font-size:14px}
article.post{background:var(--marfim);color:var(--grafite);padding:56px 0 72px}
article.post .estreito>*+*{margin-top:1.1em}
article.post p,article.post li{font-size:18.5px;line-height:1.75}
article.post h2{font-size:32px;margin-top:1.8em;color:var(--grafite)}
article.post h3{font-size:24px;margin-top:1.5em;color:var(--grafite)}
article.post a{color:var(--ouro-escuro);text-decoration-thickness:1px;text-underline-offset:3px}
article.post ul,article.post ol{padding-left:1.3em}
article.post li+li{margin-top:.4em}
article.post blockquote{border-left:4px solid var(--ouro);background:#fff;padding:20px 24px;border-radius:0 12px 12px 0;box-shadow:0 6px 24px rgba(30,35,43,.06)}
article.post blockquote p{font-size:17.5px}
article.post table{width:100%;border-collapse:collapse;font-size:16px;background:#fff;border-radius:12px;overflow:hidden;display:block;overflow-x:auto}
article.post th{background:var(--grafite);color:var(--marfim);text-align:left;padding:12px 14px;font-weight:600}
article.post td{padding:12px 14px;border-bottom:1px solid #eee4d2;vertical-align:top}
article.post code{background:#efe7d6;padding:2px 6px;border-radius:5px;font-size:.9em}
article.post pre{background:var(--grafite);color:var(--ouro-claro);padding:18px;border-radius:12px;overflow-x:auto;white-space:pre-wrap}
article.post pre code{background:none;padding:0;color:inherit}
.cta-post{margin-top:48px!important;background:var(--noite);color:var(--marfim);border-radius:18px;padding:34px;text-align:center}
.cta-post h3{color:var(--marfim)!important;margin:8px 0 10px!important;font-size:26px}
.cta-post p{color:var(--nevoa);font-size:16px!important;margin-bottom:20px}
.lista-posts .card h3{font-size:21px}
.lista-posts .card .pilar{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);font-weight:600}
.faq details{background:rgba(19,35,61,.6);border:1px solid var(--cosmico-2);border-radius:12px;padding:18px 22px;margin-top:12px}
section.claro .faq details,article.post .faq details{background:#fff;border-color:#e7dfcf}
.faq summary{cursor:pointer;font-weight:600;font-size:17px}
.faq details p{margin-top:10px}
.migalha{font-size:13px;color:var(--nevoa)}
.migalha a{text-decoration:none;color:var(--ouro)}
.revelar{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.revelar.vis{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.revelar{opacity:1;transform:none;transition:none}}
/* páginas de venda */
.bloco .estreito>*+*{margin-top:1em}
.bloco .estreito p,.bloco .estreito li{font-size:18px;line-height:1.7}
.bloco .estreito ul,.bloco .estreito ol{padding-left:1.3em}
.bloco:not(.claro) .estreito p,.bloco:not(.claro) .estreito li{color:#D5DCE7}
.bloco .estreito strong{color:inherit}
.bloco .estreito table{width:100%;border-collapse:collapse;font-size:16px}
.bloco .estreito th,.bloco .estreito td{padding:10px 12px;border-bottom:1px solid rgba(169,180,198,.25);text-align:left}
.bloco .estreito blockquote.card{padding:20px 24px}