/* The sales-letter layer for doc pages (Lead Partners, Revenue Partnerships 101): still a doc, set in a sharper type
   pair (Fraunces headings, Inter body) with a narrow reading column, short scannable blocks and a call to action after
   every section that earns one. Opt in with <body class="lp">; loads after doc-page.css. */
.lp{--amber:#f5a524;--amber-soft:#fff6e6;--green:#12805c;--green-soft:#e9f7f1;--body:#3a4150}
.lp{font:18px/1.7 "Inter",Arial,"Helvetica Neue",sans-serif;font-feature-settings:"ss01","cv11"}
.lp .paper{max-width:900px;padding:64px 88px 80px}
.lp .paper h1,.lp .paper h2,.lp .paper h3{font-family:"Fraunces",Georgia,serif;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.lp .paper h1{font-size:46px;line-height:1.1;margin:0 0 18px}
.lp .paper h1 em{font-style:italic;color:var(--blue)}
.lp .paper h2{font-size:32px;line-height:1.2;margin:64px 0 14px}
.lp .paper h3{font-size:22px;line-height:1.3}
.lp p{color:var(--body)}
.lp .paper p b,.lp .paper li b{color:var(--ink)}
.lp .paper .lead{font-size:21px;line-height:1.55;color:var(--body)}
.lp .paper mark{background:linear-gradient(transparent 60%,#ffe2a8 60%);color:var(--ink);padding:0 1px}
.lp .doc-note{font:600 15px/1.5 "Inter",Arial,sans-serif;color:var(--muted);border-bottom:1px dashed var(--line)}
.lp .label{display:block;font:700 12.5px/1 "Inter",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin:64px 0 10px}
.lp .label + h2{margin-top:0}

/* Hero */
.lp .pill{display:inline-flex;align-items:center;gap:8px;background:var(--green-soft);color:var(--green);border-radius:999px;padding:6px 14px;font:700 13px/1.2 "Inter",Arial,sans-serif;letter-spacing:.02em;margin:0 0 18px}
.lp .hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:26px 0 22px}
.lp .hero-ctas .ghost{font-weight:700;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--line);padding-bottom:2px}
.lp .facts{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:0 0 26px}
.lp .facts li{background:#f7f8fb;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14.5px;line-height:1.4;color:var(--body)}
.lp .facts li b{display:block;font:600 26px/1.15 "Fraunces",Georgia,serif;color:var(--ink);margin-bottom:2px}
.lp .quote{display:flex;gap:14px;align-items:flex-start;border-left:3px solid var(--amber);background:var(--amber-soft);border-radius:0 12px 12px 0;padding:14px 18px;margin:0}
.lp .quote p{margin:0;font:italic 500 21px/1.4 "Fraunces",Georgia,serif;color:var(--ink)}
.lp .quote span{display:block;font:600 13.5px/1.4 "Inter",Arial,sans-serif;font-style:normal;color:var(--muted);margin-top:4px}

/* The big idea */
.lp .big-idea{margin:28px 0 26px;padding:28px 32px;border-radius:16px;background:var(--navy);color:#dfe5f3}
.lp .big-idea p{color:#dfe5f3;font-size:19px;margin:0 0 12px}
.lp .big-idea p:last-child{margin:0}
.lp .big-idea strong{display:block;font:600 27px/1.25 "Fraunces",Georgia,serif;color:#fff;margin-bottom:10px}
.lp .big-idea em{font-style:normal;color:#ffd27a;font-weight:700}

.lp .belief{font:500 24px/1.4 "Fraunces",Georgia,serif;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:22px 0}

/* What we already have */
.lp .assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.lp .asset{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:#fff}
.lp .asset b{display:block;font:600 21px/1.25 "Fraunces",Georgia,serif;color:var(--ink);margin-bottom:6px}
.lp .asset span{display:block;font-size:15.5px;line-height:1.55;color:var(--body)}
.lp .asset .big{display:block;font:700 30px/1.1 "Inter",Arial,sans-serif;color:var(--blue);letter-spacing:-.02em;margin-bottom:6px}

/* Steps: two columns on wide screens */
.lp .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lp .step{border-radius:16px;padding:24px 24px 22px;display:flex;flex-direction:column}
.lp .step h3{font-size:23px;margin:2px 0 8px}
.lp .step p{font-size:16px;line-height:1.6;flex:1}
.lp .paper .step.dark h3{color:#fff}
.lp .paper .step.dark p{color:#c3cbe0}
.lp .paper .step.dark .num{color:#8da3f1}
.lp .step .button{align-self:flex-start;font-size:15px;padding:11px 16px}

/* Ways to partner */
.lp .ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 10px}
.lp .way{border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:14px;padding:18px 20px}
.lp .way h3{margin:0 0 6px;font-size:21px}
.lp .way p{margin:0;font-size:16px;line-height:1.6}
.lp .way.money{border-top-color:var(--green);background:var(--green-soft)}
.lp .way.money .rate{display:block;font:700 30px/1.1 "Inter",Arial,sans-serif;color:var(--green);letter-spacing:-.02em;margin:2px 0 6px}

/* Mid-page call to action */
.lp .cta-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;border:2px dashed #b9c4f5;border-radius:14px;padding:18px 22px;margin:26px 0 8px;background:#fafbff}
.lp .cta-strip p{margin:0;font-weight:600;color:var(--ink)}

.lp .stack h2{font-size:32px}
.lp .stack-list li{font-size:17px}
.lp .paper .catch h2{color:#fff}
.lp .paper .catch p{color:#dfe5f3}
.lp .paper .catch .catch-keep{color:#fff}
.lp .paper .catch b{color:#7ee2a8}
.lp .paper .big-idea p{color:#dfe5f3}
.lp .fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.lp .fit h3{margin-top:0}

/* Application */
.lp .apply-box{border:3px solid var(--blue);border-radius:18px;padding:30px 32px;margin:16px 0 8px;background:#fff;box-shadow:0 24px 50px -28px rgba(53,82,230,.5)}
.lp .apply-box .enroll-form{border:0;padding:0;margin:0;background:none}
.lp .apply-box .enroll-form h3{display:none}
.lp .reassure{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.lp .reassure li::before{content:"✓ ";color:var(--green);font-weight:700}

/* Questions as an accordion */
.lp .faq details{border-bottom:1px solid var(--line);padding:4px 0}
.lp .faq summary{cursor:pointer;list-style:none;font:600 19px/1.4 "Fraunces",Georgia,serif;color:var(--ink);padding:14px 32px 14px 0;position:relative}
.lp .faq summary::-webkit-details-marker{display:none}
.lp .faq summary::after{content:"+";position:absolute;right:4px;top:10px;font:400 26px/1 "Inter",Arial,sans-serif;color:var(--blue)}
.lp .faq details[open] summary::after{content:"–"}
.lp .faq details p{margin:0 0 16px;font-size:16.5px}
.lp .faq summary:focus-visible{outline:3px solid var(--amber);outline-offset:2px}

.lp .sign{font-size:18px;margin-top:40px}
.lp .sign b{font:600 24px/1.2 "Fraunces",Georgia,serif}

/* Pieces only the 101 letter uses */
.lp .paper .kicker{font:700 12.5px/1 "Inter",Arial,sans-serif;letter-spacing:.16em;color:var(--blue);margin:0 0 10px}
.lp .video-caption{color:var(--muted);font-size:14px}
.lp .callout{border-left-color:var(--amber);background:var(--amber-soft);border-radius:0 14px 14px 0;padding:18px 22px}
.lp .callout p{font:500 21px/1.45 "Fraunces",Georgia,serif;color:var(--ink)}
.lp .callout p b{font-weight:600}
.lp .paper ol li::marker{font-weight:700;color:var(--blue)}
.lp .paper .relationship h3{color:#fff}
.lp .relationship p{color:#c3cbe0}
.lp .paper .relationship b{color:#fff}
.lp .pillar .pnum{font-family:"Inter",Arial,sans-serif}
.lp .paper .pillar h3{font-size:21px}
.lp .chapter{font-size:14.5px}
.lp .cal-box{margin-top:6px}
.lp .step:has(.cal-box){grid-column:1/-1}
.lp .step .cal-fallback{font-size:14px}

@media(max-width:860px){
  .lp .paper{padding:44px 40px 60px}
  .lp .paper h1{font-size:38px}
}
@media(max-width:640px){
  .lp{font-size:17px}
  .lp .paper{padding:30px 20px 44px;margin-top:0}
  .lp .paper h1{font-size:31px}
  .lp .paper h2{font-size:26px;margin-top:48px}
  .lp .label{margin-top:48px}
  .lp .paper .lead{font-size:18.5px}
  .lp .facts,.lp .assets,.lp .steps,.lp .ways,.lp .fit{grid-template-columns:minmax(0,1fr)}
  .lp .facts li b{font-size:22px}
  .lp .big-idea{padding:22px 20px}
  .lp .big-idea strong{font-size:23px}
  .lp .belief{font-size:20px}
  .lp .apply-box{padding:22px 18px}
  .lp .stack h2{font-size:26px}
  .lp .hero-ctas .button{width:100%;justify-content:center}
}