/* PeopleList website builder – ready-made blocks (used on business websites and inside the editor) */
.bs-html .blk-hero,.sb-area .blk-hero{background:linear-gradient(135deg,var(--ac,#1d4ed8),#0f172a);color:#fff;border-radius:16px;padding:48px 32px;margin:0 0 1.4em;text-align:center}
.bs-html .blk-hero h2,.sb-area .blk-hero h2{color:#fff;font-size:clamp(1.6rem,3.6vw,2.4rem);margin:0 0 .4em}
.bs-html .blk-hero p,.sb-area .blk-hero p{max-width:640px;margin:0 auto .9em;opacity:.95}
.bs-html .blk-btn,.sb-area .blk-btn{display:inline-block;background:var(--ac,#1d4ed8);color:#fff!important;text-decoration:none;font-weight:700;border-radius:10px;padding:12px 22px;margin:4px 4px 4px 0}
.bs-html .blk-hero .blk-btn,.sb-area .blk-hero .blk-btn{background:#fff;color:var(--ac,#1d4ed8)!important}
.bs-html .blk-btn-2,.sb-area .blk-btn-2{background:transparent!important;border:2px solid currentColor;color:inherit!important}
.bs-html .blk-hero .blk-btn-2,.sb-area .blk-hero .blk-btn-2{color:#fff!important}
.bs-html .blk-btn-wa,.sb-area .blk-btn-wa{background:#16a34a}
.bs-html .blk-cols,.sb-area .blk-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 1.4em}
.bs-html .blk-cols-2,.sb-area .blk-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bs-html .blk-cols>div,.sb-area .blk-cols>div{border:1px solid var(--line,#e5e7eb);border-radius:14px;padding:20px;background:var(--card,#fff)}
.bs-html .blk-cols h3,.sb-area .blk-cols h3{margin-top:0}
.bs-html .blk-price>div,.sb-area .blk-price>div{text-align:center}
.bs-html .blk-price ul,.sb-area .blk-price ul{list-style:none;padding:0;text-align:left}
.bs-html .blk-price li,.sb-area .blk-price li{padding:6px 0;border-bottom:1px solid var(--line,#e5e7eb)}
.bs-html .blk-amt,.sb-area .blk-amt{font-size:1.8rem;font-weight:800;color:var(--ac,#1d4ed8);margin:.2em 0 .6em}
.bs-html .blk-hl,.sb-area .blk-hl{border:2px solid var(--ac,#1d4ed8)!important;box-shadow:0 10px 28px rgba(15,23,42,.08)}
.bs-html .blk-cta,.sb-area .blk-cta{background:var(--bg2,#f7f8fa);border:1px solid var(--line,#e5e7eb);border-left:5px solid var(--ac,#1d4ed8);border-radius:14px;padding:24px 26px;margin:0 0 1.4em}
.bs-html .blk-cta h3,.sb-area .blk-cta h3{margin-top:0}
.bs-html .blk-steps,.sb-area .blk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 1.4em;counter-reset:s}
.bs-html .blk-steps>div,.sb-area .blk-steps>div{padding:18px;border-radius:14px;background:var(--bg2,#f7f8fa)}
.bs-html .blk-steps b,.sb-area .blk-steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ac,#1d4ed8);color:#fff;margin-bottom:8px}
.bs-html .blk-steps h3,.sb-area .blk-steps h3{margin:.2em 0}
.bs-html .blk-stats,.sb-area .blk-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 1.4em;text-align:center}
.bs-html .blk-stats>div,.sb-area .blk-stats>div{padding:18px;border-radius:14px;border:1px solid var(--line,#e5e7eb)}
.bs-html .blk-stats b,.sb-area .blk-stats b{display:block;font-size:1.9rem;color:var(--ac,#1d4ed8);line-height:1.1}
.bs-html .blk-stats span,.sb-area .blk-stats span{color:var(--mut,#5b6474);font-size:.9rem}
.bs-html .blk-ticks,.sb-area .blk-ticks{list-style:none;padding:0!important}
.bs-html .blk-ticks li,.sb-area .blk-ticks li{padding-left:28px;position:relative;margin:.45em 0}
.bs-html .blk-ticks li:before,.sb-area .blk-ticks li:before{content:"✓";position:absolute;left:0;top:0;color:#fff;background:#16a34a;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}
.bs-html .blk-quote,.sb-area .blk-quote{font-size:1.1rem;border-left:4px solid var(--ac,#1d4ed8);background:var(--bg2,#f7f8fa);padding:18px 22px;border-radius:0 14px 14px 0}
.bs-html .blk-quote cite,.sb-area .blk-quote cite{display:block;font-style:normal;font-weight:700;font-size:.92rem;margin-top:6px}
.bs-html .blk-faq details,.sb-area .blk-faq details{border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:12px 16px;margin:0 0 10px;background:var(--card,#fff)}
.bs-html .blk-faq summary,.sb-area .blk-faq summary{font-weight:700;cursor:pointer}
.bs-html figure,.sb-area figure{margin:0 0 1em}
@media (max-width:720px){
  .bs-html .blk-cols,.bs-html .blk-steps,.bs-html .blk-cols-2{grid-template-columns:1fr}
  .bs-html .blk-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .bs-html .blk-stats b{font-size:1.4rem}
  .bs-html .blk-hero{padding:32px 18px}
}