.l-top { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; max-width: 1080px; margin: 0 auto; }
.l-hero { max-width: 1080px; margin: 0 auto; padding: 2rem 1.25rem 3rem; display: grid; grid-template-columns: 1.3fr 1fr; gap: 2rem; align-items: center; }
.l-hero h1 { font-size: clamp(1.9rem, 4vw, 2.9rem); }
.lead { font-size: 1.15rem; color: var(--muted); }
.l-form { display: flex; gap: .5rem; margin-top: 1.25rem; max-width: 520px; }
.l-form .input { flex: 1; }
.l-hero-img { width: 100%; max-width: 360px; justify-self: center; }
.l-grid { max-width: 1080px; margin: 0 auto; padding: 0 1.25rem 3rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.l-foot { text-align: center; padding: 2rem 1rem; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (max-width: 760px) {
  .l-hero { grid-template-columns: 1fr; }
  .l-hero-img { display: none; }
  .l-form { flex-direction: column; }
}
.l-offer { display: inline-block; margin: .75rem 0 0; padding: .5rem .9rem; border-radius: 10px; background: var(--info-bg); color: var(--brand); font-weight: 600; }
.doc { max-width: 760px; }
.doc ul { padding-left: 1.2rem; display: flex; flex-direction: column; gap: .4rem; }
.doc .lead { font-size: 1.1rem; color: var(--muted); }