/* O03 — color-only Hero layer. All Softro geometry stays in hero.css. */
.lc-hero {
  background-color: var(--lc-surface);
  background-image:
    linear-gradient(rgba(var(--lc-brand-primary-rgb), .065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--lc-brand-primary-rgb), .065) 1px, transparent 1px);
}
.lc-hero::before {
  background: radial-gradient(ellipse at 50% 35%,
    rgba(var(--lc-surface-peach-rgb), .2) 0%,
    rgba(var(--lc-surface-rgb), .78) 58%,
    rgba(var(--lc-surface-rgb), .96) 85%);
}
.lc-hero__beam {
  background:
    repeating-linear-gradient(90deg,
      rgba(var(--lc-brand-primary-rgb), .045) 0 3px, transparent 3px 18px),
    linear-gradient(90deg, transparent,
      rgba(var(--lc-brand-primary-rgb), .22) 18%,
      rgba(var(--lc-brand-primary-rgb), .16) 50%,
      rgba(var(--lc-brand-primary-rgb), .22) 82%, transparent);
}
.lc-hero__spark {
  color: var(--lc-brand-primary);
  text-shadow: 16px -10px 0 rgba(var(--lc-brand-primary-rgb), .75),
    9px 16px 0 rgba(var(--lc-brand-primary-rgb), .35);
}
.lc-hero__proofs li:nth-child(n) span { color: var(--lc-action-primary); }