.en-landing {
  --landing-ink: #07111c;
  --landing-muted: #52606d;
  overflow: hidden;
  color: var(--landing-ink);
}

.en-landing .landing-hero {
  min-height: 720px;
  position: relative;
  display: grid;
  place-items: center;
  color: #fff;
  background: #05090d url("../images/galerie/remorquage-auto-accidentee-2.jpg") center/cover no-repeat;
}

.en-landing .landing-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .76) 52%, rgba(0, 0, 0, .36) 100%);
}

.en-landing .landing-hero .container { position: relative; z-index: 1; }
.en-landing .landing-brand { width: 150px; height: auto; border-radius: 8px; }
.en-landing .landing-eyebrow { color: #8fd0ff; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.en-landing .landing-title { max-width: 850px; font-size: clamp(3rem, 7vw, 6rem); font-weight: 700; line-height: .98; letter-spacing: -.02em; text-transform: uppercase; }
.en-landing .landing-title span { color: var(--primary); }
.en-landing .landing-lead { max-width: 760px; color: rgba(255, 255, 255, .85); font-size: clamp(1.05rem, 2vw, 1.3rem); line-height: 1.7; }
.en-landing .landing-call { min-height: 62px; font-size: 1.15rem; font-weight: 700; box-shadow: 0 12px 30px rgba(37, 211, 102, .25); }
.en-landing .landing-proof { color: rgba(255, 255, 255, .78); }
.en-landing .landing-proof svg { color: var(--primary); }
.en-landing .landing-section { padding: 6rem 0; }
.en-landing .landing-section-soft { background: #f4f8fb; }
.en-landing .landing-kicker { color: var(--primary); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.en-landing .landing-heading { font-size: clamp(2.3rem, 5vw, 4rem); font-weight: 600; line-height: 1.08; text-transform: uppercase; }
.en-landing .landing-copy { color: var(--landing-muted); font-size: 1.08rem; line-height: 1.8; }
.en-landing .landing-card { height: 100%; border: 1px solid rgba(17, 137, 222, .14); border-radius: 12px; background: #fff; box-shadow: 0 15px 45px rgba(7, 17, 28, .06); }
.en-landing .landing-card-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 8px; color: var(--primary); background: rgba(17, 137, 222, .09); }
.en-landing .landing-card h3 { font-size: 1.45rem; font-weight: 600; text-transform: uppercase; }
.en-landing .landing-card p, .en-landing .landing-card li { color: var(--landing-muted); line-height: 1.7; }
.en-landing .landing-dark { color: #fff; background: #05090d; }
.en-landing .landing-dark .landing-copy { color: rgba(255, 255, 255, .72); }
.en-landing .landing-checks { columns: 2; gap: 2rem; list-style: none; padding: 0; }
.en-landing .landing-checks li { position: relative; break-inside: avoid; padding: .5rem 0 .5rem 1.8rem; }
.en-landing .landing-checks li::before { content: "✓"; position: absolute; left: 0; color: var(--primary); font-weight: 800; }
.en-landing .landing-visual { min-height: 520px; border-radius: 12px; background: url("../images/galerie/remorquage-mercedes-2.jpg") center/cover no-repeat; box-shadow: 0 25px 70px rgba(0, 0, 0, .2); }
.en-landing .landing-area { display: inline-flex; align-items: center; gap: .45rem; padding: .7rem 1rem; border: 1px solid #dbe8f1; border-radius: 999px; background: #fff; }
.en-landing .landing-final { padding: 5rem 0; color: #fff; background: linear-gradient(135deg, #0877c4, var(--primary)); }
.en-landing .landing-footer { padding: 1.5rem 0; color: rgba(255, 255, 255, .72); background: #05090d; font-size: .95rem; }
.en-landing .landing-footer a { color: var(--primary); text-decoration: none; }
.en-landing .landing-footer a:hover, .en-landing .landing-footer a:focus { color: #fff; text-decoration: underline; }

@media (max-width: 767.98px) {
  .en-landing .landing-hero { min-height: 660px; background-position: 62% center; }
  .en-landing .landing-hero::before { background: rgba(0, 0, 0, .78); }
  .en-landing .landing-section { padding: 4.5rem 0; }
  .en-landing .landing-checks { columns: 1; }
  .en-landing .landing-visual { min-height: 360px; }
}