/* ds-exception: Landing storytelling | reason: Public acquisition needs a display hero and an interactive product demonstration rather than an app workspace | owner: Ballumo | review: 2027-01 */
/* Shared cards, page head, steppers, choices, match chances, people table and plans keep their native appearance. */
.lp { display: flex; flex-direction: column; gap: var(--space-9); padding-top: var(--space-7); }
.lp-intro { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--space-5); max-width: var(--layout-medium); margin: 0 auto; }
.lp-intro .page-head { margin: 0; width: 100%; }
.lp-intro .page-head__row { justify-content: center; }
.lp-intro .page-head__actions { display: none; }
.lp-intro h1 { font-size: var(--fs-display); line-height: var(--lh-display); text-wrap: balance; }
.lp-intro__lead { max-width: 52ch; }
.lp-demo { margin-top: calc(var(--space-7) * -1); scroll-margin-top: var(--space-8); }
.lp-demo__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4) var(--space-5); background: var(--surface-raised); border-bottom: var(--border-width) solid var(--border-subtle); }
.lp-demo__body { min-width: 0; padding: var(--space-6); }
.lp-demo__actions { display: flex; justify-content: flex-end; }
.lp-demo__receipt { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-4) var(--space-5); border-top: var(--border-width) solid var(--border-subtle); color: var(--text-muted); font: var(--type-label); }
.lp-demo__receipt > svg { color: var(--text-accent); margin-top: var(--space-1); }
.lp-section { display: flex; flex-direction: column; gap: var(--space-6); min-width: 0; scroll-margin-top: var(--space-8); }
.lp-flow, .lp-ways { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.lp-flow__step { display: flex; flex-direction: column; gap: var(--space-4); }
.lp-way { display: grid; grid-template-columns: var(--space-8) minmax(0, 1fr); align-items: start; gap: var(--space-4); }
.lp-way__art { margin-top: var(--space-1); }
.lp-way__content { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.lp-way__content p { text-wrap: pretty; }
.lp-way h3 { font: var(--type-h2); text-wrap: balance; }
.lp-way__promise { font-weight: var(--weight-semibold); }
.lp-showcase { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: var(--space-8); }
.lp-benefits { display: flex; flex-direction: column; gap: var(--space-3); }
.lp-benefits li { display: flex; align-items: center; gap: var(--space-3); }
.lp-benefits svg { color: var(--text-accent); }
.lp-rating-table { --cols: var(--space-5) minmax(0, 1fr) auto; }
.lp-dna__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.lp-dna__cards > li { min-width: 0; }
.lp-challenge { --veil-x: 28%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-7); align-items: center; }
.lp-challenge .button { align-self: flex-start; }
.lp-rivals { display: grid; grid-template-columns: auto auto auto; gap: var(--space-5); align-items: center; justify-content: center; text-align: center; }
.lp-rivals > p { grid-column: 1 / -1; justify-self: center; color: var(--text-strong); }
.lp-faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--space-8); }
.lp-faq__item { border-bottom: var(--border-width) solid var(--border-subtle); }
.lp-faq__item:first-child { border-top: var(--border-width) solid var(--border-subtle); }
.lp-faq__item > p { padding-bottom: var(--space-5); color: var(--text-muted); max-width: 65ch; }
.lp-faq__competitions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); padding-bottom: var(--space-5); }
.lp-finish { display: flex; flex-direction: column; gap: var(--space-5); align-items: center; text-align: center; }
@media (max-width: 959px) {
  .lp-dna__cards { display: flex; gap: var(--space-4); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); padding-bottom: var(--space-2); }
  .lp-dna__cards::-webkit-scrollbar { display: none; }
  .lp-dna__cards > li { flex: 0 0 min(364px, 86%); scroll-snap-align: center; }
  .lp { gap: var(--space-8); padding-top: var(--space-6); }
  .lp-flow, .lp-ways { gap: var(--space-3); }
  .lp-ways { grid-template-columns: minmax(0, 1fr); }
  .lp-demo__body { padding: var(--space-5); }
  .lp-showcase { gap: var(--space-6); }
  .lp-challenge { --veil-x: 50%; grid-template-columns: minmax(0, 1fr); }
  .lp-rivals { justify-self: center; }
  .lp-faq { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
}
@media (max-width: 600px) {
  .lp { gap: var(--space-7); padding-top: var(--space-4); }
  .lp-intro { gap: var(--space-4); }
  .lp-intro .button-row { flex-direction: column; width: 100%; align-items: stretch; }
  .lp-demo { margin-top: calc(var(--space-4) * -1); }
  .lp-demo__bar { flex-direction: column; align-items: flex-start; padding: var(--space-4); gap: var(--space-2); }
  .lp-flow, .lp-ways, .lp-showcase { grid-template-columns: minmax(0, 1fr); }
  .lp-demo__body { padding: var(--space-4); }
  .lp-demo__receipt { padding: var(--space-4); }
  .lp-rivals { gap: var(--space-3); }
  .lp-faq__competitions { grid-template-columns: minmax(0, 1fr); }
}