/* Start Here lead-magnet funnel — intentionally distinct from the homepage. */
.start-lead-page main { background: var(--cream); }
.start-lead-page h1, .start-lead-page h2 { text-wrap: balance; }
.sl-hero { display:grid; grid-template-columns:minmax(430px,.9fr) minmax(0,1.1fr); gap:clamp(54px,7vw,110px); align-items:center; min-height:720px; padding:var(--krr-section-pad-compact) var(--krr-page-pad); background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.94),transparent 28%),linear-gradient(135deg,#fffaf6 0%,#f5dfdd 100%); }
.sl-hero__product { position:relative; min-height:610px; }
.sl-hero__glow { position:absolute; inset:10% 5%; border-radius:50%; background:radial-gradient(circle,rgba(201,114,120,.22),transparent 67%); filter:blur(8px); }
.sl-hero__product img { position:absolute; display:block; object-fit:cover; box-shadow:0 30px 65px rgba(62,36,27,.2); }
.sl-hero__cover { z-index:2; left:5%; top:1%; width:min(57%,340px); transform:rotate(-3deg); }
.sl-hero__inside { z-index:1; right:2%; top:15%; width:min(50%,290px); transform:rotate(4deg); }
.sl-hero__badge { position:absolute; z-index:3; right:4%; bottom:7%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; width:105px; height:105px; padding:12px; border-radius:50%; background:var(--deep-rose); color:white; font:700 12px/1 var(--sans); letter-spacing:.08em; text-align:center; text-transform:uppercase; box-shadow:0 15px 34px rgba(62,36,27,.18); }
.sl-hero__badge br { display:none; }
.sl-hero__badge strong { display:block; width:100%; padding-top:7px; border-top:1px solid rgba(255,255,255,.62); font-size:14px; line-height:1; letter-spacing:.04em; white-space:nowrap; }
.sl-hero__copy { max-width:740px; }
.sl-hero h1 { max-width:730px; font-size:clamp(55px,5.8vw,82px); line-height:.98; letter-spacing:-.045em; }
.sl-hero__lede { max-width:650px; margin:22px 0 0; color:var(--text); font-size:clamp(18px,1.6vw,21px); line-height:1.6; }
.sl-hero__bullets { display:grid; gap:9px; margin:24px 0 28px; padding:0; list-style:none; color:var(--cocoa); font-size:14px; font-weight:700; }
.sl-hero__bullets li::before { content:"●"; margin-right:10px; color:var(--rose); font-size:8px; vertical-align:2px; }
.sl-form { max-width:700px; padding:23px; border:1px solid rgba(157,76,81,.22); border-radius:18px; background:rgba(255,253,249,.97); box-shadow:0 20px 46px rgba(62,36,27,.1); }
.sl-form label { display:block; margin:0 0 10px; color:var(--cocoa); font-size:14px; font-weight:800; }
.sl-form > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
.sl-form input { width:100%; min-height:52px; padding:0 16px; border:1px solid var(--blush); border-radius:8px; background:white; color:var(--cocoa); font:16px var(--sans); }
.sl-form button { min-height:52px; background:var(--deep-rose); color:white !important; }
.sl-form p { margin:10px 0 0; color:var(--muted); font-size:16px; }
.sl-trust { display:flex; flex-wrap:wrap; gap:9px 22px; margin-top:16px; color:var(--muted); font-size:11px; font-weight:700; }
.sl-identity { padding:var(--krr-section-pad-compact) 24px; background:var(--cocoa); text-align:center; }
.sl-identity .eyebrow { color:var(--blush); }
.sl-identity h2 { max-width:900px; margin:0 auto; color:white; font-size:clamp(43px,5.2vw,68px); line-height:1.04; }
.sl-identity h2 > span { display:table; margin:12px auto 0; padding:5px 18px 9px; border-radius:8px; background:var(--soft-pink); color:var(--cocoa); box-shadow:0 13px 30px rgba(0,0,0,.18); }
.sl-identity > p:not(.eyebrow) { max-width:760px; margin:20px auto 0; color:rgba(255,255,255,.78); font-size:18px; }
.sl-identity__moments { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:1000px; margin:34px auto 0; padding:0; list-style:none; }
.sl-identity__moments li { position:relative; min-height:118px; padding:22px 20px 20px; overflow:hidden; border-radius:14px; font-family:var(--serif); font-size:19px; line-height:1.12; text-align:left; box-shadow:0 14px 28px rgba(0,0,0,.18); }
.sl-identity__moments li::before { content:"“"; position:absolute; right:10px; top:-14px; font-family:var(--serif); font-size:88px; line-height:1; }
.sl-identity__moments strong { position:relative; z-index:1; display:inline-block; margin-top:3px; font-size:25px; font-weight:600; }
.sl-identity__moments li:nth-child(1) { border:2px solid var(--rose); background:var(--cream); color:var(--deep-rose); }
.sl-identity__moments li:nth-child(1)::before { color:rgba(201,114,120,.18); }
.sl-identity__moments li:nth-child(1) strong { color:var(--cocoa); }
.sl-identity__moments li:nth-child(2) { border:2px solid var(--blush); background:var(--soft-pink); color:var(--deep-rose); }
.sl-identity__moments li:nth-child(2)::before { color:rgba(157,76,81,.16); }
.sl-identity__moments li:nth-child(2) strong { color:var(--cocoa); }
.sl-identity__moments li:nth-child(3) { border:2px solid #d98d93; background:var(--deep-rose); color:#fff7f4; }
.sl-identity__moments li:nth-child(3)::before { color:rgba(255,255,255,.16); }
.sl-identity__moments li:nth-child(3) strong { color:white; }
.sl-outcomes, .sl-how, .sl-faq { padding:var(--krr-section-pad) var(--krr-page-pad); }
.sl-section-heading { max-width:900px; margin:0 auto; text-align:center; }
.sl-section-heading h2 { font-size:clamp(44px,5vw,65px); line-height:1; }
.sl-section-heading__lede { max-width:690px; margin:18px auto 0; color:var(--text); font-size:17px; line-height:1.65; }
.sl-outcomes__grid { max-width:1240px; }
.sl-outcomes__grid h3 { margin-top:0; }
.sl-outcomes__turn { max-width:650px; }
.sl-inside { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr); gap:clamp(50px,8vw,110px); align-items:center; padding:var(--krr-section-pad) var(--krr-page-pad); background:var(--soft-pink); }
.sl-inside__copy h2 { max-width:700px; font-size:clamp(45px,5vw,65px); line-height:1; }
.sl-inside__copy ul { display:grid; gap:15px; margin:30px 0 0; padding:0; list-style:none; }
.sl-inside__copy li { position:relative; padding-left:25px; }
.sl-inside__copy li::before { content:"●"; position:absolute; left:0; top:5px; color:var(--rose); font-size:9px; }
.sl-inside__copy strong, .sl-inside__copy span { display:block; }
.sl-inside__copy strong { color:var(--cocoa); }
.sl-inside__copy span { margin-top:2px; color:var(--text); font-size:13px; }
.sl-pages { position:relative; min-height:610px; }
.sl-pages img { position:absolute; display:block; box-shadow:0 25px 56px rgba(62,36,27,.19); }
.sl-pages__one { z-index:1; left:0; top:18%; width:68%; transform:rotate(-4deg); }
.sl-pages__two { z-index:2; right:0; top:0; width:45%; transform:rotate(4deg); }
.sl-pages__three { z-index:3; right:8%; bottom:0; width:40%; transform:rotate(1deg); }
.sl-how { background:var(--surface-glow); }
.sl-how ol { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1180px; margin:48px auto 0; padding:0; list-style:none; counter-reset:none; }
.sl-how li { display:flex; gap:18px; align-items:flex-start; padding:26px; border-top:2px solid var(--rose); background:white; box-shadow:0 12px 28px rgba(62,36,27,.05); }
.sl-how li > span { color:var(--deep-rose); font-size:12px; font-weight:800; }
.sl-how h3 { font-size:29px; line-height:1.05; }
.sl-how p { margin-bottom:0; color:var(--text); font-size:16px; }
.sl-closing { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.85fr); gap:clamp(44px,7vw,90px); align-items:center; padding:var(--krr-section-pad-compact) var(--krr-page-pad); background:linear-gradient(135deg,var(--surface-rose),var(--soft-pink)); }
.sl-closing h2 { font-size:clamp(47px,5vw,66px); line-height:1; }
.sl-closing > div > p:not(.eyebrow) { max-width:650px; color:var(--text); font-size:18px; }
.sl-form--closing { width:100%; }
.sl-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(48px,8vw,100px); background:var(--cream); }
.sl-faq h2 { font-size:clamp(42px,4.6vw,60px); line-height:1; }
.sl-faq__list details { border-top:1px solid var(--line); }
.sl-faq__list details:last-child { border-bottom:1px solid var(--line); }
.sl-faq__list summary { padding:19px 5px; color:var(--cocoa); font-family:var(--serif); font-size:24px; font-weight:600; cursor:pointer; }
.sl-faq__list p { margin:0 5px 20px; color:var(--text); }


@media (max-width:940px) { .sl-hero,
.sl-inside,
.sl-closing,
.sl-faq { grid-template-columns:1fr; } .sl-hero__product { width:min(100%,620px); margin:auto; } .sl-outcomes__grid,.sl-how ol { grid-template-columns:1fr 1fr; } .sl-outcomes__grid article:last-child,.sl-how li:last-child { grid-column:1/-1; } .sl-pages { width:min(100%,620px); margin:auto; }  }
@media (max-width:680px) { .sl-hero,
.sl-outcomes,
.sl-inside,
.sl-how,
.sl-closing,
.sl-faq { padding-left:18px; padding-right:18px; } .sl-hero { min-height:0; padding-top:35px; gap:30px; } .sl-hero__product { min-height:clamp(410px,78vw,520px); } .sl-hero__cover { left:4%; width:58%; } .sl-hero__inside { width:46%; } .sl-hero__badge { right:0; bottom:1%; width:96px; height:96px; font-size:10px; } .sl-hero__badge strong { font-size:12px; } .sl-hero h1 { font-size:clamp(48px,13vw,61px); line-height:1.06; } .sl-section-heading h2,.sl-inside__copy h2,.sl-closing h2,.sl-faq h2 { line-height:1.08; } .sl-outcomes__grid h3,.sl-how h3 { line-height:1.12; } .sl-form > div { grid-template-columns:1fr; } .sl-form button { width:100%; } .sl-identity h2 > span { display:block; padding:7px 10px 10px; } .sl-identity__moments { grid-template-columns:1fr; } .sl-identity__moments li { padding:17px 18px; } .sl-outcomes__grid,.sl-how ol { grid-template-columns:1fr; } .sl-outcomes__grid article:last-child,.sl-how li:last-child { grid-column:auto; } .sl-outcomes__grid article { min-height:0; } .sl-pages { min-height:430px; }  }

/* Approved Start Here responsive layout.
   This file is the single page-specific authority for desktop and mobile. */

.start-lead-page .sl-outcomes {
  position: relative;
  display: grid;
  width: min(1320px, calc(100% - 48px));
  justify-items: center;
  margin: clamp(46px, 6vw, 76px) auto;
  padding: clamp(50px, 5.8vw, 76px);
  overflow: hidden;
  border: 1px solid rgba(157, 76, 81, 0.2);
  border-radius: 30px;
  background:
    radial-gradient(circle at 92% 5%, rgba(201, 114, 120, 0.13), transparent 25rem),
    radial-gradient(circle at 8% 96%, rgba(244, 213, 141, 0.12), transparent 22rem),
    linear-gradient(145deg, #fffaf6 0%, #f8e9e5 100%);
  box-shadow: 0 24px 58px rgba(62, 36, 27, 0.1);
}

.start-lead-page .sl-outcomes::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: min(270px, 38%);
  height: 4px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, transparent, var(--deep-rose), transparent);
  content: "";
  transform: translateX(-50%);
}

.start-lead-page .sl-outcomes .sl-section-heading {
  position: relative;
  z-index: 1;
  width: min(900px, 100%);
}

.start-lead-page .sl-outcomes .sl-section-heading h2 {
  margin: 0;
  font-size: clamp(47px, 5.2vw, 69px);
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.start-lead-page .sl-outcomes .sl-section-heading__lede {
  max-width: 660px;
  margin-top: 17px;
  color: #6b5750;
  font-size: 17px;
  line-height: 1.6;
}

.start-lead-page .sl-outcomes__grid {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
  margin: 40px auto 0;
}

.start-lead-page .sl-outcomes__grid article {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 250px;
  flex-direction: column;
  padding: 30px 28px 27px;
  overflow: hidden;
  border: 1px solid rgba(157, 76, 81, 0.17);
  border-radius: 20px;
  background: rgba(255, 253, 249, 0.91);
  box-shadow: 0 14px 32px rgba(62, 36, 27, 0.06);
}

.start-lead-page .sl-outcomes__grid article::before {
  display: block;
  width: 42px;
  height: 2px;
  flex: 0 0 auto;
  margin-bottom: 20px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--deep-rose), rgba(201, 114, 120, 0.38));
  content: "";
}

.start-lead-page .sl-outcomes__grid article::after {
  position: absolute;
  right: -58px;
  bottom: -74px;
  width: 155px;
  aspect-ratio: 1;
  border: 1px solid rgba(157, 76, 81, 0.09);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.start-lead-page .sl-outcomes__grid h3 {
  position: relative;
  z-index: 1;
  max-width: 16ch;
  margin: 0 0 18px;
  color: var(--cocoa);
  font-size: clamp(29px, 2.7vw, 38px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -0.025em;
}

.start-lead-page .sl-outcomes__grid p {
  position: relative;
  z-index: 1;
  margin: auto 0 0;
  padding-top: 18px;
  border-top: 1px solid rgba(157, 76, 81, 0.13);
  color: #6b5750;
  font-size: 15px;
  line-height: 1.62;
}

.start-lead-page .sl-outcomes__turn {
  position: relative;
  z-index: 1;
  width: min(790px, 100%);
  margin: 36px auto 0;
  padding: 30px 30px 0;
  border-top: 1px solid rgba(157, 76, 81, 0.2);
  color: var(--cocoa);
  font-family: var(--serif);
  font-size: clamp(25px, 2.5vw, 32px);
  font-style: italic;
  line-height: 1.25;
  text-align: center;
}

.start-lead-page .sl-center-cta {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: auto;
  min-height: 52px;
  justify-self: center;
  margin: 22px auto 0;
  padding: 14px 26px;
  box-shadow: 0 12px 26px rgba(62, 36, 27, 0.14);
}

@media (max-width: 940px) {
  .start-lead-page .sl-outcomes {
    width: min(100% - 36px, 860px);
    padding: 48px 38px 50px;
  }

  .start-lead-page .sl-outcomes__grid {
    grid-template-columns: 1fr;
    width: min(680px, 100%);
    gap: 13px;
    margin-top: 32px;
  }

  .start-lead-page .sl-outcomes__grid article,
  .start-lead-page .sl-outcomes__grid article:last-child {
    min-height: 0;
    grid-column: auto;
  }
}

@media (max-width: 680px) {
  .start-lead-page .sl-outcomes {
    width: calc(100% - 24px);
    margin: 28px auto;
    padding: 39px 18px 34px;
    border-radius: 22px;
  }

  .start-lead-page .sl-outcomes .sl-section-heading h2 {
    font-size: clamp(41px, 12vw, 53px);
    line-height: 1.02;
  }

  .start-lead-page .sl-outcomes .sl-section-heading__lede {
    font-size: 16px;
    line-height: 1.55;
  }

  .start-lead-page .sl-outcomes__grid {
    gap: 11px;
    margin-top: 27px;
  }

  .start-lead-page .sl-outcomes__grid article {
    padding: 23px 20px 21px;
    border-radius: 16px;
  }

  .start-lead-page .sl-outcomes__grid article::before {
    margin-bottom: 15px;
  }

  .start-lead-page .sl-outcomes__grid h3 {
    margin-bottom: 13px;
    font-size: 29px;
  }

  .start-lead-page .sl-outcomes__grid p {
    padding-top: 14px;
    font-size: 14px;
    line-height: 1.55;
  }

  .start-lead-page .sl-outcomes__turn {
    margin-top: 28px;
    padding: 24px 5px 0;
    font-size: 25px;
  }

  .start-lead-page .sl-center-cta {
    width: 100%;
    margin-top: 19px;
  }
}