/* Landing: hero com o arco de vitral, seções, comparação e planos. */
.hero{background:var(--brand);color:var(--brand-ink);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:44px 48px;align-items:center}
.hero .eyebrow{color:var(--gold)}
.hero .lede{color:color-mix(in srgb,var(--brand-ink) 80%,transparent);max-width:34ch}
.hero .note{color:color-mix(in srgb,var(--brand-ink) 65%,transparent)}
.hero-txt{display:flex;flex-direction:column;gap:18px;min-width:0}
.hero .btn-primary{background:var(--gold);color:#1d1a12}
.hero .btn-ghost{border-color:color-mix(in srgb,var(--brand-ink) 35%,transparent);color:var(--brand-ink)}
.hero .btn-ghost:hover{background:rgba(255,255,255,.08)}
.hero-art{justify-self:center;width:min(220px,55vw)}
@media (min-width:860px){.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);padding-block:72px 76px}.hero-art{width:min(300px,100%)}}

.secao{padding-block:56px 0;display:flex;flex-direction:column;gap:24px}
.secao-head{display:flex;flex-direction:column;gap:10px;max-width:640px}
.passos{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));counter-reset:p}
.passos li{counter-increment:p;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px}
.passos li::before{content:counter(p);width:32px;height:32px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-ink);display:grid;place-items:center;font-family:var(--serif);margin-bottom:6px}
.passos b{font-family:var(--serif);font-weight:500;font-size:20px}
.passos span{color:var(--ink-2);font-size:15px}

.recursos{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.recurso{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.recurso.destaque{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.recurso.destaque .eyebrow{color:var(--gold)}
.recurso.destaque .muted{color:color-mix(in srgb,var(--brand-ink) 78%,transparent)}
@media (min-width:860px){.recursos{grid-template-columns:1.2fr 1fr 1fr}.recurso.destaque{grid-row:span 2}}
@media (min-width:860px){.recursos .recurso:last-child{grid-column:2 / span 2}}

.comparar{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:720px){.comparar{grid-template-columns:1fr 1fr}}
.cmp-col{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}
.cmp-col.premium{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.cmp-head b{font-family:var(--serif);font-weight:500;font-size:22px}
.cmp-col ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}
.cmp-col li{padding-left:26px;position:relative;font-size:15.5px}
.cmp-col li::before{content:"";position:absolute;left:2px;top:7px;width:12px;height:7px;border-left:2px solid var(--emerald);border-bottom:2px solid var(--emerald);transform:rotate(-45deg)}

.planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.plano{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}
.plano.destaque{border-color:var(--gold);box-shadow:var(--shadow)}
.plano .preco{font-family:var(--serif);font-size:30px;font-variant-numeric:tabular-nums}
.plano ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:15px;display:flex;flex-direction:column;gap:4px}
.plano .btn{margin-top:auto}

.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 18px}
.faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--gold-ink);font-size:20px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 16px;color:var(--ink-2)}
.final{align-items:center;text-align:center;padding-bottom:16px}