.hero-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); margin: 0 0 var(--space-6); }
.optin-pill, .free-pill { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 5px 14px; border-radius: 999px; background: var(--color-accent-light); color: var(--color-accent); font-size: var(--text-sm); font-weight: var(--weight-semibold); }
.free-pill { background: #d1fae5; color: #065f46; }
.optin-pill svg, .free-pill svg { width: 14px; height: 14px; flex-shrink: 0; }

.jobs-link { color: inherit; font-weight: inherit; text-decoration: underline; text-decoration-color: var(--color-accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.jobs-link:hover { color: var(--color-accent); }

.lp-list { max-width: 1000px; margin: 0 auto; }
.lp-list__panel { padding: var(--space-6) var(--space-6) var(--space-2); background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.lp-list__groups { columns: 3 260px; column-gap: var(--space-8); }
.lp-list__group { break-inside: avoid; margin: 0 0 var(--space-6); }
.lp-list__group-title { margin: 0 0 var(--space-2); font-size: var(--text-xs); font-weight: var(--weight-bold); letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-accent); }
.lp-list__items { list-style: none; margin: 0; padding: 0; }
.lp-list__items li { padding: 4px 0; font-size: var(--text-sm); line-height: 1.45; color: var(--color-text); text-wrap: pretty; }
.lp-list__foot { margin: var(--space-8) auto 0; max-width: 680px; text-align: center; font-size: var(--text-base); color: var(--color-text-secondary); line-height: 1.6; text-wrap: pretty; }
.lp-list__foot + .lp-list__foot { margin-top: var(--space-3); }

.lp-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); max-width: 1000px; margin: 0 auto; text-align: left; }
.lp-cards .card { padding: var(--space-5); }
.lp-cards .card__icon { width: 40px; height: 40px; margin-bottom: var(--space-3); }
.lp-cards .card__icon svg { width: 20px; height: 20px; }
.lp-cards .card__title { font-size: var(--text-base); margin-bottom: var(--space-1); }
.lp-cards .card__description { font-size: var(--text-sm); line-height: 1.55; text-wrap: pretty; }

@media (max-width: 900px) { .lp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) {
  .lp-cards { grid-template-columns: minmax(0, 1fr); }
  .lp-list__panel { padding: var(--space-5) var(--space-4) 0; }
}