/* ================================================================
   BEP99 — overrides sobre styles.css (fork xyzbim)
   Accent cobalto. Trocar aqui muda o produto todo.
   Blocos genéricos portados do bc.css (padrão da casa) 1:1;
   no fim, os componentes exclusivos do BEP99.
   ================================================================ */
:root{
  --accent:   #1F4FD8;
}
[data-theme="dark"]{
  --accent:   #6E9BFF;
}

/* ---------- padrão da casa (portado do bc.css, sem alterações) ---------- */

/* pricing */
.plans{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:var(--grid-gap); align-items:stretch; }
.plan{
  border:1px solid var(--rule); background:var(--bg-2);
  padding:28px; display:flex; flex-direction:column; gap:14px;
}
.plan--featured{ border-color:var(--accent); outline:1px solid var(--accent); }
.plan__name{ font-size:18px; font-weight:600; letter-spacing:-.01em; }
.plan__price{ font-size:34px; font-weight:600; letter-spacing:-.02em; }
.plan__price small{ font-size:12px; font-weight:400; color:var(--ink-3); }
.plan__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; font-size:14px; color:var(--ink-2); }
.plan__list li{ padding-left:18px; position:relative; }
.plan__list li::before{ content:"✓"; position:absolute; left:0; color:var(--accent); font-family:var(--f-mono); }
.plan .btn{ margin-top:auto; justify-content:center; }

/* steps */
.steps{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:var(--grid-gap); counter-reset:step; }
.step{ border-top:2px solid var(--accent); padding-top:14px; }
.step h3{ font-size:15px; margin:0 0 6px; }
.step p{ font-size:14px; color:var(--ink-2); margin:0; }
.step::before{ counter-increment:step; content:"0" counter(step);
  font-family:var(--f-mono); font-size:11px; color:var(--ink-3); display:block; margin-bottom:10px; }

/* FAQ */
.faq{ border-top:1px solid var(--rule); }
.faq details{ border-bottom:1px solid var(--rule); }
.faq summary{ cursor:pointer; padding:16px 0; font-weight:500; font-size:15px; list-style:none; display:flex; justify-content:space-between; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; font-family:var(--f-mono); color:var(--ink-3); }
.faq details[open] summary::after{ content:"–"; }
.faq p{ margin:0 0 16px; font-size:14px; color:var(--ink-2); max-width:70ch; }
.faq a{ color:inherit; }

/* misc / secções */
.law-chip{ display:inline-block; font-family:var(--f-mono); font-size:11px;
  letter-spacing:.05em; border:1px solid var(--rule); padding:4px 10px; border-radius:999px; margin:0 6px 6px 0; color:var(--ink-2); }
.sec{ padding: clamp(48px,7vw,110px) var(--pad); max-width:var(--max); margin:0 auto; }
.sec--tint{ background:var(--bg-2); max-width:none; }
.sec--tint > .sec__inner{ max-width:var(--max); margin:0 auto; }
.lede{ font-size:clamp(17px,1.6vw,21px); line-height:1.55; max-width:64ch; color:var(--ink-2); }

/* ---------- componentes exclusivos do BEP99 ---------- */

/* chips legais clicáveis */
a.law-chip{ text-decoration:none; }
a.law-chip:hover{ border-color:var(--ink-3); }
.law-chip .x{ text-decoration:underline; text-underline-offset:2px; }

/* pain grid (01) */
.pain{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); border:1px solid var(--rule); background:var(--bg); }
.pain>div{ padding:26px 24px; border-right:1px solid var(--rule-2); }
.pain>div:last-child{ border-right:none; }
.pain .n{ font-size:clamp(30px,3.4vw,44px); font-weight:400; letter-spacing:-.03em; margin:10px 0 8px; }
.pain .n em{ font-style:normal; color:var(--accent); }
.pain p{ font-size:13px; color:var(--ink-3); margin:0; }

/* feature cards (03) */
.cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:var(--grid-gap); }
.card{ border:1px solid var(--rule); background:var(--bg); padding:22px; transition:border-color .22s ease; }
.card:hover{ border-color:var(--ink); }
.card h3{ font-size:19px; margin:8px 0; letter-spacing:-.01em; }
.card p{ font-size:14px; color:var(--ink-2); margin:0 0 10px; }
.card ul{ list-style:none; margin:0; padding:0; }
.card li{ font-family:var(--f-mono); font-size:11px; color:var(--ink-3); padding:5px 0 4px; border-top:1px solid var(--rule-2); }
.card li::before{ content:"✓ "; color:var(--accent); }
.card a.ul, .card li a{ color:inherit; }

/* compare (05) */
.compare{ width:100%; border-collapse:collapse; background:var(--bg); border:1px solid var(--rule); font-size:13.5px; }
.compare th, .compare td{ padding:12px 14px; border-bottom:1px solid var(--rule-2); text-align:left; }
.compare th{ font-family:var(--f-mono); font-size:10.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-3); }
.compare tr:last-child td{ border-bottom:none; }
.compare .us{ background:color-mix(in srgb, var(--accent) 7%, var(--bg)); }
.compare a, .src a{ color:inherit; }
.src{ font-family:var(--f-mono); font-size:10.5px; color:var(--ink-3); margin-top:12px; }