/* Landings de campagne (architectes d'intérieur, consultants).
   Complément de pages/landing_v12.css : mise en page seulement, aucune couleur propre —
   tout passe par les variables --lv12-* (clair et sombre déjà définis). */

.lvc-hero { align-items: center; }
.lvc-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--lv12-brand); text-transform: uppercase; }
.lvc-hero h1 span { display: block; }
.lvc-hero .lv12-lead { color: var(--lv12-muted); font-size: 19px; max-inline-size: 560px; }
.lvc-hero-visual { margin: 0; min-inline-size: 0; }
.lvc-hero-visual .lv12-profession-photo { display: block; inline-size: 100%; block-size: auto; }
.lvc-microcopy { flex-wrap: wrap; }

.lvc-actions .lv12-button { white-space: nowrap; }
.lvc-nav-cta { white-space: nowrap; padding-inline: 18px; }

.lvc-pain { padding-block: 80px 40px; }
.lvc-scenes { padding: 0; margin-inline: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-block-start: 40px; }
.lvc-scenes li { display: flex; flex-direction: column; gap: 16px; padding: 25px; border: 1px solid var(--lv12-line); border-radius: 12px; background: var(--lv12-soft); }
.lvc-scenes p { font-size: 17px; line-height: 1.55; }
.lvc-punchline { text-align: center; font-family: 'Fraunces', Georgia, serif; font-style: italic; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.35; max-inline-size: 760px; margin: 40px auto 0 !important; }

.lvc-demo .lv12-description { margin-block-start: 16px; }
.lvc-step > span:first-child .lv12-icon { color: var(--lv12-muted); }
.lvc-step--done > span:first-child .lv12-icon { color: var(--lv12-green-ink); }
.lvc-step--current > span:first-child .lv12-icon { color: var(--lv12-brand); }
.lvc-step-status { color: var(--lv12-muted); font-size: 9px; white-space: nowrap; }
.lvc-step--current .lvc-step-status { color: var(--lv12-brand); font-weight: 600; }
.lvc-docs-head { margin-block-start: 18px; }
.lvc-demo .lv12-shared-file { padding-block: 8px 2px; }

.lvc-benefits { padding-block: 30px 40px; }
.lvc-benefit-grid { grid-template-columns: repeat(3, 1fr); }
.lvc-note { margin-block-start: 18px !important; }

.lvc-quote { padding-block: 40px 30px; }
.lvc-quote .lv12-description { margin-block-end: 12px; }

.lv12-closing .lvc-actions { justify-content: center; margin-block-start: 30px; }
.lv12-closing .lv12-button-secondary { background: transparent; border-color: #ffffff80; color: #fff !important; }
.lv12-closing .lv12-button-secondary:hover { background: #ffffff1f; }

@media (max-width: 1023.98px) {
  .lvc-scenes, .lvc-benefit-grid { grid-template-columns: 1fr; }
  .lvc-hero-visual { max-inline-size: 640px; }
}

@media (max-width: 767.98px) {
  .lvc-pain { padding-block: 56px 24px; }
  .lvc-scenes { margin-block-start: 28px; }
  .lvc-actions { gap: 10px; }
  .lvc-actions .lv12-button { padding-inline: 18px; }
  .lvc-nav-cta { padding-inline: 14px; font-size: 14px; }
  .lvc-hero .lv12-lead { font-size: 17px; }
}

.lvc-offer { padding-block: 40px; }
.lvc-offer .lv12-description { margin-block: 16px; max-inline-size: 65ch; }
.lvc-actions .lv12-button { white-space: nowrap; }
@media (max-width: 479.98px) {
  .lvc-actions { flex-direction: column; align-items: stretch; }
  .lvc-actions .lv12-button { justify-content: center; }
}