/* Proposition C — Direct contemporain */
.variant-c {
  --ink: #183129;
  --muted: #5b6964;
  --paper: #fffdf8;
  --soft: #f2f5ed;
  --line: #cad5ce;
  --green: #ef6a47;
  --green-dark: #14382f;
  --lime: #ffcf61;
  --yellow-ink: var(--lime);
  --success: #2f8f5b;
  --radius: 22px;
  --shadow: 0 22px 0 rgba(255,207,97,0.9);
  background: var(--paper);
  font-family: Arial, Helvetica, sans-serif;
}
.variant-c h1, .variant-c h2 { font-family: Arial, Helvetica, sans-serif; font-weight: 900; letter-spacing: -0.055em; }
.variant-c h1 { max-width: 850px; color: #fff; font-size: clamp(3rem, 6.5vw, 6rem); line-height: 0.94; text-transform: uppercase; }
.variant-c h2 { font-size: clamp(2.1rem, 4.5vw, 3.7rem); }
.variant-c .site-header { color: #fff; background: var(--green-dark); border-bottom: 1px solid rgba(255,255,255,0.2); }
.variant-c .wordmark { color: #fff; }
.variant-c .wordmark span { color: var(--lime); }
.variant-c nav a:not(.nav-cta):hover { color: var(--lime); }
.variant-c .nav-cta { color: var(--green-dark); background: var(--lime); }
.variant-c .hero { color: #fff; background: var(--green-dark); }
.variant-c .hero-grid { grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr); }
.variant-c .hero .eyebrow { color: var(--lime); }
.variant-c .hero .lead { color: #dce9e3; }
.variant-c .microcopy { color: #c1d0c9; }
.variant-c .offer-summary { color: var(--ink); background: #fff; border: 0; transform: rotate(1deg); box-shadow: var(--shadow); }
.variant-c .offer-summary h2 { font-size: 1.55rem; letter-spacing: -0.03em; }
.variant-c .price strong { color: var(--green); font-family: Arial, sans-serif; font-weight: 900; }
.variant-c .button { border-radius: 999px; }
.variant-c .button-primary { color: var(--green-dark); background: var(--lime); border-color: var(--lime); }
.variant-c .button-primary:hover { color: var(--green-dark); background: #e7b947; border-color: #e7b947; }
.variant-c .button-secondary { color: #fff; border-color: #fff; }
.variant-c .button-secondary:hover { color: var(--ink); background: #fff; }
.variant-c .section-label { color: var(--yellow-ink); }
.variant-c .summary-kicker { color: var(--green); }
.variant-c .offer-summary .check-list li::before { color: var(--success); }
.variant-c .split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.variant-c .intro h2 { max-width: 570px; }
.variant-c .issue-layout { gap: 1rem; }
.variant-c .plain-list { padding: 0 1.2rem; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.variant-c .important-note { padding: 1.5rem; background: var(--lime); border: 0; border-radius: 18px; font-weight: 700; }
.variant-c .service-list span { color: var(--yellow-ink); font-size: 1rem; }
.variant-c .service-list p { font-size: 1.15rem; }
.variant-c .dark { background: #112720; }
.variant-c .dark .section-label { color: var(--lime); }
.variant-c .steps span { color: var(--green-dark); background: var(--lime); }
.variant-c .pricing { background: var(--lime); }
.variant-c .pricing .section-label, .variant-c .pricing h2, .variant-c .pricing .price-rules { color: var(--green-dark); }
.variant-c .pricing .section-label { color: #fff; }
.variant-c .price-rules, .variant-c .price-rules p { border-color: rgba(20,56,47,0.4); }
.variant-c .portrait-placeholder { color: var(--green-dark); background: var(--lime); border-radius: 35% 65% 55% 45%; }
.variant-c .contact { color: var(--ink); background: var(--lime); }
.variant-c .contact .section-label { color: var(--green); }
.variant-c .contact-inner > div:first-child p:last-child { color: #3b5148; }
.variant-c .contact-status { border: 2px solid var(--ink); box-shadow: 7px 7px 0 var(--green); }
.variant-c .site-footer { background: var(--green-dark); }
@media (min-width: 861px) and (min-height: 700px) {
  .variant-c .hero {
    min-height: calc(100svh - 74px);
    display: grid;
    align-items: center;
    padding-block: clamp(2.5rem, 5vh, 4rem);
  }
  .variant-c h1 { font-size: clamp(3rem, 3.9vw, 4.6rem); }
  .variant-c .actions { margin: 1.35rem 0 0.8rem; }
}
@media (max-width: 860px) {
  .variant-c .hero-grid { grid-template-columns: 1fr; }
  .variant-c .split { grid-template-columns: 1fr; }
  .variant-c .offer-summary { max-width: 600px; transform: none; }
}
