/* =============================================================
   CLIENT MAX AI - RESELLER LAUNCH FUNNEL (shared stylesheet)
   Used by /offer.html and /thanks.html. Brand tokens from the
   locked brand kit: bg #F4F3EF, ink #1D4A54, accent #3FE1F2,
   CTA #048196, surface white, line #E2E4E1. Fraunces + Poppins.
   ============================================================= */
:root{
  --bg:#F4F3EF;
  --ink:#1D4A54;
  --deep:#10262B;
  --accent:#3FE1F2;
  --cta:#048196;
  --surface:#FFFFFF;
  --line:#E2E4E1;
  --tint:#E9F0F0;
  --muted:#41585F;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:#22343A;font-family:'Poppins',system-ui,-apple-system,sans-serif;font-size:16.5px;line-height:1.65;}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.18;margin:0;color:var(--ink);}
p{margin:0 0 14px;}
a{color:var(--cta);}
img{max-width:100%;height:auto;}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
.narrow{max-width:800px;}
.section{padding:76px 0;}
.section.tint{background:var(--tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-0.01em;margin-bottom:16px;}
h3{font-size:20px;margin-bottom:8px;}

/* Header + footer (minimal, identical on both funnel pages) */
.fheader{padding:14px 0;}
.fheader .container{display:flex;align-items:center;}
.fheader img{height:96px;width:auto;display:block;}
.ffooter{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:14.5px;background:var(--bg);}
.ffooter .container{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;align-items:center;}
.ffooter a{color:var(--ink);text-decoration:none;}
.ffooter a:hover{color:var(--cta);}

/* Buttons - one intent, one place: #checkout */
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--cta);color:#fff;border-radius:999px;padding:15px 34px;font-family:'Poppins',sans-serif;font-weight:600;font-size:16.5px;text-decoration:none;box-shadow:0 10px 24px rgba(4,129,150,0.28);transition:transform 0.2s ease, background 0.2s ease;}
.btn:hover{background:#036D80;transform:translateY(-1px);}
.btn:active{transform:translateY(1px) scale(0.99);}

/* Eyebrow (used once, in the hero) */
.eyebrow{font-size:13px;letter-spacing:0.16em;text-transform:uppercase;font-weight:600;color:var(--accent);margin:0 0 10px;}

/* Offer stack: asymmetric split, grouped list with sparse dividers */
.plan{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:start;}
.plan-group-title{font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:26px 0 4px;}
.plan-item{padding:20px 0;border-top:1px solid var(--line);}
.plan-item h3{font-size:19px;}
.plan-item p{color:var(--muted);margin:0;}

/* Who it's for */
.who-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 48px;margin-top:22px;}
.who-item{padding:14px 0;border-top:1px solid var(--line);font-size:17px;}

/* Image band */
.imageband{padding:0;}
.imageband img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;}

/* How it works: vertical editorial steps, verb-first labels */
.step{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:26px;padding:26px 0;border-top:1px solid var(--line);}
.step h3{font-size:20px;}
.step p{color:var(--muted);margin:0;}

/* Checkout */
.checkout-intro{font-size:17px;}
.checkout-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px;max-width:680px;box-shadow:0 14px 34px rgba(16,38,43,0.06);}

/* FAQ */
details.faq{border-top:1px solid var(--line);padding:18px 0;}
details.faq:last-of-type{border-bottom:1px solid var(--line);}
details.faq summary{cursor:pointer;font-family:'Fraunces',Georgia,serif;font-size:20px;font-weight:600;color:var(--ink);list-style:none;}
details.faq summary::-webkit-details-marker{display:none;}
details.faq p{color:var(--muted);margin:10px 0 0;max-width:70ch;}

/* Final CTA */
.finalcta{text-align:center;}
.finalcta .btn{margin-top:20px;}

/* Thank-you page */
.thanks-h1{font-size:clamp(34px,4.5vw,52px);margin-bottom:14px;}
.thanks-lede{font-size:18.5px;color:var(--muted);}
.next-steps{margin-top:34px;}
.thanks-book{margin-top:26px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;}
.alt-book{font-size:14.5px;color:var(--muted);margin-top:12px;}

@media (max-width:900px){
  .plan{grid-template-columns:1fr;gap:10px;}
  .who-list{grid-template-columns:1fr;}
  .step{grid-template-columns:1fr;gap:6px;}
  .section{padding:56px 0;}
}
@media (max-width:600px){
  .btn{width:100%;text-align:center;}
  .fheader img{height:72px;}
}