/* MAKE & KEEP landing and thank-you pages. Loaded only on those pages; shared pieces live in app.css. */
.is-funnel #main { background: var(--mk-paper); color: var(--mk-ink); }
.mk-wrap { width: min(1320px, 100% - 2 * var(--gutter)); margin-inline: auto; }
.mk-wrap--narrow { width: min(820px, 100% - 2 * var(--gutter)); }
.mk-section { padding: clamp(3.5rem, 8vw, 6rem) 0; }
.mk-section--sand { background: var(--mk-sand); }
.mk-head { max-width: 680px; margin: 0 auto clamp(2rem, 5vw, 3rem); text-align: center; }
.mk-head h2 { font-size: clamp(2.1rem, 4.2vw, 3.2rem); margin: 0 0 .8rem; }
.mk-head p:not(.mk-eyebrow) { margin: 0; color: var(--mk-muted); font-size: 1.05rem; line-height: 1.6; }

/* ---------- Landing page: one narrow column, phone first */
.is-landing .footer-cta { display: none; } /* one sign-up offer per page */
.mkl-col { width: min(600px, 100% - 2 * var(--gutter)); margin-inline: auto; }
.mkl-hero { padding: 1rem 0 2.25rem; }
.mkl-hero__tag { display: flex; gap: .85rem; align-items: center; margin: 0 0 1rem; }
.mkl-hero__tag .mk-book--sm { width: 58px; transform: rotate(-3deg); }
.mkl-hero__tag p { margin: 0; display: grid; gap: .15rem; line-height: 1.25; }
.mkl-hero__tag .mk-eyebrow { margin: 0; font-size: .68rem; }
.mkl-hero__tag strong { color: var(--mk-green-2); font-size: 1.02rem; letter-spacing: .06em; }
.mkl-hero__meta { color: var(--mk-muted); font-size: .85rem; }
.mkl-hero__title { font-size: clamp(2rem, 8.4vw, 3.2rem); margin: 0 0 .7rem; text-wrap: balance; }
.mkl-hero__title span { display: block; }
.mkl-hero__promise { margin: 0 0 1.15rem; color: var(--mk-muted); font-size: clamp(1rem, 3.9vw, 1.15rem); line-height: 1.5; }
.mkl .mk-form { max-width: none; }
.mkl-section { padding: 2.75rem 0; border-top: 1px solid var(--mk-line); }
.mkl-section--sand { background: var(--mk-sand); border-top: 0; }
.mkl-section h2, .mkl-end h2 { font-size: clamp(1.75rem, 6.2vw, 2.4rem); margin: 0 0 1.25rem; text-wrap: balance; }
.mkl-get { list-style: none; margin: 0; padding: 0; }
.mkl-get li { display: flex; gap: .9rem; align-items: flex-start; padding: .95rem 0; border-top: 1px solid var(--mk-line); }
.mkl-get li:first-child { border-top: 0; padding-top: 0; }
.mkl-get__icon { flex: none; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--mk-sage); color: var(--mk-green); }
.mkl-get strong { display: block; color: var(--mk-ink); font-size: 1.02rem; }
.mkl-get p { margin: .15rem 0 0; color: var(--mk-muted); line-height: 1.5; }
.mkl-preview { display: grid; place-items: center; margin: 0 0 1.75rem; }
.mkl-preview .mk-book { max-width: 230px; transform: rotate(-2deg); }
.mkl-projects { list-style: none; margin: 0; padding: 0; }
.mkl-projects li { display: flex; gap: .9rem; padding: .85rem 0; border-top: 1px solid rgb(28 43 37 / .1); }
.mkl-projects__no { flex: none; width: 2rem; font: 400 1.35rem/1.1 var(--mk-serif); color: var(--mk-green); }
.mkl-projects strong { display: block; color: var(--mk-ink); }
.mkl-projects small { display: block; margin: .1rem 0 .15rem; color: var(--mk-green); font-size: .8rem; font-weight: 600; letter-spacing: .02em; }
.mkl-projects p { margin: 0; color: var(--mk-muted); font-size: .94rem; line-height: 1.5; }
.mkl-honest { display: flex; gap: .55rem; align-items: flex-start; margin: 1.25rem 0 0; padding: .9rem 1rem; border-radius: 8px; background: rgb(255 255 255 / .6); color: var(--mk-muted); font-size: .88rem; line-height: 1.5; }
.mkl-honest .icon { flex: none; margin-top: 2px; color: var(--mk-green); }
.mkl-for { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.mkl-for li { display: flex; gap: .7rem; align-items: flex-start; color: var(--mk-ink); line-height: 1.5; }
.mkl-end { padding: 2.75rem 0 3.25rem; background: var(--mk-green); }
.mkl-end__card { padding: 1.75rem 1.25rem; border-radius: 14px; background: var(--mk-paper); text-align: center; box-shadow: 0 30px 60px -30px rgb(0 0 0 / .5); }
.mkl-end__card .mk-book--sm { width: 84px; margin: 0 auto 1rem; transform: rotate(-3deg); }
.mkl-end__card h2 { margin-bottom: .5rem; }
.mkl-end__card > p { margin: 0 0 1.25rem; color: var(--mk-muted); }
.mkl-end .mk-form { text-align: left; }
.mkl-end .mk-form__note { text-align: center; }
@media (min-width: 700px) {
  .mkl-hero { padding: 2.75rem 0 3.25rem; }
  .mkl-hero__tag .mk-book--sm { width: 72px; }
  .mkl-section { padding: 3.75rem 0; }
  .mkl-end__card { padding: 2.5rem 2.25rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .mkl-hero__tag .mk-book, .mkl-preview .mk-book { transition: transform .4s cubic-bezier(.22, 1, .36, 1); }
  .mkl-preview:hover .mk-book { transform: rotate(0) translateY(-4px); }
}

/* ---------- FAQ */
.mk-faq { display: grid; gap: .6rem; }
.mk-faq__item { border-radius: 10px; background: #fff; border: 1px solid var(--mk-line); }
.mk-faq__item summary { position: relative; padding: 1.1rem 3rem 1.1rem 1.25rem; font-weight: 600; color: var(--mk-ink); cursor: pointer; list-style: none; }
.mk-faq__item summary::-webkit-details-marker { display: none; }
.mk-faq__item summary::after { content: "+"; position: absolute; right: 1.25rem; top: 50%; translate: 0 -50%; font: 400 1.5rem/1 var(--font-body); color: var(--mk-green); }
.mk-faq__item[open] summary::after { content: "–"; }
.mk-faq__item summary:focus-visible { outline: 3px solid #C9A227; outline-offset: 2px; border-radius: 10px; }
.mk-faq__item p { margin: 0; padding: 0 1.25rem 1.2rem; color: var(--mk-muted); line-height: 1.6; }

/* ---------- Thank-you page */
.mk-thanks { border-bottom: 1px solid var(--mk-line); }
.mk-thanks__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; padding: clamp(2.5rem, 7vw, 5.5rem) 0; }
.mk-thanks__check { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 1.25rem; border-radius: 50%; background: var(--mk-green); color: #fff; }
.mk-thanks h1 { font-size: clamp(2.6rem, 5.4vw, 4.6rem); margin: 0 0 1.1rem; max-width: 13ch; }
.mk-thanks__lede { margin: 0 0 1.75rem; max-width: 36rem; color: var(--mk-muted); font-size: clamp(1.02rem, 1.5vw, 1.15rem); line-height: 1.6; }
.mk-thanks__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 1rem; scroll-margin-top: 120px; }
.mk-thanks__hint { display: flex; gap: .45rem; align-items: flex-start; margin: .35rem 0 0; color: var(--mk-muted); font-size: .88rem; }
.mk-thanks__hint .icon { flex: none; margin-top: 3px; }
.mk-thanks__art { display: grid; place-items: center; padding: clamp(1.5rem, 4vw, 3rem); border-radius: 12px; background: radial-gradient(120% 90% at 30% 20%, #F5EEE2, #DCCBB2); }
.mk-thanks__art .mk-book { max-width: 300px; transform: rotate(-2deg); }
.mk-alert { margin: 0; padding: .9rem 1.1rem; border-radius: 8px; background: var(--warning-bg); color: #78350F; }

/* ---------- Partner offer */
.mk-offer { padding: clamp(3rem, 7vw, 5rem) 0; background: #fff; border-bottom: 1px solid var(--mk-line); }
.mk-offer__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.mk-pill { display: inline-flex; gap: .45rem; align-items: center; margin: 0 0 1.25rem; padding: .5rem 1rem; border-radius: 999px; background: var(--mk-sage); color: var(--mk-green-2); font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.mk-offer h2 { font-size: clamp(2.2rem, 4vw, 3.3rem); margin: 0 0 1rem; max-width: 17ch; text-wrap: balance; }
.mk-offer__intro { margin: 0 0 1.4rem; max-width: 38rem; color: var(--mk-muted); font-size: 1.05rem; line-height: 1.6; }
.mk-offer__marks { list-style: none; margin: 0 0 1.75rem; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem 1.5rem; }
.mk-offer__marks li { display: flex; gap: .55rem; align-items: flex-start; font-weight: 600; color: var(--mk-ink); line-height: 1.4; }
.mk-offer__marks .icon { flex: none; margin-top: 2px; color: var(--mk-green); }
.mk-offer__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 1.5rem; }
.mk-offer__actions .mk-btn--lg { padding-inline: 1.3rem; }
.mk-disclosure { padding: 1rem 1.2rem; border-radius: 8px; background: var(--mk-sage); color: var(--mk-ink); font-size: .9rem; line-height: 1.55; }
.mk-disclosure strong { display: block; margin-bottom: .25rem; font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; }
.mk-disclosure p { margin: 0; }
.mk-disclosure a { color: var(--mk-green); font-weight: 600; }
.mk-cats { padding: clamp(1.25rem, 3vw, 2rem); border-radius: 12px; background: linear-gradient(160deg, #F4EDE1, #E4D6C2); }
.mk-cats__label { margin: 0 0 1rem; font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mk-muted); }
.mk-cats__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.mk-cat { display: grid; justify-items: center; gap: .5rem; padding: 1.1rem .75rem .9rem; border-radius: 8px; background: rgb(255 255 255 / .65); color: #6B4A2B; }
.mk-cat svg { width: 100%; max-width: 120px; height: auto; }
.mk-cat span { font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--mk-ink); }
.mk-cats__note { margin: 1rem 0 0; font-size: .85rem; color: var(--mk-muted); }
.mk-offer.is-closing { overflow: hidden; transition: opacity .3s ease, max-height .45s ease .1s, padding .45s ease .1s; }

/* ---------- Resources and bonus */
.mk-resources { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.mk-resource { display: flex; gap: .9rem; align-items: flex-start; padding: 1.25rem; border-radius: 10px; background: #fff; border: 1px solid var(--mk-line); color: var(--mk-ink); text-decoration: none; transition: transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease); }
.mk-resource:hover { transform: translateY(-2px); border-color: var(--mk-green); box-shadow: 0 14px 30px -18px rgb(28 43 37 / .4); }
.mk-resource:focus-visible { outline: 3px solid #C9A227; outline-offset: 2px; }
.mk-resource > span:nth-child(2) { flex: 1; min-width: 0; }
.mk-resource strong { display: block; margin-bottom: .25rem; line-height: 1.3; }
.mk-resource small { display: block; color: var(--mk-muted); font-size: .88rem; line-height: 1.45; }
.mk-resource__icon { flex: none; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--mk-sage); color: var(--mk-green); }
.mk-resource__go { color: var(--mk-green); }
/* ---------- Responsive (thank-you page and offer) */
@media (max-width: 1180px) {
  .mk-resources { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .mk-thanks__grid, .mk-offer__grid { grid-template-columns: minmax(0, 1fr); }
  .mk-thanks__art { order: -1; padding: 1.5rem; }
  .mk-thanks__art .mk-book { max-width: 170px; }
  .mk-offer__art { max-width: 520px; }
}
@media (max-width: 600px) {
  .mk-offer__marks, .mk-resources { grid-template-columns: minmax(0, 1fr); }
  .mk-thanks__actions .mk-btn, .mk-offer__actions .mk-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .mk-resource { transition: none; }
}