/* ==========================================================================
   lp.css — buyer landing pages (/lp/*)
   --------------------------------------------------------------------------
   Builds on cp-hero.css and shared-nav.css; only adds the sections those
   files don't cover. Same tokens, type and art as the rest of the site.

   VERSIONS
   Each page carries three headline versions for ad testing, marked
   data-v="a|b|c". lp.js reads ?v= and shows one. Default is A.

   REVIEW MODE
   .lp-todo blocks (story, photo and proof placeholders) render only on
   deploy previews or with ?review=1, so the live page never shows a
   bracketed placeholder.
   ========================================================================== */
:root{--navy:#0A1F2E;--navy-deep:#061420;--navy-mid:#0D2B40;--copper:#B87333;--copper-lt:#D4954A;
  --teal:#1A6A7A;--teal-lt:#2A8A9A;--white:#FFFFFF;--accent:#D4954A;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--navy-deep);color:var(--white);min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 70% 55% at 5% 15%,rgba(26,106,122,.12) 0%,transparent 55%),
             radial-gradient(ellipse 55% 45% at 95% 85%,rgba(184,115,51,.09) 0%,transparent 50%);}
a{color:var(--copper-lt);}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

/* versions */
[data-v]{display:none;}
body[data-ver="a"] [data-v~="a"],
body[data-ver="b"] [data-v~="b"],
body[data-ver="c"] [data-v~="c"]{display:block;}
.lp-todo,.lp-proof{display:none !important;}
body.lp-review .lp-todo,body.lp-review .lp-proof{display:block !important;}
.lp-proof{position:relative;z-index:1;padding:0 24px;}

/* ── hero ─────────────────────────────────────────────────────────────── */
.lp-hero{position:relative;z-index:1;min-height:92vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;padding:130px 24px 90px;}
.lp-eyebrow{display:inline-block;font-family:'Cinzel',serif;font-size:13.5px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--copper-lt);margin-bottom:24px;padding:9px 18px;border-radius:999px;
  background:rgba(6,20,32,.72);border:.5px solid rgba(212,149,74,.45);backdrop-filter:blur(3px);
  animation:fadeUp .8s ease .05s both;}
@media(max-width:760px){.lp-eyebrow{font-size:11.5px;letter-spacing:.14em;padding:8px 14px;}}
.lp-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(40px,6.4vw,76px);
  line-height:1.04;letter-spacing:-.015em;max-width:17ch;margin:0 auto;animation:fadeUp .8s ease .15s both;}
.lp-title em{font-style:italic;color:var(--copper-lt);}
.lp-rule{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--copper),transparent);
  margin:28px auto;animation:fadeUp .8s ease .25s both;}
.lp-sub{font-size:clamp(16px,1.6vw,18px);font-weight:300;line-height:1.75;color:rgba(255,255,255,.72);
  max-width:600px;margin:0 auto;animation:fadeUp .8s ease .3s both;}
.lp-hero .lp-eyebrow,.lp-hero .lp-sub,.lp-hero .cp-hero-cta-note{text-shadow:0 1px 12px rgba(6,20,32,.95);}
.lp-hero .lp-title{text-shadow:0 2px 30px rgba(6,20,32,.92),0 1px 4px rgba(6,20,32,.7);}
.lp-hero .cp-hero-cta{animation:fadeUp .8s ease .4s both;}
.lp-hero .cp-hero-cta-note{animation:fadeUp .8s ease .45s both;}

/* ── section shell ────────────────────────────────────────────────────── */
.lp-sec{position:relative;z-index:1;padding:84px 24px;}
.lp-in{max-width:1040px;margin:0 auto;}
.lp-narrow{max-width:760px;margin:0 auto;}
.lp-kicker{font-family:'Cinzel',serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--copper);margin-bottom:14px;}
.lp-h2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(30px,4.6vw,48px);
  line-height:1.12;color:#fff;margin-bottom:16px;}
.lp-h2 em{font-style:italic;color:var(--copper-lt);}
.lp-lede{font-size:16px;font-weight:300;line-height:1.8;color:rgba(255,255,255,.62);max-width:620px;}
.lp-center{text-align:center;}
.lp-center .lp-lede{margin:0 auto;}

/* ── pain cards ───────────────────────────────────────────────────────── */
.lp-pains{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;}
.lp-pain{padding:28px 24px;border:.5px solid rgba(255,255,255,.1);border-radius:6px;
  background:rgba(255,255,255,.025);}
.lp-pain b{display:block;font-family:'Cormorant Garamond',serif;font-weight:300;font-size:40px;
  color:var(--copper);line-height:1;margin-bottom:14px;}
.lp-pain p{font-family:'Cormorant Garamond',serif;font-size:21px;line-height:1.4;color:rgba(255,255,255,.88);}

/* ── leak map (Dead Deal Diagnostic patterns) ─────────────────────────── */
.lp-leaks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px;}
.lp-leak{position:relative;padding:26px 20px 24px;border-radius:8px;
  border:.5px solid rgba(184,115,51,.28);
  background:linear-gradient(160deg,rgba(184,115,51,.1),rgba(255,255,255,.015));}
.lp-leak svg{width:40px;height:40px;stroke:var(--copper-lt);fill:none;stroke-width:1.3;margin-bottom:16px;}
.lp-leak h3{font-family:'Cinzel',serif;font-weight:500;font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;margin-bottom:6px;}
.lp-leak .dims{font-size:11.5px;color:var(--copper-lt);letter-spacing:.04em;margin-bottom:12px;}
.lp-leak p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;line-height:1.4;
  color:rgba(255,255,255,.78);}

/* ── split: art + copy ───────────────────────────────────────────────── */
.lp-split{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;}
.lp-art{position:relative;border-radius:8px;overflow:hidden;border:.5px solid rgba(184,115,51,.25);}
.lp-art img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;}
.lp-art::after{content:'';position:absolute;inset:0;
  background:linear-gradient(to top,rgba(6,20,32,.55),rgba(6,20,32,0) 55%);}
.lp-art figcaption{position:absolute;left:18px;bottom:14px;z-index:1;font-family:'Cinzel',serif;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75);}
.lp-quote{font-family:'Cinzel',serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--copper);margin-bottom:14px;}
.lp-body p{font-size:16px;font-weight:300;line-height:1.8;color:rgba(255,255,255,.68);margin-bottom:16px;}
.lp-body p.lp-pull{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:23px;
  line-height:1.45;color:rgba(255,255,255,.9);border-left:2px solid var(--copper);padding-left:18px;}

/* ── path cards ───────────────────────────────────────────────────────── */
.lp-path{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;}
.lp-step{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;text-decoration:none;
  color:#fff;border:.5px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);
  transition:transform .2s,border-color .2s;}
.lp-step:hover{transform:translateY(-3px);border-color:rgba(184,115,51,.5);}
.lp-step img{display:block;width:100%;height:190px;flex:none;object-fit:cover;opacity:.9;}
.lp-step-in{padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1;}
.lp-price{font-family:'Cinzel',serif;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.45);}
.lp-step h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:25px;line-height:1.15;}
.lp-step p{font-size:14px;font-weight:300;line-height:1.65;color:rgba(255,255,255,.6);flex:1;}
.lp-step .go{font-size:13px;font-weight:500;color:var(--copper-lt);margin-top:6px;}
.lp-step.is-first{border-color:rgba(184,115,51,.55);
  background:linear-gradient(160deg,rgba(184,115,51,.14),rgba(255,255,255,.02));}
.lp-step.is-first .lp-price{color:var(--copper-lt);}
.lp-after{margin-top:26px;font-size:15px;font-weight:300;line-height:1.7;color:rgba(255,255,255,.62);text-align:center;}

/* ── placeholders (review mode only) ──────────────────────────────────── */
.lp-todo{border:1px dashed rgba(212,149,74,.6);border-radius:6px;padding:18px 20px;margin:18px 0;
  font-size:13.5px;line-height:1.6;color:var(--copper-lt);background:rgba(184,115,51,.06);}
.lp-todo::before{content:'Placeholder for Ben · hidden on the live page';display:block;
  font-family:'Cinzel',serif;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin-bottom:6px;}

/* ── closing band ─────────────────────────────────────────────────────── */
.lp-close{position:relative;z-index:1;isolation:isolate;padding:110px 24px;text-align:center;overflow:hidden;}
.lp-close::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--art) center/cover no-repeat;opacity:.55;}
.lp-close::after{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to bottom,var(--navy-deep) 0%,rgba(6,20,32,.55) 35%,rgba(6,20,32,.55) 65%,var(--navy-deep) 100%);}
.lp-close .lp-h2{font-size:clamp(34px,5.4vw,58px);}
.lp-close .goya{margin-top:18px;font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);}

/* ── homepage: chooser and buyer tiles ────────────────────────────────── */
.lp-choose{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;}
.lp-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:340px;padding:26px 24px;border-radius:10px;overflow:hidden;text-decoration:none;color:#fff;
  border:.5px solid rgba(184,115,51,.3);transition:transform .2s,border-color .2s;}
.lp-tile:hover{transform:translateY(-3px);border-color:rgba(212,149,74,.7);}
.lp-tile::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--art) center/cover no-repeat;transition:transform .6s;}
.lp-tile:hover::before{transform:scale(1.04);}
.lp-tile::after{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,rgba(6,20,32,.96) 0%,rgba(6,20,32,.78) 45%,rgba(6,20,32,.2) 100%);}
.lp-tile .want{font-family:'Cinzel',serif;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--copper-lt);margin-bottom:10px;}
.lp-tile h3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:30px;line-height:1.1;margin-bottom:8px;}
.lp-tile p{font-size:13px;color:rgba(255,255,255,.62);margin-bottom:14px;}
.lp-tile .go{font-size:13.5px;font-weight:500;color:var(--copper-lt);}
.lp-buyers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;}
.lp-buyers .lp-tile{min-height:250px;padding:20px;}
.lp-buyers .lp-tile h3{font-size:24px;}

.lp-steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px;counter-reset:s;}
.lp-steps4 div{padding-top:18px;border-top:.5px solid rgba(184,115,51,.4);}
.lp-steps4 div::before{counter-increment:s;content:counter(s);display:block;font-family:'Cormorant Garamond',serif;
  font-size:44px;font-weight:300;color:var(--copper);line-height:1;margin-bottom:10px;}
.lp-steps4 h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:22px;margin-bottom:6px;}
.lp-steps4 p{font-size:14px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.6);}

.lp-famous{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:30px;}
.lp-famous a{position:relative;display:block;border-radius:6px;overflow:hidden;aspect-ratio:3/4;
  border:.5px solid rgba(255,255,255,.12);text-decoration:none;}
.lp-famous img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.lp-famous a:hover img{transform:scale(1.05);}
.lp-famous span{position:absolute;left:0;right:0;bottom:0;padding:24px 10px 10px;font-family:'Cinzel',serif;
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#fff;
  background:linear-gradient(to top,rgba(6,20,32,.95),transparent);}

.lp-bio{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;margin-top:24px;
  font-size:13px;color:rgba(255,255,255,.55);letter-spacing:.02em;}
.lp-bio b{color:#fff;font-weight:500;}

.lp-faq{margin-top:30px;border-top:.5px solid rgba(255,255,255,.1);}
.lp-faq details{border-bottom:.5px solid rgba(255,255,255,.1);padding:20px 4px;}
.lp-faq summary{cursor:pointer;list-style:none;font-family:'Cormorant Garamond',serif;font-size:22px;color:#fff;
  display:flex;justify-content:space-between;gap:16px;}
.lp-faq summary::after{content:'+';color:var(--copper);}
.lp-faq details[open] summary::after{content:'–';}
.lp-faq p{margin-top:10px;font-size:15px;font-weight:300;line-height:1.75;color:rgba(255,255,255,.64);}

/* ── disclaimers (copied verbatim from index.html) ── */
.disclaimer-section {
  padding: 48px 48px 32px;
  border-top: 0.5px solid rgba(255,255,255,0.06);
  background: rgba(0,0,0,0.2);
}
.disclaimer-inner {
  max-width: 1100px;
  margin: 0 auto;
}
.disclaimer-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.dtab {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 20px;
  border: 0.5px solid rgba(255,255,255,0.35);
  color: rgba(255,255,255,0.4);
  cursor: pointer;
  background: transparent;
  transition: all 0.2s;
}
.dtab.active {
  border-color: var(--copper);
  color: var(--copper);
  background: rgba(184,115,51,0.08);
}
.disclaimer-panel {
  display: none;
  font-size: 12px;
  line-height: 1.75;
  color: rgba(255,255,255,0.3);
  max-width: 900px;
}
.disclaimer-panel.active { display: block; }
.disclaimer-panel h4 {
  font-family: 'Cinzel', serif;
  font-size: 11px;
  letter-spacing: 0.15em;
  color: rgba(255,255,255,0.4);
  margin-bottom: 10px;
  text-transform: uppercase;
}
.disclaimer-panel p { margin-bottom: 10px; }
.disclaimer-entities {
  font-size: 11px;
  color: rgba(255,255,255,0.2);
  margin-top: 16px;
  padding-top: 12px;
  border-top: 0.5px solid rgba(255,255,255,0.06);
}
@media (max-width: 900px) {
  .disclaimer-section { padding: 40px 24px 24px; }
  .disclaimer-tabs { gap: 6px; }
}
.disclaimer-section{position:relative;z-index:1;}

/* ── footer ───────────────────────────────────────────────────────────── */
.lp-foot{position:relative;z-index:1;border-top:.5px solid rgba(184,115,51,.15);padding:40px 24px 48px;
  text-align:center;font-size:12px;line-height:1.8;color:rgba(255,255,255,.4);}
.lp-foot img{height:30px;opacity:.4;margin-bottom:12px;}
.lp-foot .legal{max-width:680px;margin:10px auto 0;}

/* ── review bar ───────────────────────────────────────────────────────── */
.lp-bar{display:none;position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:300;
  gap:6px;align-items:center;padding:8px 10px;border-radius:999px;background:rgba(6,20,32,.94);
  border:.5px solid rgba(212,149,74,.6);box-shadow:0 8px 30px rgba(0,0,0,.5);font-size:12px;}
body.lp-review .lp-bar{display:flex;}
.lp-bar span{color:rgba(255,255,255,.55);padding:0 6px;}
.lp-bar a{padding:7px 12px;border-radius:999px;text-decoration:none;color:rgba(255,255,255,.8);}
.lp-bar a.on{background:var(--copper);color:var(--navy-deep);font-weight:500;}

/* ── responsive ───────────────────────────────────────────────────────── */
@media(max-width:900px){
  .lp-leaks,.lp-buyers,.lp-steps4{grid-template-columns:repeat(2,1fr);}
  .lp-famous{grid-template-columns:repeat(3,1fr);}
  .lp-split{grid-template-columns:1fr;gap:32px;}
}
@media(max-width:760px){
  .lp-pains,.lp-path,.lp-choose{grid-template-columns:1fr;}
  .lp-hero{min-height:auto;}
  .lp-sec{padding:64px 20px;}
  .lp-tile{min-height:260px;}
  .lp-bar{bottom:10px;font-size:11px;}
  .lp-bar span{display:none;}
}
@media(max-width:480px){
  .lp-leaks,.lp-buyers,.lp-steps4{grid-template-columns:1fr;}
}
.lp-proof .lp-todo{margin:8px auto 40px;}