/* Lead-magnet landing — single-screen, no exit, theme-driven */

.lm{
  --lm-bg: var(--bg);
  --lm-fg: var(--ink);
  --lm-fg-soft: rgba(11,20,48,.66);
  --lm-rule: rgba(1,24,72,.10);
  --lm-card: #fff;
  --lm-card-fg: var(--ink);
  --lm-input-bg: #fff;
  --lm-input-line: rgba(1,24,72,.14);
  --lm-input-focus: var(--teal);
  --lm-btn-bg: var(--navy);
  --lm-btn-fg: #fff;
  --lm-btn-bg-hover: #031f5e;
  --lm-pill-bg: rgba(1,24,72,.06);
  --lm-pill-fg: var(--navy);
  --lm-link: var(--teal);
  --lm-img-glow: 0 40px 80px -30px rgba(1,24,72,.30);
  --lm-photo-tint: transparent;

  background: var(--lm-bg);
  color: var(--lm-fg);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Variants */
.lm--gray{
  /* defaults already grey */
}
.lm--navy{
  --lm-bg: #011848;
  --lm-fg: #fff;
  --lm-fg-soft: rgba(255,255,255,.72);
  --lm-rule: rgba(255,255,255,.12);
  --lm-pill-bg: rgba(0,188,156,.16);
  --lm-pill-fg: #6FE7C3;
  --lm-link: #00BC9C;
  --lm-img-glow: 0 50px 100px -30px rgba(0,0,0,.55);
  --lm-btn-bg: #00BC9C;
  --lm-btn-fg: #04261f;
  --lm-btn-bg-hover: #0acfae;
}
.lm--teal{
  --lm-bg: #00BC9C;
  --lm-fg: #011848;
  --lm-fg-soft: rgba(255,255,255,.92);
  --lm-rule: rgba(255,255,255,.28);
  --lm-pill-bg: rgba(246,248,251,.85);
  --lm-pill-fg: #011848;
  --lm-link: #ffffff;
  --lm-img-glow: 0 50px 100px -30px rgba(1,24,72,.35);
}

/* ---------- Header strip ---------- */
.lm-head{
  padding: 22px clamp(20px,4vw,56px);
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid var(--lm-rule);
}
.lm-head__logo{display:inline-flex;align-items:center}
.lm-head__logo svg{height:26px;width:auto;display:block}
.lm--gray .lm-head__logo svg .l-mark{fill:var(--navy)}
.lm--gray .lm-head__logo svg .l-word{fill:var(--teal)}
.lm--navy .lm-head__logo svg .l-mark,
.lm--navy .lm-head__logo svg .l-word{fill:#fff}
.lm--teal .lm-head__logo svg .l-mark,
.lm--teal .lm-head__logo svg .l-word{fill:#fff}

/* ---------- Main ---------- */
.lm-main{
  flex:1;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 5vw, 80px);
  padding: clamp(32px,5vw,72px) clamp(20px,4vw,56px);
  align-items:center;
  max-width: 1440px;
  width:100%;
  margin:0 auto;
}

/* ----- Left: copy + visual ----- */
.lm-copy{display:flex;flex-direction:column;gap:24px}
.lm-pill{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color: var(--lm-pill-fg);
  background: var(--lm-pill-bg);
  padding:8px 14px;border-radius:999px;
}
.lm-copy h1{
  margin:0;
  font-family:"Mazzard","Inter",sans-serif;
  font-size: clamp(34px, 4.4vw, 56px);
  line-height:1.04;
  letter-spacing:-.02em;
  font-weight:600;
  color:var(--lm-fg);
  text-wrap:balance;
}
.lm-copy h1 em{font-style:normal;color:var(--lm-link)}
.lm-copy p.lm-lede{
  margin:0;
  font-size: clamp(15.5px, 1.3vw, 17.5px);
  line-height:1.55;
  color: var(--lm-fg-soft);
  max-width: 50ch;
}
.lm-points{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:10px;
  font-size:15px;color:var(--lm-fg);
}
.lm-points li{display:flex;align-items:flex-start;gap:10px;line-height:1.4}
.lm-points li::before{
  content:"";flex:0 0 auto;margin-top:8px;
  width:6px;height:6px;border-radius:50%;
  background: var(--lm-link);
}
.lm--teal .lm-points{color:#fff;font-weight:500}
.lm--teal .lm-points li::before{background:#fff}
.lm--teal .lm-copy h1{color:#fff}
.lm--teal .lm-copy h1 em{color:#011848}

.lm-visual{
  position:relative;
  margin-top: clamp(8px, 1.5vw, 18px);
  max-width: 560px;
}
.lm-visual img{
  width:100%;height:auto;display:block;
  filter: drop-shadow(var(--lm-img-glow));
  transform: rotate(-1.2deg);
}
.lm-visual__file{
  position:absolute;left:0;top:-14px;
  display:inline-flex;align-items:center;gap:8px;
  font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color: var(--navy);
  background: var(--lm-card);
  border: 1px solid var(--lm-rule);
  padding: 7px 12px;border-radius:999px;
  box-shadow: 0 8px 22px rgba(1,24,72,.10);
}
.lm-visual__file svg{width:13px;height:13px;color:var(--teal)}

/* ----- Right: form ----- */
.lm-form-wrap{display:flex;justify-content:flex-start}
.lm-form{
  width:100%;max-width:480px;
  background: var(--lm-card);
  color: var(--lm-card-fg);
  border-radius: 22px;
  padding: clamp(28px, 3vw, 40px);
  box-shadow:
    0 1px 2px rgba(1,24,72,.06),
    0 30px 70px -20px rgba(1,24,72,.28);
  border: 1px solid rgba(1,24,72,.06);
}
.lm-form__title{
  margin:0 0 6px;
  font-size: clamp(20px, 2vw, 24px);
  font-weight:600;
  color: var(--navy);
  letter-spacing:-.01em;
}
.lm-form__sub{
  margin:0 0 22px;
  font-size:14.5px;line-height:1.5;
  color: var(--muted);
}
.lm-field{margin-bottom:14px}
.lm-field label{
  display:block;
  font-size:12.5px;font-weight:600;letter-spacing:.06em;
  color: var(--navy);
  margin-bottom:6px;
}
.lm-field input{
  width:100%;
  padding:13px 14px;
  border-radius:12px;
  border:1px solid var(--lm-input-line);
  background: var(--lm-input-bg);
  font: inherit;font-size:15px;
  color: var(--ink);
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.lm-field input::placeholder{color:rgba(11,20,48,.42)}
.lm-field input:focus{
  outline:none;
  border-color: var(--lm-input-focus);
  background:#fff;
  box-shadow: 0 0 0 4px rgba(0,188,156,.14);
}
.lm-consent{
  display:flex;gap:10px;align-items:flex-start;
  font-size:12.5px;line-height:1.5;
  color: var(--muted);
  margin: 4px 0 18px;
}
.lm-consent input{
  margin-top:3px;flex:0 0 auto;
  width:15px;height:15px;accent-color: var(--teal);
}
.lm-consent a{color:inherit;border-bottom:1px solid currentColor;opacity:.9}
.lm-consent a:hover{opacity:1}

.lm-submit{
  width:100%;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background: var(--lm-btn-bg);
  color: var(--lm-btn-fg);
  border:0;
  padding:15px 22px;
  border-radius: 12px;
  font-weight:600;font-size:15px;letter-spacing:.01em;
  cursor:pointer;
  transition: background .15s, transform .12s, box-shadow .15s;
  box-shadow: 0 8px 22px rgba(1,24,72,.18);
}
.lm-submit:hover{background:var(--lm-btn-bg-hover);transform:translateY(-1px)}
.lm-submit svg{width:16px;height:16px}

.lm-form__foot{
  margin-top:14px;
  font-size:12px;color:var(--muted);
  display:flex;align-items:center;gap:8px;
}
.lm-form__foot svg{width:13px;height:13px;flex:0 0 auto;color:var(--teal)}

/* ---------- Footer strip ---------- */
.lm-foot{
  border-top: 1px solid var(--lm-rule);
  padding: 16px clamp(20px,4vw,40px);
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:12.5px;
  color: var(--lm-fg-soft);
  opacity:.78;
}
.lm-foot a{color:inherit;border-bottom:1px solid currentColor;padding-bottom:1px}
.lm-foot a:hover{opacity:1}

/* ---------- Responsive ---------- */
@media (max-width: 960px){
  .lm-main{
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 32px 20px 48px;
  }
  .lm-visual{max-width: 420px;margin: 4px auto 0}
  .lm-form-wrap{justify-content:center}
  .lm-copy h1{font-size: clamp(30px, 7vw, 40px)}
  .lm-foot{justify-content:center;text-align:center}
}