/* ColabContent — Funnel pages (v2)
   Real conversion-focused architecture: lead-magnet opt-in → calculator →
   personalized result + book CTA. Extends site.css. */

/* ── Lead-magnet landing hero ─────────────────────────────────────────── */
.lm-hero{
  padding:calc(72px + 56px) 0 clamp(56px,10vw,96px);
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--rule);
}
.lm-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(55% 70% at 72% 24%,rgba(212,181,133,.1),transparent 65%),
             linear-gradient(180deg,rgba(10,9,8,.3) 0%,var(--ink) 100%);
  pointer-events:none;
}
.lm-hero-grid{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(40px,6vw,72px);align-items:center;
  position:relative;z-index:1;
}
.lm-eyebrow{
  font-family:var(--mono);font-size:11px;letter-spacing:.26em;
  text-transform:uppercase;color:var(--brass);margin-bottom:24px;
  display:inline-flex;align-items:center;gap:14px;
}
.lm-eyebrow::before{content:"";width:22px;height:1px;background:var(--brass);}
.lm-h1{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(40px,6vw,76px);
  line-height:.98;letter-spacing:-.03em;
  max-width:18ch;color:var(--paper);margin:0 0 22px;
}
.lm-h1 em{font-style:italic;color:var(--brass);}
.lm-lede{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.5;color:var(--paper);
  max-width:48ch;margin:0 0 24px;
}
.lm-sub{
  font-family:var(--serif);font-size:clamp(16px,1.3vw,18px);
  line-height:1.6;color:var(--paper-2);
  max-width:52ch;margin:0 0 0;
}
.lm-sub strong{color:var(--paper);font-weight:500;}

/* What's inside checklist */
.lm-inside{
  list-style:none;padding:0;margin:28px 0 0;
  display:flex;flex-direction:column;gap:10px;
  font-family:var(--serif);font-size:16px;line-height:1.5;color:var(--paper-2);
  max-width:48ch;
}
.lm-inside li{padding-left:28px;position:relative;}
.lm-inside li::before{
  content:"→";position:absolute;left:0;top:0;
  color:var(--brass);font-family:var(--serif);font-style:italic;
  font-weight:400;
}
.lm-inside li strong{color:var(--paper);font-weight:500;}

/* Opt-in card */
.lm-card{
  padding:clamp(32px,4vw,44px) !important;
  position:relative;
}
.lm-card-label{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--brass);margin-bottom:16px;
}
.lm-card-title{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(22px,2vw,26px);line-height:1.2;
  letter-spacing:-.015em;color:var(--paper);margin:0 0 8px;
}
.lm-card-title em{font-style:italic;color:var(--brass);}
.lm-card-sub{
  font-size:14px;line-height:1.55;color:var(--paper-2);
  margin:0 0 22px;
}
.lm-form{display:flex;flex-direction:column;gap:16px;}
.lm-form label{display:flex;flex-direction:column;gap:6px;}
.lm-form label > span{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--paper-3);
}
.lm-form input,.lm-form select{
  background:transparent;border:none;
  border-bottom:1px solid var(--rule-2);
  padding:10px 0;color:var(--paper);
  font-family:var(--serif);font-size:17px;
  outline:none;transition:border-color .3s var(--ease);
}
.lm-form input:focus,.lm-form select:focus{border-color:var(--brass);}
.lm-form select option{background:#0A0908;color:var(--paper);}
.lm-form .btn{margin-top:8px;}
.lm-card-foot{
  margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);
  font-family:var(--mono);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--paper-3);line-height:1.7;
}

/* Proof strip (under hero) */
.lm-proof{padding:36px 0;border-bottom:1px solid var(--rule);background:rgba(0,0,0,.2);}
.lm-proof-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:32px;align-items:center;
}
.lm-proof-item{text-align:left;}
.lm-proof-n{
  font-family:var(--serif);font-weight:300;font-style:italic;
  font-size:clamp(28px,3vw,36px);color:var(--paper);
  letter-spacing:-.02em;line-height:1;
}
.lm-proof-l{
  font-family:var(--mono);font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--paper-3);margin-top:8px;
}

/* What the magnet contains */
.lm-contents{padding:clamp(72px,10vw,120px) 0;}
.lm-contents-head{margin-bottom:48px;max-width:720px;}
.lm-contents-head h2{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(32px,5vw,58px);line-height:1.02;
  letter-spacing:-.03em;margin-top:20px;color:var(--paper);
  max-width:16ch;
}
.lm-contents-head h2 em{font-style:italic;color:var(--brass);}
.lm-contents-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:1px;background:var(--rule);border:1px solid var(--rule);
}
.lm-content-cell{
  background:var(--ink);padding:clamp(32px,4vw,44px);
}
.lm-content-n{
  font-family:var(--serif);font-style:italic;font-weight:300;
  color:var(--brass);font-size:clamp(36px,4vw,52px);
  line-height:1;margin-bottom:18px;
}
.lm-content-cell h3{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(20px,1.8vw,23px);line-height:1.25;
  letter-spacing:-.01em;color:var(--paper);margin:0 0 12px;
}
.lm-content-cell p{
  font-size:15px;line-height:1.6;color:var(--paper-2);
}

/* About the author (credibility strip) */
.lm-author{padding:clamp(56px,8vw,96px) 0;background:rgba(0,0,0,.2);}
.lm-author-grid{
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:clamp(40px,6vw,72px);align-items:center;
  border:1px solid var(--rule-2);padding:clamp(32px,4vw,56px);
  background:linear-gradient(180deg,rgba(24,21,19,.5),rgba(10,9,8,.2));
  position:relative;
}
.lm-author-grid::before,.lm-author-grid::after{
  content:"";position:absolute;width:36px;height:36px;
}
.lm-author-grid::before{top:-1px;left:-1px;border-top:1px solid var(--brass);border-left:1px solid var(--brass);}
.lm-author-grid::after{bottom:-1px;right:-1px;border-bottom:1px solid var(--brass);border-right:1px solid var(--brass);}
.lm-author-label{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--brass);margin-bottom:14px;
}
.lm-author-grid h3{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(22px,2vw,28px);line-height:1.2;
  color:var(--paper);margin:0 0 12px;
}
.lm-author-grid p{
  font-size:15.5px;line-height:1.65;color:var(--paper-2);margin:0 0 12px;
}

/* ─── Calculator / Diagnostic (used on /thanks pages) ───────────────── */
.calc-hero{padding:calc(72px + 40px) 0 clamp(40px,6vw,72px);}
.calc-hero h1{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(36px,5vw,60px);line-height:1;
  letter-spacing:-.03em;color:var(--paper);margin:18px 0 16px;
}
.calc-hero h1 em{font-style:italic;color:var(--brass);}
.calc-hero p{font-size:17px;line-height:1.55;color:var(--paper-2);max-width:50ch;}

.calc-wrap{padding:clamp(48px,8vw,96px) 0;}
.calc-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(40px,5vw,64px);
}
.calc-inputs{display:flex;flex-direction:column;gap:22px;}
.calc-input-group{
  padding:20px 0;border-bottom:1px solid var(--rule);
}
.calc-input-group label{
  font-family:var(--serif);font-size:17px;
  color:var(--paper);display:block;margin-bottom:4px;
}
.calc-input-group .hint{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--paper-3);margin-bottom:12px;
  display:block;
}
.calc-input-group input[type=number],.calc-input-group input[type=range]{
  width:100%;padding:10px 0;
  background:transparent;border:none;border-bottom:1px solid var(--rule-2);
  color:var(--paper);font-family:var(--serif);font-size:22px;
  outline:none;transition:border-color .3s var(--ease);
}
.calc-input-group input[type=number]:focus{border-color:var(--brass);}
.calc-input-group .rnum{
  font-family:var(--serif);font-style:italic;font-size:18px;color:var(--brass);
  margin-left:8px;
}

.calc-output{
  padding:clamp(32px,4vw,48px);
  border:1px solid var(--rule-2);
  background:linear-gradient(180deg,rgba(24,21,19,.4),rgba(10,9,8,.2));
  position:relative;
  position:sticky;top:90px;
  height:fit-content;
}
.calc-output::before,.calc-output::after{
  content:"";position:absolute;width:36px;height:36px;
}
.calc-output::before{top:-1px;left:-1px;border-top:1px solid var(--brass);border-left:1px solid var(--brass);}
.calc-output::after{bottom:-1px;right:-1px;border-bottom:1px solid var(--brass);border-right:1px solid var(--brass);}
.calc-output-label{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--brass);margin-bottom:14px;
}
.calc-output-big{
  font-family:var(--serif);font-weight:300;font-style:italic;
  font-size:clamp(52px,6vw,80px);line-height:1;
  letter-spacing:-.03em;color:var(--paper);margin-bottom:14px;
  min-height:1em;
}
.calc-output-sub{
  font-family:var(--serif);font-size:17px;line-height:1.5;
  color:var(--paper-2);margin-bottom:28px;
}
.calc-breakdown{
  list-style:none;padding:0;margin:0 0 28px;
  display:flex;flex-direction:column;gap:12px;
  padding-top:22px;border-top:1px solid var(--rule);
}
.calc-breakdown li{
  display:flex;justify-content:space-between;gap:14px;
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--paper-3);
}
.calc-breakdown li .v{
  font-family:var(--serif);font-style:italic;font-size:15px;
  color:var(--paper);letter-spacing:0;text-transform:none;
}

.calc-book-btn{width:100%;justify-content:center;}
.calc-micro{
  font-family:var(--mono);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--paper-3);margin-top:14px;
  text-align:center;line-height:1.6;
}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width:900px){
  .lm-hero-grid,.lm-author-grid,.calc-grid{grid-template-columns:1fr;}
  .calc-output{position:static;}
}
@media (max-width:720px){
  .lm-hero{padding-top:calc(64px + 28px);padding-bottom:48px;}
  .lm-h1{font-size:clamp(32px,9vw,44px);}
  .lm-card{padding:28px 22px !important;}
  .lm-content-cell,.lm-author-grid{padding:28px 22px !important;}
  .calc-output{padding:28px 22px;}
}

/* Old funnel classes kept for reference */
.funnel-hero{padding:calc(72px + 64px) 0 clamp(60px,10vw,120px);position:relative;overflow:hidden;border-bottom:1px solid var(--rule);}
.funnel-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 75% 20%,rgba(212,181,133,.1),transparent 65%),linear-gradient(180deg,rgba(10,9,8,.4) 0%,var(--ink) 100%);pointer-events:none;}
.funnel-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(40px,6vw,80px);align-items:end;position:relative;z-index:1;}