/* Ad landing pages (/lp/*) and the newsletter page (Oct 2026). Loaded after ghostwriting.css. */
.side-note{ color:var(--mute); margin-top:18px; max-width:34ch }

/* Focused pages: keep the brand mark, drop the top navigation links */
.lp-page .topnav nav{ display:none }

.lp-hero{ display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr); gap:clamp(32px,5vw,90px); align-items:end }
.lp-hero__text{ min-width:0 }
.lp-hero h1{ max-width:18ch }
.lp-trust{ list-style:none; margin:0; padding:0; border-top:1px solid var(--line) }
.lp-trust li{ padding:14px 0; border-bottom:1px solid var(--line); font-size:.98rem; display:flex; gap:12px; align-items:baseline }
.lp-trust li::before{ content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--accent); transform:translateY(-1px) }

.lp-pains{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px }
.lp-pains--4{ grid-template-columns:repeat(4,minmax(0,1fr)) }
.lp-pain{ background:var(--bg-2); border-radius:22px; padding:26px 24px 28px; display:grid; gap:10px; align-content:start; transition-delay:calc(var(--d) * 70ms) }
.lp-pain h3{ font-size:clamp(1.25rem,1.8vw,1.55rem); letter-spacing:-.02em }
.lp-pain p{ color:var(--mute); font-size:.95rem }

.lp-gets{ gap:16px; font-size:clamp(1.05rem,1.5vw,1.3rem) }
.lp-gets li{ padding-bottom:16px; border-bottom:1px solid var(--line) }
.lp-gets li::before{ top:.42em }

.lp-steps{ grid-template-columns:repeat(3,minmax(0,1fr)); --span:calc(2 * ((100% - 2 * var(--g)) / 3 + var(--g))) }

.lp-formwrap{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:clamp(32px,6vw,110px); scroll-margin-top:24px }

@media (max-width:1080px){
  .lp-pains--4{ grid-template-columns:repeat(2,minmax(0,1fr)) }
  .lp-steps{ grid-template-columns:repeat(3,minmax(0,1fr)) }
}
@media (max-width:860px){
  .lp-hero,.lp-formwrap{ grid-template-columns:minmax(0,1fr) }
  .lp .split{ grid-template-columns:minmax(0,1fr) }
  .lp .sticky{ position:static }
  .lp-pains{ grid-template-columns:minmax(0,1fr) }
}
@media (max-width:640px){
  .lp-pains--4{ grid-template-columns:minmax(0,1fr) }
}
@media (max-width:560px){
  .lp-steps{ grid-template-columns:minmax(0,1fr) }
}