.jl-main {}

.jl-hero-grid {
  display: grid;
  grid-template-columns: 55% 45%;
  gap: var(--space-5);
  align-items: center;
}
.jl-hero-text { max-width: 520px; }
.jl-hero-image img { border-radius: var(--radius-md); width:100%; }

.jl-narrow { max-width: 720px; }
.jl-narrow-center { max-width: 720px; margin-inline:auto; text-align:center; }

.jl-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-4);
}
.jl-step { min-width:0; }

.jl-mobile-grid {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-5);
  align-items:center;
}
.jl-mobile-text { max-width:520px; }
.jl-mobile-image img { border-radius: var(--radius-md); width:100%; }

.jl-contrast-grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--space-4);
}
.jl-contrast-block { min-width:0; }

.jl-cta-center { text-align:center; max-width:520px; margin-inline:auto; }

@media (max-width: 1000px) {
  .jl-steps-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 900px) {
  .jl-hero-grid { grid-template-columns: 1fr; }
  .jl-mobile-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .jl-steps-grid { grid-template-columns: 1fr; }
  .jl-contrast-grid { grid-template-columns: 1fr; }
}