/* LandersRX lander shell — shared by both Brief 01 page versions.
   Tokens match companies/landersrx/knowledge/brand/brand-guide.html. */

.lander-lrx-matched-e{
  --bg:#FFFFFF; --ink:#0A0A0F; --accent:#FFCC1A; --accent-dark:#E6B800;
  --blue:#0033CC; --muted:#56565E; --rule:#E8E8EC; --soft:#F4F4F2; --body:#333333;
  --font-display:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --wrap:760px;
}
.lander-lrx-matched-e *{box-sizing:border-box;}
.lander-lrx-matched-e{scroll-behavior:smooth;}
.lander-lrx-matched-e{margin:0;background:var(--bg);color:var(--body);font-family:var(--font-body);font-size:18px;line-height:1.62;-webkit-font-smoothing:antialiased;}
.lander-lrx-matched-e img{max-width:100%;display:block;}

/* ---------- layout ---------- */
.lander-lrx-matched-e .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;}
.lander-lrx-matched-e .wrap--wide{max-width:1080px;}
.lander-lrx-matched-e section{padding:64px 0;}
.lander-lrx-matched-e section.tight{padding:44px 0;}
.lander-lrx-matched-e .band-soft{background:var(--soft);}
.lander-lrx-matched-e .band-ink{background:var(--ink);color:#fff;}
.lander-lrx-matched-e .band-ink h2, .lander-lrx-matched-e .band-ink h3, .lander-lrx-matched-e .band-ink strong{color:#fff;}
.lander-lrx-matched-e .band-accent{background:var(--accent);color:var(--ink);}
.lander-lrx-matched-e .rule{height:1px;background:var(--rule);border:0;margin:0;}

/* ---------- type ---------- */
.lander-lrx-matched-e h1, .lander-lrx-matched-e h2, .lander-lrx-matched-e h3, .lander-lrx-matched-e h4{font-family:var(--font-display);color:var(--ink);margin:0 0 18px;letter-spacing:-0.02em;line-height:1.12;}
.lander-lrx-matched-e h1{font-size:clamp(34px,5.2vw,58px);font-weight:800;}
.lander-lrx-matched-e h2{font-size:clamp(27px,3.6vw,40px);font-weight:800;line-height:1.16;}
.lander-lrx-matched-e h3{font-size:clamp(21px,2.4vw,27px);font-weight:700;line-height:1.24;}
.lander-lrx-matched-e h4{font-size:19px;font-weight:700;}
.lander-lrx-matched-e p{margin:0 0 20px;}
.lander-lrx-matched-e p.lede{font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2.2vw,23px);color:var(--muted);line-height:1.42;}
.lander-lrx-matched-e strong{color:var(--ink);font-weight:700;}
.lander-lrx-matched-e mark{background:var(--accent);color:var(--ink);padding:0 6px;}
.lander-lrx-matched-e em.i{font-style:italic;}
.lander-lrx-matched-e .mono{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);}
.lander-lrx-matched-e .center{text-align:center;}
.lander-lrx-matched-e .big{font-size:21px;}
.lander-lrx-matched-e .small{font-size:15px;color:var(--muted);}

/* ---------- top bar + header ---------- */
.lander-lrx-matched-e .qualbar{background:var(--ink);color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;text-align:center;padding:10px 16px;}
.lander-lrx-matched-e .qualbar mark{background:var(--accent);}
.lander-lrx-matched-e .masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--rule);max-width:1080px;margin:0 auto;}
.lander-lrx-matched-e .logo{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--ink);text-decoration:none;letter-spacing:-0.02em;}
.lander-lrx-matched-e .logo b{background:var(--accent);padding:0 5px;border-radius:3px;}

/* ---------- buttons ---------- */
.lander-lrx-matched-e .btn{display:inline-block;font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:0.01em;text-decoration:none;text-align:center;padding:18px 34px;border-radius:6px;border:2px solid var(--ink);cursor:pointer;transition:transform .08s ease,background .15s ease;}
.lander-lrx-matched-e .btn:active{transform:translateY(1px);}
.lander-lrx-matched-e .btn--primary{background:var(--accent);color:var(--ink);}
.lander-lrx-matched-e .btn--primary:hover{background:var(--accent-dark);}
.lander-lrx-matched-e .btn--dark{background:var(--ink);color:#fff;}
.lander-lrx-matched-e .btn--dark:hover{background:#1c1c24;}
.lander-lrx-matched-e .btn--block{display:block;width:100%;}
.lander-lrx-matched-e .btn--sm{padding:12px 20px;font-size:15px;}
.lander-lrx-matched-e .cta-stack{margin:26px 0 8px;}
.lander-lrx-matched-e .cta-note{font-family:var(--font-mono);font-size:12px;letter-spacing:0.07em;text-transform:uppercase;color:var(--muted);margin-top:12px;}

/* ---------- hero ---------- */
.lander-lrx-matched-e .hero{padding:56px 0 48px;}
.lander-lrx-matched-e .hero h1{margin-bottom:22px;}
.lander-lrx-matched-e .hero .sub{font-family:var(--font-display);font-weight:600;font-size:clamp(18px,2.2vw,22px);color:var(--muted);line-height:1.45;margin-bottom:8px;}

/* ---------- logo wall ---------- */
.lander-lrx-matched-e .logowall{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:26px 0;}
.lander-lrx-matched-e .logowall .row{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;justify-content:center;}
.lander-lrx-matched-e .logowall .name{font-family:var(--font-display);font-weight:700;font-size:16px;color:#9a9aa2;letter-spacing:0.02em;}

/* ---------- ad → page diagram ---------- */
.lander-lrx-matched-e .match{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;margin:28px 0;}
.lander-lrx-matched-e .match .panel{border:2px solid var(--ink);border-radius:8px;padding:20px;background:#fff;}
.lander-lrx-matched-e .match .panel.bad{border-style:dashed;border-color:#c7c7c7;background:var(--soft);}
.lander-lrx-matched-e .match .panel .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:0.09em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
.lander-lrx-matched-e .match .panel .line{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink);line-height:1.3;}
.lander-lrx-matched-e .match .arrow{display:flex;align-items:center;font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--ink);}
.lander-lrx-matched-e .match .arrow.broken{color:#c7c7c7;}
@media(max-width:640px){.lander-lrx-matched-e .match{grid-template-columns:1fr;}.lander-lrx-matched-e .match .arrow{justify-content:center;transform:rotate(90deg);}}

/* ---------- stat blocks ---------- */
.lander-lrx-matched-e .stat{border:2px solid var(--ink);border-radius:10px;padding:28px;margin:26px 0;background:#fff;}
.lander-lrx-matched-e .stat .num{font-family:var(--font-display);font-weight:800;font-size:clamp(46px,8vw,76px);line-height:1;color:var(--ink);letter-spacing:-0.03em;}
.lander-lrx-matched-e .stat .num mark{padding:0 8px;}
.lander-lrx-matched-e .stat .label{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-top:10px;}
.lander-lrx-matched-e .stat .ctx{margin:14px 0 0;font-size:16px;}
.lander-lrx-matched-e .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;}
.lander-lrx-matched-e .stat-grid .stat{margin:0;}
.lander-lrx-matched-e .stat-grid .num{font-size:clamp(34px,5vw,50px);}
@media(max-width:700px){.lander-lrx-matched-e .stat-grid{grid-template-columns:1fr;}}

/* ---------- numbered steps ---------- */
.lander-lrx-matched-e .step{border-top:1px solid var(--rule);padding:30px 0;}
.lander-lrx-matched-e .step .n{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
.lander-lrx-matched-e .step h3{margin-bottom:14px;}

/* ---------- lists ---------- */
.lander-lrx-matched-e ul.plain{list-style:none;padding:0;margin:0 0 20px;}
.lander-lrx-matched-e ul.plain li{position:relative;padding-left:26px;margin-bottom:12px;}
.lander-lrx-matched-e ul.plain li:before{content:"→";position:absolute;left:0;font-family:var(--font-display);font-weight:800;color:var(--ink);}
.lander-lrx-matched-e ul.yes, .lander-lrx-matched-e ul.no{list-style:none;padding:0;margin:0;}
.lander-lrx-matched-e ul.yes li, .lander-lrx-matched-e ul.no li{position:relative;padding-left:28px;margin-bottom:12px;font-size:17px;}
.lander-lrx-matched-e ul.yes li:before{content:"✓";position:absolute;left:0;font-weight:800;color:#2D8A6E;}
.lander-lrx-matched-e ul.no li:before{content:"✗";position:absolute;left:0;font-weight:800;color:#b4141a;}
.lander-lrx-matched-e .crossed{text-decoration:line-through;color:var(--muted);}

/* ---------- qualify columns ---------- */
.lander-lrx-matched-e .qual{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;}
.lander-lrx-matched-e .qual .col{border:2px solid var(--ink);border-radius:10px;padding:24px;background:#fff;}
.lander-lrx-matched-e .qual .col.no{border-color:var(--rule);background:var(--soft);}
.lander-lrx-matched-e .qual h4{font-family:var(--font-mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;}
@media(max-width:700px){.lander-lrx-matched-e .qual{grid-template-columns:1fr;}}

/* ---------- timeline ---------- */
.lander-lrx-matched-e .days{margin:26px 0;}
.lander-lrx-matched-e .day{display:grid;grid-template-columns:104px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--rule);}
.lander-lrx-matched-e .day .d{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink);padding-top:3px;}
.lander-lrx-matched-e .day h4{margin-bottom:6px;}
.lander-lrx-matched-e .day p{margin:0;font-size:16px;}
@media(max-width:640px){.lander-lrx-matched-e .day{grid-template-columns:1fr;gap:6px;}}

/* ---------- offer card ---------- */
.lander-lrx-matched-e .offer{border:3px solid var(--ink);border-radius:12px;overflow:hidden;margin:30px 0;background:#fff;}
.lander-lrx-matched-e .offer .top{background:var(--ink);color:#fff;padding:22px 26px;}
.lander-lrx-matched-e .offer .top .mono{color:var(--accent);}
.lander-lrx-matched-e .offer .top h3{color:#fff;margin:6px 0 0;}
.lander-lrx-matched-e .offer .body{padding:26px;}
.lander-lrx-matched-e .offer ol{margin:0 0 6px;padding-left:22px;}
.lander-lrx-matched-e .offer ol li{margin-bottom:14px;}
.lander-lrx-matched-e .guarantee{border-left:4px solid var(--accent);background:var(--soft);padding:20px 24px;border-radius:0 6px 6px 0;margin:26px 0;}

/* ---------- teardown / proof cards ---------- */
.lander-lrx-matched-e .cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;}
.lander-lrx-matched-e .card{border:1px solid var(--rule);border-radius:10px;padding:22px;background:#fff;}
.lander-lrx-matched-e .card .mono{margin-bottom:8px;}
@media(max-width:700px){.lander-lrx-matched-e .cards{grid-template-columns:1fr;}}

/* ---------- options ---------- */
.lander-lrx-matched-e .options{counter-reset:opt;margin:26px 0;}
.lander-lrx-matched-e .option{border:1px solid var(--rule);border-radius:10px;padding:20px 24px;margin-bottom:14px;background:#fff;}
.lander-lrx-matched-e .option .mono{margin-bottom:6px;}
.lander-lrx-matched-e .option.pick{border:2px solid var(--ink);background:#fff;}

/* ---------- form ---------- */
.lander-lrx-matched-e .form{border:3px solid var(--ink);border-radius:12px;padding:30px;background:#fff;}
.lander-lrx-matched-e .form label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.lander-lrx-matched-e .form .field{margin-bottom:18px;}
.lander-lrx-matched-e .form input, .lander-lrx-matched-e .form select{width:100%;font-family:var(--font-body);font-size:17px;color:var(--ink);padding:14px 16px;border:2px solid var(--rule);border-radius:6px;background:#fff;}
.lander-lrx-matched-e .form input:focus, .lander-lrx-matched-e .form select:focus{outline:0;border-color:var(--ink);}
.lander-lrx-matched-e .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:640px){.lander-lrx-matched-e .form-row{grid-template-columns:1fr;}}

/* ---------- faq ---------- */
.lander-lrx-matched-e .faq{border-top:1px solid var(--rule);}
.lander-lrx-matched-e .faq details{border-bottom:1px solid var(--rule);padding:18px 0;}
.lander-lrx-matched-e .faq summary{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;}
.lander-lrx-matched-e .faq summary::-webkit-details-marker{display:none;}
.lander-lrx-matched-e .faq summary:after{content:"+";font-weight:800;color:var(--muted);}
.lander-lrx-matched-e .faq details[open] summary:after{content:"–";}
.lander-lrx-matched-e .faq details p{margin:14px 0 0;font-size:17px;}

/* ---------- ps ---------- */
.lander-lrx-matched-e .ps{border-top:2px solid var(--ink);padding-top:24px;margin-top:34px;}
.lander-lrx-matched-e .ps p{font-size:17px;}
.lander-lrx-matched-e .ps .mono{margin-bottom:6px;}

/* ---------- footer ---------- */
.lander-lrx-matched-e footer{background:var(--ink);color:#c7c7c7;padding:44px 0;font-size:15px;}
.lander-lrx-matched-e footer .logo{color:#fff;}
.lander-lrx-matched-e footer a{color:#fff;}

/* ---------- floating CTA bar ---------- */
.lander-lrx-matched-e .stickybar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--ink);color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;box-shadow:0 -2px 14px rgba(10,10,15,.2);transition:transform .25s ease;}
.lander-lrx-matched-e .stickybar.hide{transform:translateY(130%);}
.lander-lrx-matched-e .stickybar .line{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.25;color:#fff;}
.lander-lrx-matched-e .stickybar .note{display:block;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#c7c7c7;margin-top:3px;}
.lander-lrx-matched-e .stickybar .btn{padding:13px 24px;font-size:15px;border-color:var(--accent);}
.lander-lrx-matched-e.has-sticky{padding-bottom:104px;}
@media(max-width:640px){
  .lander-lrx-matched-e .stickybar{gap:10px;padding:10px 14px;}
  .lander-lrx-matched-e .stickybar .line{font-size:14px;text-align:center;}
  .lander-lrx-matched-e .stickybar .btn{padding:11px 18px;font-size:14px;}
  .lander-lrx-matched-e.has-sticky{padding-bottom:126px;}
}

/* ---------- image layouts (version C) ---------- */
.lander-lrx-matched-e .hero--media{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;}
@media(max-width:820px){.lander-lrx-matched-e .hero--media{grid-template-columns:1fr;gap:24px;}}
.lander-lrx-matched-e .figure{margin:28px 0;}
.lander-lrx-matched-e .figure img{width:100%;height:auto;border-radius:10px;border:1px solid var(--rule);}
.lander-lrx-matched-e .figure figcaption{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;color:var(--muted);margin-top:10px;}
.lander-lrx-matched-e .media-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center;margin:28px 0;}
@media(max-width:740px){.lander-lrx-matched-e .media-split{grid-template-columns:1fr;gap:18px;}}
.lander-lrx-matched-e .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0;}
.lander-lrx-matched-e .gallery img{width:100%;height:230px;object-fit:cover;object-position:top center;border-radius:8px;border:1px solid var(--rule);background:#fff;}
@media(max-width:820px){.lander-lrx-matched-e .gallery{grid-template-columns:repeat(2,1fr);}.lander-lrx-matched-e .gallery img{height:180px;}}
.lander-lrx-matched-e .logostrip img{width:100%;max-width:900px;margin:0 auto;height:auto;}

/* Real imagery for Version E. Shared typography and copy stay in place. */

.lander-lrx-matched-e .hero--media > *{
  min-width: 0;
}

.lander-lrx-matched-e .figure.hero-proof{
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  text-align: center;
}

.lander-lrx-matched-e .phone-frame{
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid var(--ink);
  border-radius: 28px;
  background: var(--ink);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--ink) 14%, transparent);
  overflow: hidden;
}

.lander-lrx-matched-e .figure .phone-frame img{
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  border-radius: 22px;
}

.lander-lrx-matched-e .pair{
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 28px;
}

.lander-lrx-matched-e .pair > *{
  min-width: 0;
}

.lander-lrx-matched-e .pair .phone-frame{
  max-width: 230px;
}

.lander-lrx-matched-e .page-frame{
  border: 1px solid var(--rule);
  border-radius: 10px;
  background: var(--soft);
  overflow: hidden;
}

.lander-lrx-matched-e .figure .page-frame img{
  width: 100%;
  height: auto;
  border: 0;
  border-radius: 0;
}

.lander-lrx-matched-e .gallery.page-gallery{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  margin-bottom: 12px;
}

.lander-lrx-matched-e .gallery.page-gallery img{
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: top center;
}

.lander-lrx-matched-e .figure.personal-proof{
  width: 100%;
  max-width: 280px;
  margin: 28px auto;
  text-align: center;
}

.lander-lrx-matched-e .personal-proof .phone-frame{
  max-width: 240px;
}

.lander-lrx-matched-e .fable-detail{
  width: 100%;
  aspect-ratio: 600 / 690;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 8px;
  background: var(--soft);
}

.lander-lrx-matched-e .gallery.page-gallery .fable-detail img{
  width: 200%;
  max-width: none;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  transform: translateY(-11.594203%);
}

@media (max-width: 820px) {
  .lander-lrx-matched-e .pair, .lander-lrx-matched-e .gallery.page-gallery{
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .lander-lrx-matched-e .pair .phone-frame{
    max-width: 250px;
  }

  .lander-lrx-matched-e .pair .page-frame{
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
  }

  .lander-lrx-matched-e .gallery.page-gallery img, .lander-lrx-matched-e .gallery.page-gallery .fable-detail{
    max-width: 390px;
    margin: 0 auto;
  }
}

/* ---------- stat line (clearer 58% block) ---------- */
.lander-lrx-matched-e .statline{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;border:2px solid var(--ink);border-radius:12px;padding:26px 28px;margin:28px 0;background:#fff;}
.lander-lrx-matched-e .statline-fig{text-align:center;padding-right:26px;border-right:1px solid var(--rule);}
.lander-lrx-matched-e .statline .num{font-family:var(--font-display);font-weight:800;font-size:clamp(52px,9vw,86px);line-height:.95;letter-spacing:-0.03em;color:var(--ink);}
.lander-lrx-matched-e .statline .label{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-top:8px;max-width:150px;}
.lander-lrx-matched-e .statline-facts{list-style:none;margin:0;padding:0;}
.lander-lrx-matched-e .statline-facts li{position:relative;padding-left:20px;margin-bottom:9px;font-size:16px;line-height:1.4;}
.lander-lrx-matched-e .statline-facts li:last-child{margin-bottom:0;}
.lander-lrx-matched-e .statline-facts li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;background:var(--accent);border:1.5px solid var(--ink);border-radius:2px;}
.lander-lrx-matched-e .statline-facts b{font-family:var(--font-display);font-weight:800;color:var(--ink);}
@media(max-width:640px){.lander-lrx-matched-e .statline{grid-template-columns:1fr;gap:18px;padding:22px;}.lander-lrx-matched-e .statline-fig{border-right:0;border-bottom:1px solid var(--rule);padding:0 0 16px;text-align:left;}.lander-lrx-matched-e .statline .label{max-width:none;}}

/* ---------- competitor page evidence ---------- */
.lander-lrx-matched-e .brandshots{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;}
.lander-lrx-matched-e .brandshot{margin:0;}
.lander-lrx-matched-e .brandshot img{width:100%;height:340px;object-fit:cover;object-position:top center;border:1px solid var(--rule);border-radius:10px;background:#fff;}
.lander-lrx-matched-e .brandshot figcaption{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--muted);margin-top:9px;line-height:1.5;}
.lander-lrx-matched-e .brandshot figcaption a{color:var(--ink);}
@media(max-width:700px){.lander-lrx-matched-e .brandshots{grid-template-columns:1fr;}.lander-lrx-matched-e .brandshot img{height:260px;}}

/* ---------- mock ad card ---------- */
.lander-lrx-matched-e .mock-ad{background:#fff;font-family:var(--font-body);}
.lander-lrx-matched-e .mock-ad-top{display:flex;align-items:center;gap:8px;padding:10px 12px 6px;}
.lander-lrx-matched-e .mock-avatar{width:30px;height:30px;border-radius:999px;background:var(--accent);border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:14px;}
.lander-lrx-matched-e .mock-brand{font-family:var(--font-display);font-weight:700;font-size:13px;line-height:1.15;color:var(--ink);}
.lander-lrx-matched-e .mock-brand em{display:block;font-style:normal;font-family:var(--font-body);font-weight:500;font-size:10.5px;color:var(--muted);}
.lander-lrx-matched-e .mock-ad-copy{font-size:13.5px;line-height:1.4;color:var(--ink);margin:0;padding:0 12px 10px;}
.lander-lrx-matched-e .mock-ad img{width:100%;height:auto;display:block;border:0;border-radius:0;}
.lander-lrx-matched-e .mock-ad-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--soft);font-size:11px;color:var(--muted);}
.lander-lrx-matched-e .mock-ad-cta b{background:#e4e6eb;color:var(--ink);font-family:var(--font-display);font-size:12px;padding:7px 12px;border-radius:5px;}

/* ---------- Brad portrait ---------- */
.lander-lrx-matched-e .brad{display:flex;justify-content:center;align-items:center;margin:0 0 26px;}
.lander-lrx-matched-e .brad-shot{position:relative;margin:0 118px 0 0;width:260px;max-width:70%;}
.lander-lrx-matched-e .brad-shot img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 22%;border-radius:12px;border:2px solid var(--ink);}
.lander-lrx-matched-e .brad-arrow{position:absolute;right:-18px;top:18px;transform:translateX(100%);background:var(--accent);border:2px solid var(--ink);border-radius:8px;padding:8px 12px;font-family:var(--font-display);font-weight:800;font-size:15px;white-space:nowrap;}
.lander-lrx-matched-e .brad-arrow:before{content:"";position:absolute;left:-22px;top:50%;width:22px;height:2px;background:var(--ink);}
.lander-lrx-matched-e .brad-arrow:after{content:"";position:absolute;left:-22px;top:50%;width:8px;height:8px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translate(0,-50%) rotate(45deg);}
@media(max-width:560px){.lander-lrx-matched-e .brad-shot{width:200px;}.lander-lrx-matched-e .brad-arrow{font-size:13px;padding:6px 9px;right:-14px;}}

/* ---------- portfolio-style page cards (matches landersrx.com/pages/portfolio) ---------- */
.lander-lrx-matched-e .pcards{display:grid;gap:18px;margin:26px 0;}
.lander-lrx-matched-e .pcards-3{grid-template-columns:repeat(3,1fr);}
.lander-lrx-matched-e .pcards-2{grid-template-columns:repeat(2,1fr);}
@media(max-width:600px){.lander-lrx-matched-e .pcards-2{grid-template-columns:1fr;}}
.lander-lrx-matched-e .pcard{display:flex;flex-direction:column;background:#fff;border:2px solid var(--ink);border-radius:2px;overflow:hidden;}
.lander-lrx-matched-e .pcard-thumb{height:300px;border-bottom:2px solid var(--ink);background:var(--soft);overflow:hidden;}
.lander-lrx-matched-e .pcard-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;border:0;border-radius:0;}
.lander-lrx-matched-e .pcard-meta{padding:14px 16px;}
.lander-lrx-matched-e .pcard-meta h4{font-family:var(--font-display);font-weight:800;font-size:16px;margin:0 0 4px;}
.lander-lrx-matched-e .pcard-meta span{display:block;font-size:13px;line-height:1.4;color:var(--muted);}
@media(max-width:900px){.lander-lrx-matched-e .pcards-3{grid-template-columns:1fr 1fr;}.lander-lrx-matched-e .pcard-thumb{height:240px;}}
@media(max-width:600px){.lander-lrx-matched-e .pcards-3{grid-template-columns:1fr;}.lander-lrx-matched-e .pcard-thumb{height:260px;}}

/* ---------- ad and page pair ---------- */
.lander-lrx-matched-e .pair{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:start;margin:26px 0;}
.lander-lrx-matched-e .pair-item{margin:0;display:flex;flex-direction:column;align-items:center;}
.lander-lrx-matched-e .pair-item figcaption{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;color:var(--muted);margin-top:10px;text-align:center;}
.lander-lrx-matched-e .pair .phone-frame{width:100%;max-width:290px;}
.lander-lrx-matched-e .pair .page-frame{width:100%;max-width:290px;border:2px solid var(--ink);border-radius:10px;overflow:hidden;background:#fff;}
.lander-lrx-matched-e .pair .page-frame img{width:100%;height:auto;display:block;border:0;border-radius:0;}
.lander-lrx-matched-e .pair-arrow{align-self:center;font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--ink);padding-top:60px;}
.lander-lrx-matched-e .pair-note{display:block;font-size:15px;color:var(--muted);margin-top:16px;line-height:1.5;}
@media(max-width:760px){.lander-lrx-matched-e .pair{grid-template-columns:1fr;}.lander-lrx-matched-e .pair-arrow{transform:rotate(90deg);padding:0;justify-self:center;}}

/* ---------- case study tags and ad tags ---------- */
.lander-lrx-matched-e .casetag{display:inline-block;background:var(--ink);color:#fff;padding:3px 8px;border-radius:3px;font-size:10px;margin-bottom:10px;}
.lander-lrx-matched-e .adtag{display:block;background:var(--accent);border:1.5px solid var(--ink);border-radius:4px;padding:5px 8px;margin-bottom:8px;font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:0;text-transform:none;color:var(--ink);}

/* keep the Brad arrow inside the viewport on small screens */
@media(max-width:620px){
  .brad{align-items:center;gap:12px;}
  .brad-shot{margin-right:0;}
  .brad-shot{width:150px;max-width:45%;}
  .brad-arrow{position:static;transform:none;padding:7px 10px;font-size:13px;}
  .brad-arrow:before,.brad-arrow:after{display:none;}
}

/* Version E: September 18 visual edit. */
.lander-lrx-matched-e{--wrap:780px}.lander-lrx-matched-e section{padding:76px 0}.lander-lrx-matched-e .wrap--wide{max-width:1120px}.lander-lrx-matched-e .eyebrow, .lander-lrx-matched-e .step-label{font-family:var(--font-mono);font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.lander-lrx-matched-e .eyebrow{margin-bottom:16px}.lander-lrx-matched-e .section-intro{max-width:650px;color:var(--muted)}.lander-lrx-matched-e .micro{font-size:11px;line-height:1.5;color:var(--muted)}.lander-lrx-matched-e .text-link{font-size:14px;font-weight:700;color:var(--ink);text-underline-offset:5px}.lander-lrx-matched-e .diagnosis{padding:54px 0}.lander-lrx-matched-e .diagnosis p:last-child{margin:0}.lander-lrx-matched-e .journey{display:grid;grid-template-columns:.8fr 1.7fr;gap:30px;align-items:center;margin:36px 0 24px}.lander-lrx-matched-e .journey-ad>.step-label{display:block;margin-bottom:12px}.lander-lrx-matched-e .angle-art{position:relative;background:var(--ink);border-radius:12px;overflow:hidden;color:#fff}.lander-lrx-matched-e .angle-art>img{width:100%;aspect-ratio:1/1;object-fit:cover}.lander-lrx-matched-e .angle-art>div{padding:20px}.lander-lrx-matched-e .angle-art h3{font-size:23px;color:#fff;margin:8px 0 0}.lander-lrx-matched-e .angle-art span{color:var(--accent);font-size:12px;font-weight:700}.lander-lrx-matched-e .journey-ad>.micro{margin:8px 0 0}.lander-lrx-matched-e .journey-paths{display:grid;gap:16px}.lander-lrx-matched-e .wrong-path, .lander-lrx-matched-e .right-path{display:flex;align-items:center;gap:18px;padding:24px;border-radius:10px}.lander-lrx-matched-e .wrong-path{background:#e9e9e5;border:1px dashed #a9a9a2}.lander-lrx-matched-e .wrong-path h3{font-size:18px;margin:6px 0}.lander-lrx-matched-e .wrong-path p{font-size:14px;margin:0;color:var(--muted)}.lander-lrx-matched-e .path-arrow{font-size:30px;flex-shrink:0}.lander-lrx-matched-e .path-cross{margin-left:auto;color:#8a4540;font-size:32px}.lander-lrx-matched-e .right-path{align-items:center;background:#fff;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--accent)}.lander-lrx-matched-e .right-path>div{flex:1;min-width:0}.lander-lrx-matched-e .right-path h3{font-size:21px;line-height:1.3;margin:10px 0}.lander-lrx-matched-e .right-path p{font-size:14px;line-height:1.5;margin-bottom:16px}.lander-lrx-matched-e .bonjour-shot{width:155px;height:310px;overflow:auto;flex-shrink:0;border:1px solid var(--rule);border-radius:6px}.lander-lrx-matched-e .bonjour-shot img{width:100%;height:auto}.lander-lrx-matched-e .match-takeaway{font-size:15px;border-left:3px solid var(--accent);padding:10px 18px;margin-top:28px}.lander-lrx-matched-e .examples-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:56px}.lander-lrx-matched-e .examples-heading h3{font-size:24px}.lander-lrx-matched-e .examples-heading p{font-size:14px;color:var(--muted)}.lander-lrx-matched-e .example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.lander-lrx-matched-e .example-card{background:#fff;border:1px solid #d8d8d3;border-radius:8px;overflow:hidden}.lander-lrx-matched-e .example-shot{height:280px;display:block;overflow:hidden;background:#eee;border-bottom:1px solid var(--rule)}.lander-lrx-matched-e .example-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.lander-lrx-matched-e .example-copy{padding:18px}.lander-lrx-matched-e .example-copy .eyebrow{font-size:9px;letter-spacing:.05em}.lander-lrx-matched-e .example-copy h3{font-size:20px;margin:10px 0}.lander-lrx-matched-e .example-copy p{font-size:13px;line-height:1.6;margin:0;color:var(--muted)}.lander-lrx-matched-e .result-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.lander-lrx-matched-e .result-heading>p{font-size:17px;color:var(--muted)}.lander-lrx-matched-e .results-board{display:grid;grid-template-columns:1.3fr 1fr;border:1px solid var(--ink);border-radius:12px;overflow:hidden;margin:28px 0 16px}.lander-lrx-matched-e .results-main{padding:36px;background:var(--ink);color:white}.lander-lrx-matched-e .results-main .eyebrow{color:#aaa}.lander-lrx-matched-e .result-number{font-family:var(--font-display);font-size:100px;letter-spacing:-.07em;font-weight:800;line-height:1.1;color:var(--accent)}.lander-lrx-matched-e .result-number>span{font-size:65px}.lander-lrx-matched-e .results-main>p:not(.eyebrow):not(.micro){font-size:17px;margin:14px 0 28px}.lander-lrx-matched-e .results-main .micro{color:#aaa;margin:12px 0 0}.lander-lrx-matched-e .bar-row{display:flex;align-items:center;gap:16px;margin:14px 0;font-size:12px}.lander-lrx-matched-e .bar-row>span{width:42px;flex-shrink:0}.lander-lrx-matched-e .bar{height:38px;border-radius:3px;display:flex;align-items:center;justify-content:flex-end;padding:0 12px}.lander-lrx-matched-e .bar b{font-family:var(--font-mono);font-size:13px}.lander-lrx-matched-e .bar.before{width:calc((100% - 58px)*.63267);background:#55555c;color:white}.lander-lrx-matched-e .bar.after{width:calc(100% - 58px);background:var(--accent);color:var(--ink)}.lander-lrx-matched-e .results-side{padding:30px;display:flex;flex-direction:column;gap:24px}.lander-lrx-matched-e .results-side>div{border-bottom:1px solid var(--rule);padding-bottom:18px}.lander-lrx-matched-e .results-side strong{display:block;font-family:var(--font-display);font-size:30px;letter-spacing:-.025em}.lander-lrx-matched-e .results-side span{display:block;font-size:13px;color:var(--muted)}.lander-lrx-matched-e .dashboard-link{color:var(--ink);text-decoration:none;display:block}.lander-lrx-matched-e .dashboard-link img{width:100%;max-height:125px;object-fit:contain;object-position:left center;border:1px solid var(--rule);border-radius:4px}.lander-lrx-matched-e .dashboard-link span{margin-top:8px;text-decoration:underline;text-underline-offset:4px}.lander-lrx-matched-e .brand-routes{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0 18px}.lander-lrx-matched-e .brand-routes article{min-width:0;background:#fff;border:1px solid #d5d5cf;border-radius:10px;padding:24px 24px 0;overflow:hidden}.lander-lrx-matched-e .route-label{text-align:center}.lander-lrx-matched-e .route-label>span:first-child{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;color:var(--muted)}.lander-lrx-matched-e .route-label h3{font-size:28px;margin:8px 0}.lander-lrx-matched-e .route-label p{font-size:14px;margin:0}.lander-lrx-matched-e .route-down{display:block;font-size:32px;color:var(--ink);margin:8px 0}.lander-lrx-matched-e .route-page{display:block;text-decoration:none;color:var(--ink);max-width:330px;margin:auto}.lander-lrx-matched-e .route-page>img{height:330px;width:100%;object-fit:cover;object-position:top;border:1px solid var(--rule);border-radius:6px 6px 0 0}.lander-lrx-matched-e .route-page>span{display:block;font-size:13px;font-weight:700;padding:16px 0;text-align:center}.lander-lrx-matched-e .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:34px 0}.lander-lrx-matched-e .process-grid article{min-width:0}.lander-lrx-matched-e .process-grid h3{font-size:23px;margin:10px 0}.lander-lrx-matched-e .process-grid p{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:0}.lander-lrx-matched-e .process-art{height:170px;background:var(--soft);border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.lander-lrx-matched-e .process-art>span{position:absolute;bottom:14px;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:var(--muted)}.lander-lrx-matched-e .signal{align-items:flex-end;gap:10px;padding-bottom:46px}.lander-lrx-matched-e .signal i{height:32px;width:28px;background:#ccc;border-radius:3px 3px 0 0}.lander-lrx-matched-e .signal i:nth-child(2){height:52px}.lander-lrx-matched-e .signal i:nth-child(3){height:84px;background:var(--accent);border:2px solid var(--ink)}.lander-lrx-matched-e .signal i:nth-child(4){height:43px}.lander-lrx-matched-e .wire>div{width:110px;padding:12px;background:#fff;border:1px solid var(--ink);transform:rotate(-5deg);margin-bottom:22px;box-shadow:5px 5px 0 #ddd}.lander-lrx-matched-e .wire b, .lander-lrx-matched-e .wire i, .lander-lrx-matched-e .wire em{display:block;background:#ddd;height:6px;margin-bottom:7px}.lander-lrx-matched-e .wire b{height:13px;background:var(--ink);width:80%}.lander-lrx-matched-e .wire em{width:42px;background:var(--accent);height:10px}.lander-lrx-matched-e .deliver>strong{font-size:68px;font-family:var(--font-display);margin-bottom:22px;letter-spacing:-.06em}.lander-lrx-matched-e .deliver>strong span{font-size:22px;margin-left:4px}.lander-lrx-matched-e .you-bring{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:22px;font-size:13px}.lander-lrx-matched-e .you-bring span:before{content:'＋';margin-right:7px}.lander-lrx-matched-e .gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.lander-lrx-matched-e .gallery-control{border:1px solid #bbb;background:transparent;border-radius:5px;padding:10px 15px;font-family:var(--font-body);font-weight:600;font-size:12px;cursor:pointer;color:var(--ink)}.lander-lrx-matched-e .work-rail{overflow:hidden;margin:24px 0 26px}.lander-lrx-matched-e .work-track{display:flex;width:max-content;animation:work-scroll 80s linear infinite}.lander-lrx-matched-e .work-set{display:flex;gap:20px;padding-right:20px}.lander-lrx-matched-e .work-tile{display:block;width:225px;flex-shrink:0;border:1px solid #d4d4cf;border-radius:8px;overflow:hidden;background:#fff;color:var(--ink);text-decoration:none}.lander-lrx-matched-e .work-tile img{height:320px;width:100%;object-fit:cover;object-position:top}.lander-lrx-matched-e .work-tile span{display:block;padding:12px 14px;font-size:12px;font-weight:700}.lander-lrx-matched-e .work-rail:hover .work-track, .lander-lrx-matched-e .work-rail:focus-within .work-track, .lander-lrx-matched-e .work-rail.paused .work-track{animation-play-state:paused}@keyframes work-scroll{to{transform:translateX(-50%)}}.lander-lrx-matched-e .offer-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.lander-lrx-matched-e .offer-layout>div>p{font-size:16px}.lander-lrx-matched-e .offer-layout .cta-note{font-size:10px}.lander-lrx-matched-e .offer-checklist{padding:30px;background:#fffdf3;border:1px solid #e1dbbd;border-radius:10px}.lander-lrx-matched-e .offer-checklist h3{font-size:24px}.lander-lrx-matched-e .offer-checklist ul{list-style:none;padding:0;margin:24px 0 0}.lander-lrx-matched-e .offer-checklist li{position:relative;padding:0 0 22px 28px}.lander-lrx-matched-e .offer-checklist li:last-child{padding-bottom:0}.lander-lrx-matched-e .offer-checklist li:before{content:'✓';position:absolute;left:0;font-weight:800}.lander-lrx-matched-e .offer-checklist b{display:block;font-size:16px}.lander-lrx-matched-e .offer-checklist span{display:block;font-size:13px;line-height:1.6;margin-top:5px;color:var(--muted)}.lander-lrx-matched-e .next-step{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:34px 0 20px;padding:26px 0;align-items:center}.lander-lrx-matched-e .next-step h3{font-size:21px;margin:8px 0}.lander-lrx-matched-e .next-step p{font-size:14px;margin:0;color:var(--muted)}.lander-lrx-matched-e .control-strip{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font-size:12px}.lander-lrx-matched-e .brad{justify-content:flex-start;margin:25px 0}.lander-lrx-matched-e .brad-shot{display:flex;align-items:center;gap:20px;width:auto;max-width:100%;margin:0}.lander-lrx-matched-e .brad-shot img{width:130px;height:130px;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:50%;border:4px solid white;box-shadow:0 0 0 1px #ddd}.lander-lrx-matched-e .brad-arrow{position:static;transform:none;background:none;border:0;padding:0;font-size:24px}.lander-lrx-matched-e .brad-arrow:before, .lander-lrx-matched-e .brad-arrow:after{display:none}.lander-lrx-matched-e #personal-note{background:#fffdf7}.lander-lrx-matched-e #personal-note h2{font-size:32px}.lander-lrx-matched-e #personal-note p{font-size:17px}.lander-lrx-matched-e #personal-note p.big{font-size:21px}.lander-lrx-matched-e #formNotice{font-size:14px;margin:18px 0 0;padding:14px;background:var(--soft)}.lander-lrx-matched-e a:focus-visible, .lander-lrx-matched-e button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(max-width:850px){.lander-lrx-matched-e section{padding:52px 0}.lander-lrx-matched-e .journey{grid-template-columns:1fr;gap:22px}.lander-lrx-matched-e .journey-ad{max-width:400px}.lander-lrx-matched-e .angle-art{display:flex;align-items:center}.lander-lrx-matched-e .angle-art>img{width:42%;aspect-ratio:1}.lander-lrx-matched-e .angle-art>div{padding:14px}.lander-lrx-matched-e .angle-art h3{font-size:20px}.lander-lrx-matched-e .example-grid{grid-template-columns:repeat(2,1fr)}.lander-lrx-matched-e .result-heading{gap:20px}.lander-lrx-matched-e .results-main{padding:24px}.lander-lrx-matched-e .results-side{padding:22px}.lander-lrx-matched-e .result-number{font-size:80px}.lander-lrx-matched-e .process-grid{gap:18px}.lander-lrx-matched-e .process-grid h3{font-size:20px}.lander-lrx-matched-e .offer-layout{gap:28px}.lander-lrx-matched-e .next-step{gap:25px}.lander-lrx-matched-e .control-strip{justify-content:flex-start}.lander-lrx-matched-e .hero .hero--media{gap:25px}}
@media(max-width:600px){.lander-lrx-matched-e{font-size:16px}.lander-lrx-matched-e .wrap{padding:0 20px}.lander-lrx-matched-e .journey{margin-top:24px}.lander-lrx-matched-e .right-path{padding:18px;gap:12px;flex-wrap:wrap}.lander-lrx-matched-e .right-path>.path-arrow{display:none}.lander-lrx-matched-e .right-path>div{flex-basis:45%}.lander-lrx-matched-e .right-path h3{font-size:18px}.lander-lrx-matched-e .bonjour-shot{width:43%;height:280px}.lander-lrx-matched-e .wrong-path{padding:18px}.lander-lrx-matched-e .examples-heading{display:block;margin-top:36px}.lander-lrx-matched-e .examples-heading h3{margin-bottom:8px}.lander-lrx-matched-e .example-grid{gap:12px}.lander-lrx-matched-e .example-shot{height:220px}.lander-lrx-matched-e .example-copy{padding:14px}.lander-lrx-matched-e .example-copy h3{font-size:18px}.lander-lrx-matched-e .example-copy p{font-size:12px}.lander-lrx-matched-e .example-copy .eyebrow{font-size:8px}.lander-lrx-matched-e .result-heading{grid-template-columns:1fr;gap:0}.lander-lrx-matched-e .results-board{grid-template-columns:1fr}.lander-lrx-matched-e .result-number{font-size:92px}.lander-lrx-matched-e .results-side{gap:18px}.lander-lrx-matched-e .results-side>div{padding-bottom:12px}.lander-lrx-matched-e .dashboard-link img{max-height:140px}.lander-lrx-matched-e .brand-routes{gap:12px}.lander-lrx-matched-e .brand-routes article{padding:16px 10px 0}.lander-lrx-matched-e .route-label h3{font-size:20px}.lander-lrx-matched-e .route-label p{font-size:12px;min-height:36px}.lander-lrx-matched-e .route-page>img{height:260px}.lander-lrx-matched-e .route-page>span{font-size:10px}.lander-lrx-matched-e .process-grid{grid-template-columns:1fr;gap:28px}.lander-lrx-matched-e .process-grid article{display:grid;grid-template-columns:110px 1fr;column-gap:18px}.lander-lrx-matched-e .process-art{grid-row:1/4;height:140px;margin:0}.lander-lrx-matched-e .process-grid .step-label{font-size:10px;align-self:end}.lander-lrx-matched-e .process-grid h3{margin:5px 0;font-size:21px}.lander-lrx-matched-e .process-grid p{font-size:14px}.lander-lrx-matched-e .signal{gap:6px}.lander-lrx-matched-e .signal i{width:14px}.lander-lrx-matched-e .process-art>span{font-size:6px}.lander-lrx-matched-e .wire>div{width:75px;padding:9px}.lander-lrx-matched-e .deliver>strong{font-size:48px}.lander-lrx-matched-e .deliver>strong span{font-size:15px}.lander-lrx-matched-e .you-bring{justify-content:flex-start;gap:12px;font-size:12px}.lander-lrx-matched-e .gallery-heading{align-items:flex-end}.lander-lrx-matched-e .gallery-heading h2{font-size:27px}.lander-lrx-matched-e .gallery-control{flex-shrink:0;padding:9px;font-size:10px;margin-bottom:20px}.lander-lrx-matched-e .work-tile{width:180px}.lander-lrx-matched-e .work-tile img{height:260px}.lander-lrx-matched-e .offer-layout, .lander-lrx-matched-e .next-step{grid-template-columns:1fr;gap:24px}.lander-lrx-matched-e .offer-checklist{padding:24px}.lander-lrx-matched-e .brad-shot img{width:100px;height:100px}.lander-lrx-matched-e .brad-arrow{font-size:22px}.lander-lrx-matched-e .control-strip{display:grid;gap:10px}.lander-lrx-matched-e .results-board+.small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.lander-lrx-matched-e{scroll-behavior:auto}.lander-lrx-matched-e .work-track{animation:none}.lander-lrx-matched-e .work-rail{overflow-x:auto}.lander-lrx-matched-e .work-set[aria-hidden]{display:none}}
@media(prefers-reduced-motion:reduce){.lander-lrx-matched-e .gallery-control{display:none}}

/* Review: give congruency a proper explanatory section. */
.lander-lrx-matched-e .congruency-explainer{margin:40px 0 42px;padding:32px 0;border-top:1px solid #d8d8d3;border-bottom:1px solid #d8d8d3;max-width:820px}.lander-lrx-matched-e .congruency-explainer h3{font-size:28px;margin-bottom:18px}.lander-lrx-matched-e .congruency-explainer p{font-size:17px;line-height:1.7;max-width:750px;margin-bottom:14px}.lander-lrx-matched-e .congruency-explainer p:last-child{margin-bottom:0}.lander-lrx-matched-e .examples-heading{display:block}.lander-lrx-matched-e .examples-heading h3{font-size:28px;max-width:700px;margin-bottom:10px}.lander-lrx-matched-e .examples-heading p{margin-bottom:24px}@media(max-width:600px){.lander-lrx-matched-e .congruency-explainer{padding:25px 0;margin:30px 0}.lander-lrx-matched-e .congruency-explainer h3, .lander-lrx-matched-e .examples-heading h3{font-size:24px}.lander-lrx-matched-e .congruency-explainer p{font-size:16px}}

/* ---------- Round 1 review edits (2026-09-21) ---------- */

/* N2 — CTA label arrow */
.lander-lrx-matched-e .btn-arrow{display:inline-block;margin-left:.4em;transition:transform .15s ease}
.lander-lrx-matched-e .btn:hover .btn-arrow{transform:translateX(3px)}

@media (max-width:768px){
  /* N2 — header CTA was 189x77 and wrapping onto two lines */
  .lander-lrx-matched-e .masthead .btn--sm{
    padding:12px 16px;
    font-size:13px;
    line-height:1.15;
    white-space:nowrap;
  }
  /* N5 — hero CTA matches the headline width */
  .lander-lrx-matched-e .hero .cta-stack .btn--primary{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
  }
  /* N26 — tighten the run-out below the personal note */
  .lander-lrx-matched-e #personal-note{padding-bottom:24px}
  .lander-lrx-matched-e #personal-note .big{margin-bottom:8px}
}

/* ---------- Round 1, second pass (2026-09-21) ---------- */

/* N1 — square corners, matching landersrx.com (its buttons are radius 0) */
.lander-lrx-matched-e *{border-radius:0 !important}
.lander-lrx-matched-e .phone-frame{border-radius:30px !important}
.lander-lrx-matched-e .phone-frame img{border-radius:24px !important}
.lander-lrx-matched-e .brad-shot img{border-radius:50% !important}
.lander-lrx-matched-e .brad-arrow{border-radius:20px !important}

/* N1 — buttons match the live site's uppercase treatment */
.lander-lrx-matched-e .btn{text-transform:uppercase;letter-spacing:.05em}
.lander-lrx-matched-e .masthead .btn--sm{font-size:11px;letter-spacing:.06em}

/* N4 — the 58% line inside the headline */
.lander-lrx-matched-e h1 em{
  display:block;
  margin-top:14px;
  font-style:normal;
  font-weight:600;
  font-size:.42em;
  line-height:1.3;
  letter-spacing:-.01em;
  color:var(--ink-soft,#4a4a55);
}

/* N6 — trust row under the hero CTA */
.lander-lrx-matched-e .trust-row{
  display:flex;flex-wrap:wrap;gap:6px 18px;
  margin:12px 0 0;padding:0;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ink-soft,#4a4a55);
}
.lander-lrx-matched-e .trust-row span{display:inline-flex;align-items:center;gap:8px}
.lander-lrx-matched-e .trust-row span+span::before{content:"";width:4px;height:4px;background:currentColor;opacity:.45;margin-right:10px}

/* N9 — real logo marks instead of the flattened strip */
.lander-lrx-matched-e .logostrip--marks{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:22px 34px;
}
.lander-lrx-matched-e .logostrip--marks img{
  height:30px;width:auto;
  filter:grayscale(1);opacity:.62;
}
@media (max-width:768px){
  .lander-lrx-matched-e .logostrip--marks{gap:18px 24px}
  .lander-lrx-matched-e .logostrip--marks img{height:22px}
}

/* N13 — example cards are image + brand, no invented type label */
.lander-lrx-matched-e .example-copy h3{margin:12px 0 0}

/* N15 — the source dashboard leads the results block */
.lander-lrx-matched-e .results-board--proof{display:grid;gap:22px}
.lander-lrx-matched-e .dashboard-lead{display:block;text-decoration:none}
.lander-lrx-matched-e .dashboard-lead img{display:block;width:100%;height:auto;border:1px solid rgba(10,10,15,.12)}
.lander-lrx-matched-e .dashboard-lead span{
  display:inline-block;margin-top:10px;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.04em;text-transform:uppercase;
}
.lander-lrx-matched-e .results-readout{display:grid;gap:16px}
.lander-lrx-matched-e .results-readout div{display:flex;flex-direction:column;gap:2px}
.lander-lrx-matched-e .results-readout strong{font-size:30px;font-weight:800;line-height:1.05}
.lander-lrx-matched-e .results-readout span{font-size:14px;color:var(--ink-soft,#4a4a55)}
@media (min-width:769px){
  .lander-lrx-matched-e .results-board--proof{grid-template-columns:1.35fr .65fr;align-items:start;gap:34px}
  .lander-lrx-matched-e .results-readout{gap:22px}
}

/* N28 — the real apply form, embedded */
.lander-lrx-matched-e .form--embed{padding:0;border:0;background:none}
.lander-lrx-matched-e .form--embed iframe{display:block;width:100%;border:0;min-height:1280px}

/* trust row stacks cleanly when it wraps on mobile */
@media (max-width:768px){
  .trust-row{flex-direction:column;gap:4px}
  .trust-row span+span::before{display:none}
  .masthead .btn--sm{padding:14px 16px}
}

/* ---------- Round 2 (2026-09-21) ---------- */

/* R2-2 — centre the qualifier under the hero CTA */
.lander-lrx-matched-e .hero .cta-note{text-align:center}

/* R2-3 — trust items as yellow check squares, centred */
.lander-lrx-matched-e .trust-row{
  list-style:none;
  display:flex;flex-direction:column;align-items:center;
  gap:10px;margin:16px 0 0;padding:0;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ink-soft,#4a4a55);
}
.lander-lrx-matched-e .trust-row li{display:flex;align-items:center;gap:10px;text-align:left}
.lander-lrx-matched-e .trust-row li::before{
  content:"";
  flex:0 0 18px;width:18px;height:18px;
  background:#FFCC1A no-repeat center/11px 11px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8.6l4 4 8-9' fill='none' stroke='%230A0A0F' stroke-width='2.6' stroke-linecap='square'/%3E%3C/svg%3E");
}
.lander-lrx-matched-e .trust-row li+li::before{margin-right:0}

/* R2-4 — logos bigger and evenly spaced */
.lander-lrx-matched-e .logostrip--marks{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;justify-items:center;
  gap:26px 20px;
  max-width:560px;margin:0 auto;
}
.lander-lrx-matched-e .logostrip--marks img{height:40px;width:auto;max-width:100%;filter:grayscale(1);opacity:.72}
@media (min-width:769px){
  .lander-lrx-matched-e .logostrip--marks{grid-template-columns:repeat(7,1fr);gap:0 26px;max-width:960px}
  .lander-lrx-matched-e .logostrip--marks img{height:44px}
}

/* R2-5 — no box around the results block */
.lander-lrx-matched-e .dashboard-lead img{border:0}
.lander-lrx-matched-e .results-board--proof{border:0;background:none;padding:0}

/* R2-7 — every primary CTA spans its section */
.lander-lrx-matched-e .btn--primary{
  display:flex;align-items:center;justify-content:center;
  width:100%;box-sizing:border-box;text-align:center;
}
.lander-lrx-matched-e .stickybar .btn--primary, .lander-lrx-matched-e .masthead .btn{width:auto;display:inline-flex}
@media (min-width:769px){
  .lander-lrx-matched-e .btn--primary{max-width:420px}
  .lander-lrx-matched-e .cta-stack, .lander-lrx-matched-e .offer-layout .btn--primary{margin-inline:0}
}

/* R2-8 — the embedded form sizes to its content */
.lander-lrx-matched-e .form--embed iframe{min-height:0;height:720px}
.lander-lrx-matched-e #claim .form--embed{margin-bottom:0}

/* ---------- Hero photo, round 2 replacement (2026-09-21) ---------- */
/* Square source (1559x1600), so no phone bezel - it would crop the top chip
   or the bottom note. The label sits in the empty top-right wall. */
.lander-lrx-matched-e .hero-shot{position:relative;display:block;line-height:0}
.lander-lrx-matched-e .hero-shot img{display:block;width:100%;height:auto}
.lander-lrx-matched-e .hero-shot__label{
  position:absolute;
  top:4%;right:4%;
  max-width:60%;
  font-family:var(--font-display),'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:-.02em;
  line-height:.95;
  text-align:right;
  color:#fff;
  font-size:clamp(30px,8.5vw,64px);
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}
@media (min-width:769px){
  .lander-lrx-matched-e .hero-shot__label{font-size:clamp(40px,3.4vw,58px)}
}

/* ---------- Hero relayout (2026-09-21): photo sits between the headline
   and the supporting paragraph, single column at every width ---------- */
.lander-lrx-matched-e .hero .wrap{display:block}
.lander-lrx-matched-e .hero h1{margin-bottom:0}
.lander-lrx-matched-e .hero .hero-proof{margin:22px 0 20px;line-height:0}
.lander-lrx-matched-e .hero .hero-proof img{display:block;width:100%;height:auto}
.lander-lrx-matched-e .hero .sub{margin-top:0}
@media (min-width:769px){
  .lander-lrx-matched-e .hero .wrap{max-width:860px;margin-inline:auto}
  .lander-lrx-matched-e .hero .hero-proof{margin:28px 0 24px}
}

/* Bonjour ad still is 9:16 in a square tile - bias the crop upward so the
   presenter and the first caption survive instead of centre-cropping to plates */
.lander-lrx-matched-e .angle-art img{object-position:50% 28%}

/* ---------- Round 3 (2026-09-21) ---------- */

/* R3-4 — the 58% line as a callout above the headline, not inside it.
   Sentence case with a background, deliberately not an uppercase eyebrow. */
.lander-lrx-matched-e .hero-callout{
  display:inline-flex;align-items:flex-start;gap:10px;
  margin:0 0 18px;padding:12px 16px;
  background:rgba(255,204,26,.28);
  border-left:3px solid var(--accent,#FFCC1A);
  font-size:15px;line-height:1.45;font-weight:600;
  color:var(--ink,#0A0A0F);
}
.lander-lrx-matched-e .hero-callout span{font-size:17px;line-height:1.25}

/* R3-1 — the ad still keeps the video's own 9:16 shape instead of a square crop */
.lander-lrx-matched-e .angle-art{display:block}
.lander-lrx-matched-e .angle-art>img{aspect-ratio:9/16;object-fit:cover;object-position:50% 50%}

/* R3-6 — two steps, no disconnect branch */
.lander-lrx-matched-e .journey{grid-template-columns:1fr 1fr;align-items:start}
.lander-lrx-matched-e .journey-page>.step-label{display:block;margin-bottom:12px}
.lander-lrx-matched-e .journey-page .bonjour-shot{display:block;line-height:0}
.lander-lrx-matched-e .journey-page .bonjour-shot img{width:100%;height:auto;display:block;border:1px solid #d8d8d3}
.lander-lrx-matched-e .journey-page p{margin:12px 0 8px;font-size:14px;line-height:1.55}
@media (max-width:768px){
  .lander-lrx-matched-e .journey{grid-template-columns:1fr;gap:26px}
  .lander-lrx-matched-e .journey-ad{max-width:none}
}

/* R3-7 — less box padding on the example cards, more of the page visible */
.lander-lrx-matched-e .example-copy{padding:10px 12px}
.lander-lrx-matched-e .example-copy h3{margin:0;font-size:16px}

/* R3-8 — the two dashboard crops stack */
.lander-lrx-matched-e .dashboard-lead{display:grid;gap:10px}
.lander-lrx-matched-e .dashboard-lead img{width:100%;height:auto;display:block;border:1px solid rgba(10,10,15,.12)}

/* R3-11 — headings wrap evenly instead of breaking at a fixed point */
.lander-lrx-matched-e h1, .lander-lrx-matched-e h2, .lander-lrx-matched-e h3, .lander-lrx-matched-e .hero .sub{text-wrap:balance}

/* ---------- Round 4 (2026-09-21) ---------- */

/* R4-1 — callout loses the panel; it is a plain line with the lightbulb now */
.lander-lrx-matched-e .hero-callout{
  display:flex;align-items:flex-start;justify-content:center;gap:8px;
  margin:0 0 14px;padding:0;
  background:none;border:0;
  font-size:15px;line-height:1.45;font-weight:600;
  color:var(--muted,#4a4a55);
}

/* R4-1 — less dead space above the hero on mobile */
@media (max-width:768px){
  .hero{padding-top:26px}
}

/* R4-2 / R4-3 — the hero centres. Section headings stay left, which is what
   landersrx.com does (8 of its 12 headings are left, only the hero and the
   offer blocks centre). */
.lander-lrx-matched-e .hero .wrap{text-align:center}
.lander-lrx-matched-e .hero h1, .lander-lrx-matched-e .hero .sub, .lander-lrx-matched-e .hero .cta-note{text-align:center}
.lander-lrx-matched-e .hero .cta-stack{align-items:center}
.lander-lrx-matched-e .hero .trust-row{align-items:center}

/* R4-5 — the angle label sits on the still instead of in a black slab */
.lander-lrx-matched-e .angle-art{position:relative;background:none}
.lander-lrx-matched-e .angle-art>img{display:block;width:100%;height:100%;object-fit:cover}
.lander-lrx-matched-e .angle-art>div{
  position:absolute;left:0;right:0;bottom:0;
  padding:18px 16px 14px;
  background:linear-gradient(to top,rgba(10,10,15,.92) 0%,rgba(10,10,15,.72) 45%,rgba(10,10,15,0) 100%);
}
.lander-lrx-matched-e .angle-art h3{font-size:19px;margin:4px 0 0}

/* R4-5 / R4-6 — both columns fill the same height, no dead space */
.lander-lrx-matched-e .journey{align-items:stretch}
.lander-lrx-matched-e .journey-ad, .lander-lrx-matched-e .journey-page{display:flex;flex-direction:column}
.lander-lrx-matched-e .journey-ad>.angle-art{flex:1;min-height:0}
.lander-lrx-matched-e .journey-page .bonjour-shot{flex:1;min-height:0;display:block}
.lander-lrx-matched-e .journey-page .bonjour-shot img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.lander-lrx-matched-e .journey-page p{margin:12px 0 0;font-size:14px;line-height:1.55}
@media (max-width:768px){
  .lander-lrx-matched-e .journey-ad>.angle-art, .lander-lrx-matched-e .journey-page .bonjour-shot{flex:none}
  .lander-lrx-matched-e .journey-page .bonjour-shot img{height:auto;object-fit:contain}
}

/* R4-8 — no box on the dashboard crops, and they centre */
.lander-lrx-matched-e .dashboard-lead{justify-items:center}
.lander-lrx-matched-e .dashboard-lead img{border:0;max-width:100%}

/* R4-9 — this heading fits one line on mobile */
@media (max-width:420px){
  #free-design .offer-layout h2{font-size:27px}
}

/* R4-11 — reclaim the sticky-bar reserve while the bar is hidden */
.lander-lrx-matched-e.has-sticky.sticky-hidden{padding-bottom:0}

/* ---------- Round 4, second pass: the worked example ---------- */

/* The black slab and its muddy 85px gradient band are gone. The brand sits in a
   white chip on the still - the same annotation language as the hero photo - and
   the angle line reads as normal page copy underneath. */
.lander-lrx-matched-e .angle-art{position:relative;background:none;overflow:hidden}
.lander-lrx-matched-e .angle-art>img{display:block;width:100%;height:100%;object-fit:cover}
.lander-lrx-matched-e .angle-chip{
  position:absolute;top:12px;left:12px;
  padding:6px 12px;
  background:#fff;color:var(--ink,#0A0A0F);
  font-family:var(--font-display),'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:13px;letter-spacing:-.01em;
}
.lander-lrx-matched-e .angle-title{margin:14px 0 0;font-size:19px;line-height:1.3}

/* The old flex-row layout left .bonjour-shot pinned at 43% wide and 280px tall,
   which is where the stranded strip and the 191px of blank column came from. */
.lander-lrx-matched-e .journey-page .bonjour-shot, .lander-lrx-matched-e .bonjour-shot{
  width:100%;height:auto;
  overflow:hidden;
  border:0;
  display:block;
}
.lander-lrx-matched-e .journey-page .bonjour-shot img{
  width:100%;height:auto;
  display:block;
  object-fit:contain;
  border:1px solid #d8d8d3;
}
@media (min-width:769px){
  .lander-lrx-matched-e .journey-page .bonjour-shot{flex:1;min-height:0}
  .lander-lrx-matched-e .journey-page .bonjour-shot img{height:100%;object-fit:cover;object-position:50% 0}
}

/* the readout was removed in round 3; drop the empty column it left behind.
   NOT inside a min-width query - between 601 and 768 the base 1.3fr/1fr rule
   took over and left a 325px empty column. */
.lander-lrx-matched-e .results-board--proof{grid-template-columns:1fr}

/* ---------- Round 5 (2026-09-22) ---------- */

/* R5-1 — the callout goes yellow */
.lander-lrx-matched-e .hero-callout{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  margin:0 auto 16px;padding:10px 16px;
  background:rgba(255,204,26,.38);
  color:var(--ink,#0A0A0F);
  font-size:15px;line-height:1.35;font-weight:700;
  text-align:center;
}

/* R5-3 / R5-4 — no chip on the photo. Brand and angle read above the media. */
.lander-lrx-matched-e .angle-brand{
  margin:10px 0 2px;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted,#4a4a55);
}
.lander-lrx-matched-e .angle-title{margin:0 0 14px;font-size:20px;line-height:1.3}
.lander-lrx-matched-e .angle-art{position:relative;overflow:hidden;background:none}
.lander-lrx-matched-e .angle-art>img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- Desktop pass (2026-09-22) ----------
   The page had only ever been checked at 375px. Findings from a 1440/1024/768
   audit, worst first. */

@media (min-width:769px){

  /* 1 — the hero photo was 320px hard-left in a centred 812px column, 246px off
     axis with 492px of white beside it. A `margin:28px 0 24px` shorthand was
     clobbering the `margin:0 auto` that centred it. */
  .hero .hero-proof{margin:28px auto 24px;max-width:600px}

  /* 2 — every primary CTA sat hard left under centred text, because a
     `margin-inline:0` rule killed the centring. */
  .hero .cta-stack .btn--primary{margin-inline:auto}

  /* 4 — the page had five different left content edges. The narrow sections now
     share the wide container's left edge and keep their reading measure. */
  #diagnosis .wrap,#personal-note .wrap,#claim .wrap{max-width:1120px;padding-inline:24px}
  #diagnosis .wrap>*,#personal-note .wrap>*,#claim .wrap>*{max-width:780px}

  /* 10 — the header was 1080 wide against the body's 1120, a 20px step down the
     whole page. */
  .masthead{max-width:1120px}

  /* 5 — two 926/964px images side by side made #the-match 2094px tall. */
  .angle-art,.journey-page .bonjour-shot{max-height:520px}

  /* 6 — the Grüns screenshots lost 71% of their content to a 330x330 crop.
     Capped at 430, their true source width: 460 showed more of the page but
     upscaled them 1.07x, and there are no more pixels to be had. */
  .route-page{max-width:430px}
  .route-page>img{height:560px}

  /* 7 — the dashboards were centred at 340 while their heading sat at 184. */
  .results-board--proof{margin-inline:0}

  /* 11 — .process-art was a 336x170 grey panel holding mobile-sized art. */
  .process-art{height:220px}
  .process-art.signal i{width:44px}
  .process-art.wire>div{width:170px}

  /* 13 — one paragraph ran to 94 characters. */
  #personal-note p{max-width:68ch}
}

/* 8 — never render these above their source resolution. The dashboard PNGs come
   from a 740px-wide capture and the ad still is 491px wide, so upscaling them
   only softens them; a bigger source is the real fix. */
.lander-lrx-matched-e .dashboard-lead img{max-width:693px}
.lander-lrx-matched-e .angle-art>img{max-width:100%}
@media (min-width:601px) and (max-width:768px){
  .lander-lrx-matched-e .angle-art{max-width:491px}
}

/* 9 — the logo wall was a 7-column grid holding 6 logos, so an empty cell pushed
   the strip 57px left of centre. */
.lander-lrx-matched-e .logostrip--marks{
  display:flex;flex-wrap:wrap;
  align-items:center;justify-content:center;
  gap:26px 34px;
}
@media (min-width:769px){
  .lander-lrx-matched-e .logostrip--marks{gap:0 40px;max-width:1000px}
}