/* GetLeadz lists — company-list pages, on top of /shared.css and the guides
   hero styles. Mirrors the EazyReach list layout in the GetLeadz theme:
   a hero with a prominent reveal CTA, then a grid of locked company cards. */

/* prominent reveal CTA (the big button under the hero) */
.reveal-cta{display:flex;justify-content:center;margin:6px 0 14px}
.reveal-cta .btn{
  font-size:1.06rem;padding:18px 34px;border-radius:16px;
  box-shadow:0 10px 34px rgba(123,46,184,.28);
}
.reveal-cta .btn svg{width:18px;height:18px;margin-left:8px;vertical-align:-3px}

/* section intro above the grid */
.grid-intro{text-align:center;max-width:60ch;margin:34px auto 22px}
.grid-intro h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:0 0 10px}
.grid-intro p{color:var(--ink-2,#463a5c);margin:0}

/* company card grid */
.co-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 0 30px;padding:0;list-style:none}
@media (max-width:680px){.co-grid{grid-template-columns:1fr}}
.co-card{
  position:relative;padding:22px 22px 20px;border:1px solid var(--border,#e9e5f0);
  border-radius:var(--r-lg,16px);background:var(--surface,var(--bg,#fff));
}
.co-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.co-title{display:flex;align-items:center;gap:9px;font-size:1.12rem;font-weight:800;color:var(--ink,#1a1030);line-height:1.25}
.co-title .lock{flex:none;width:17px;height:17px;color:var(--brand,#9b3fd6)}
.co-avatar{
  flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:var(--tint-lav,#efe4fb);color:var(--brand-deep,#7e2eb8);
}
.co-avatar svg{width:22px;height:22px}
.co-reveal{display:block;margin-top:8px;font-size:.82rem;font-weight:700;color:var(--brand-deep,#7e2eb8);text-decoration:none;text-align:center}
.co-reveal:hover{text-decoration:underline}

.co-meta{display:grid;grid-template-columns:max-content 1fr;gap:5px 14px;margin:0 0 14px;font-size:.92rem}
.co-meta dt{font-weight:700;color:var(--ink,#1a1030)}
.co-meta dd{margin:0;color:var(--ink-2,#463a5c)}
.co-meta dd::before{content:": "}

.co-card p{margin:0;font-size:.9rem;color:var(--ink-3,#736b85);line-height:1.55}

/* the whole card is a call to sign up; make it feel gently gated */
.co-card::after{
  content:"";position:absolute;inset:0;border-radius:var(--r-lg,16px);
  box-shadow:inset 0 0 0 1px transparent;pointer-events:none;transition:box-shadow .15s;
}
.co-card:hover::after{box-shadow:inset 0 0 0 1px var(--brand,#9b3fd6)}

/* the demo notice — this page is a template, not real data */
.demo-note{
  margin:0 0 26px;padding:12px 16px;border-radius:var(--r,12px);font-size:.88rem;line-height:1.5;
  background:var(--tint-cream,#f7f0ff);border:1px solid var(--border,#e9e5f0);color:var(--ink-2,#463a5c);
}
.demo-note b{color:var(--ink,#1a1030)}