:root{
    --lime:#d2e823; --forest:#254f1a; --ink:#1e2330; --wine:#780016; --pink:#e9c0e9;
    --lilac:#c5b8f5; --cream:#f3f3f1; --white:#fff; --orange:#ff6b2c; --muted:#5b6270;
    --r-xl:40px; --r-lg:28px; --r-md:18px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:"Inter Tight",system-ui,sans-serif;color:var(--ink);background:var(--lime);-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
  .mono{font-family:"Geist Mono",monospace}

  /* nav: floating white pill, Linktree style */
  .nav{position:sticky;top:16px;z-index:50;margin:16px auto 0;max-width:1240px;padding:0 20px}
  .nav-in{background:var(--white);border-radius:999px;display:flex;align-items:center;gap:28px;padding:12px 12px 12px 30px;box-shadow:0 8px 30px rgba(0,0,0,.08)}
  .logo{font-weight:900;font-size:22px;letter-spacing:-.04em;display:flex;align-items:center;gap:2px}
  .logo span{color:var(--orange);font-size:26px;line-height:0;transform:translateY(2px)}
  .nav-links{display:flex;gap:26px;font-weight:500;font-size:16px}
  .nav-links a:hover{opacity:.6}
  .nav-cta{margin-left:auto;display:flex;gap:10px}
  .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;font-size:16px;padding:16px 26px;transition:transform .15s ease,opacity .15s ease;white-space:nowrap}
  .btn:hover{transform:translateY(-1px)}
  .btn-dark{background:var(--ink);color:var(--white)}
  .btn-grey{background:#eff0ec;color:var(--ink)}
  .btn-forest{background:var(--forest);color:var(--lime);font-size:18px;padding:20px 34px}
  .btn-lime{background:var(--lime);color:var(--forest);font-size:18px;padding:20px 34px}

  /* hero */
  .hero{padding:90px 0 110px}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
  .hero h1{font-size:clamp(50px,6.6vw,92px);line-height:.95;letter-spacing:-.035em;font-weight:900;color:var(--forest)}
  .hero p.lead{font-size:21px;line-height:1.45;margin:30px 0 36px;color:var(--forest);max-width:560px;font-weight:500}
  .hero .note{margin-top:16px;color:var(--forest);font-size:15px;opacity:.8}
  .pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
  .pill{background:rgba(37,79,26,.1);color:var(--forest);border-radius:999px;padding:8px 14px;font-weight:600;font-size:14px}

  /* report card mock, FireGrowth style */
  .card{background:var(--white);border-radius:var(--r-lg);box-shadow:0 30px 60px rgba(30,35,48,.18);overflow:hidden}
  .report-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #eceee8}
  .brand-chip{display:flex;align-items:center;gap:10px;font-weight:700}
  .brand-dot{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f6c28b,#e46a3c)}
  .tag{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:#f1f3ec;color:var(--muted)}
  .report-body{padding:8px 24px 22px}
  .r-row{display:grid;grid-template-columns:70px 1fr;gap:14px;padding:14px 0;border-bottom:1px dashed #e4e6df;align-items:start}
  .r-row:last-child{border-bottom:0}
  .verb{font-family:"Geist Mono",monospace;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:6px 0;border-radius:8px;text-align:center}
  .kill{background:#ffe1e1;color:#a11a1a}.test{background:#fff1c9;color:#8a5b00}.rewrite{background:#dff3d7;color:#245f17}.add{background:#e5e0ff;color:#4a3aa8}
  .r-row b{display:block;font-size:15.5px;margin-bottom:3px}
  .r-row small{color:var(--muted);font-size:13.5px;line-height:1.4}
  .float-chip{position:absolute;background:var(--white);border-radius:999px;padding:12px 18px;font-weight:700;font-size:14px;box-shadow:0 14px 30px rgba(0,0,0,.14);display:flex;gap:8px;align-items:center}
  .hero-visual{position:relative}
  .chip-a{top:-22px;right:28px;transform:rotate(3deg)}
  .chip-b{bottom:-24px;left:-18px;transform:rotate(-3deg);background:var(--forest);color:var(--lime)}

  html{scroll-padding-top:130px}
  section{padding:140px 0}
  .eyebrow{font-family:"Geist Mono",monospace;font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px;opacity:.75}
  h2{font-size:clamp(40px,5.4vw,72px);line-height:.98;letter-spacing:-.035em;font-weight:900}
  .sub{font-size:20px;line-height:1.5;max-width:640px;margin-top:22px}

  /* wine section: the stack you skip */
  .wine{background:var(--wine);color:var(--pink)}
  .wine h2{color:var(--pink)}
  .stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:10px}
  .bill{background:#5a0011;border-radius:var(--r-lg);padding:30px;font-family:"Geist Mono",monospace;font-size:15px}
  .bill .line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px dashed rgba(233,192,233,.25)}
  .bill .line s{opacity:.85}
  .bill .total{display:flex;justify-content:space-between;align-items:baseline;padding-top:20px;font-size:17px}
  .bill .total strong{font-family:"Inter Tight";font-size:34px;font-weight:900;color:var(--white)}
  .ours{margin-top:18px;background:var(--pink);color:var(--wine);border-radius:var(--r-md);padding:20px 22px;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:20px}
  .ours span{font-size:34px;font-weight:900;letter-spacing:-.03em}

  /* white section: what you get */
  .white{background:var(--white)}
  .feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:56px}
  .feat{border-radius:var(--r-lg);padding:34px;min-height:330px;display:flex;flex-direction:column}
  .feat h3{font-size:30px;letter-spacing:-.035em;font-weight:900;line-height:1}
  .feat p{font-size:17px;line-height:1.5;margin:14px 0 22px;max-width:440px}
  .feat .sample{margin-top:auto;background:rgba(255,255,255,.75);border-radius:var(--r-md);padding:16px 18px;font-size:14.5px;line-height:1.5}
  .feat .sample .mono{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;opacity:.65;display:block;margin-bottom:6px}
  .f1{background:#e8efd0}.f2{background:#ffe0cf}.f3{background:#e3dcff}.f4{background:#d6ecf5}

  /* lilac: how it works */
  .lilac{background:var(--lilac)}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
  .step{background:var(--white);border-radius:var(--r-lg);padding:32px}
  .step .n{width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:900;font-size:20px;margin-bottom:22px}
  .step h3{font-size:24px;letter-spacing:-.03em;font-weight:800;margin-bottom:10px}
  .step p{color:var(--muted);font-size:16.5px;line-height:1.5}
  .week{margin-top:22px;background:var(--ink);color:var(--white);border-radius:var(--r-lg);padding:30px 34px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
  .day b{display:block;color:var(--lime);font-size:14px;margin-bottom:6px;font-family:"Geist Mono",monospace;text-transform:uppercase;letter-spacing:.08em}
  .day span{font-size:15px;line-height:1.45;opacity:.9}

  /* compare */
  .cream{background:var(--cream)}
  .compare{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
  .opt{background:var(--white);border-radius:var(--r-lg);padding:32px;border:2px solid transparent}
  .opt.win{background:var(--forest);color:var(--lime)}
  .opt .price{font-size:40px;font-weight:900;letter-spacing:-.04em;margin:14px 0 4px}
  .opt h3{font-size:20px;font-weight:800}
  .opt ul{list-style:none;margin-top:18px}
  .opt li{padding:10px 0;border-top:1px solid rgba(0,0,0,.08);font-size:15.5px;line-height:1.4}
  .opt.win li{border-top-color:rgba(210,232,35,.25)}

  /* pricing */
  .price-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .plan{background:var(--ink);color:var(--white);border-radius:var(--r-xl);padding:44px}
  .plan .big{font-size:96px;font-weight:900;letter-spacing:-.06em;line-height:1;color:var(--lime)}
  .plan .big small{font-size:22px;color:var(--white);letter-spacing:0;font-weight:600}
  .plan ul{list-style:none;margin:26px 0 30px}
  .plan li{padding:11px 0;border-top:1px solid rgba(255,255,255,.12);font-size:17px;display:flex;gap:12px}
  .plan li::before{content:"✓";color:var(--lime);font-weight:900}

  /* faq */
  .faq{max-width:860px;margin:56px auto 0}
  details{background:var(--white);border-radius:var(--r-md);padding:24px 28px;margin-bottom:12px}
  summary{font-weight:800;font-size:20px;letter-spacing:-.02em;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
  summary::after{content:"+";font-weight:400;font-size:26px;line-height:1}
  details[open] summary::after{content:"–"}
  details p{margin-top:14px;font-size:17px;line-height:1.55;color:var(--muted)}

  /* final cta */
  .final{background:var(--forest);color:var(--lime);text-align:center;padding:130px 0}
  .final h2{color:var(--lime);font-size:clamp(48px,7.5vw,112px)}
  .final p{font-size:21px;margin:26px auto 40px;max-width:600px;color:#e8f3b0}
  footer{background:var(--forest);color:#bcd27a;padding:0 0 44px;font-size:14px}
  footer .wrap{display:flex;justify-content:space-between;border-top:1px solid rgba(210,232,35,.2);padding-top:26px}

  @media (max-width:900px){
    .nav-links,.nav-cta .btn-grey{display:none}
    .hero-grid,.stack-grid,.price-wrap{grid-template-columns:1fr}
    .feat-grid,.steps,.compare{grid-template-columns:1fr}
    .week{grid-template-columns:1fr}
    .hero{padding:60px 0 90px}
    section{padding:80px 0}
    .chip-b{left:8px}
  }

  /* borrowed from founders.page: italic serif accents, photo cards with captions, marquee pills, 01/02/03 steps */
  .serif{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
  .hero h1 .serif{font-size:1.06em}
  h2 .serif{font-size:1.08em}
  .ph{border-radius:var(--r-xl);overflow:hidden;position:relative;box-shadow:0 30px 60px rgba(30,35,48,.18)}
  .ph img{display:block;width:100%;height:100%;object-fit:cover}
  .cap{position:absolute;left:18px;bottom:16px;font-family:"Geist Mono",monospace;font-size:12px;color:#fff;background:rgba(0,0,0,.38);padding:5px 12px;border-radius:999px;backdrop-filter:blur(6px)}
  .hero-visual .ph{height:560px}
  .xchip{position:absolute;background:var(--white);border-radius:999px;padding:12px 18px;font-weight:700;font-size:14px;box-shadow:0 14px 30px rgba(0,0,0,.16);display:flex;gap:8px;align-items:center}
  .xchip s{color:#a11a1a;font-family:"Geist Mono",monospace;font-weight:500}
  .c1{top:40px;left:-34px;transform:rotate(-4deg)}.c2{top:110px;left:-14px;transform:rotate(3deg)}.c3{top:180px;left:-40px;transform:rotate(-2deg)}
  .c4{bottom:-22px;right:26px;background:var(--forest);color:var(--lime);transform:rotate(-3deg)}
  .marq{background:var(--forest);overflow:hidden;white-space:nowrap;padding:18px 0}
  .track{display:inline-flex;gap:10px;animation:slide 45s linear infinite}
  .mp{display:inline-flex;align-items:center;gap:10px;background:rgba(210,232,35,.12);color:var(--lime);border-radius:999px;padding:9px 16px;font-weight:600;font-size:15px}
  .mp img{width:22px;height:22px;border-radius:6px;background:#fff;padding:2px}
  .mp s{opacity:.8;text-decoration-thickness:2px;font-family:"Geist Mono",monospace;font-weight:500}
  @keyframes slide{to{transform:translateX(-50%)}}
  .pain{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
  .pain.flip .ph{order:2}
  .pain .ph{height:500px}
  .pn{font-family:"Geist Mono",monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;display:inline-block;padding:7px 14px;border-radius:999px}
  .pain p{font-size:19px;line-height:1.55;margin-top:22px;max-width:500px}
  .pain .answer{margin-top:26px;display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:17px;border-radius:999px;padding:14px 22px}
  .wine .pn{background:rgba(233,192,233,.18);color:var(--pink)}.wine p{color:#f3d5f3}
  .wine .answer{background:var(--pink);color:var(--wine)}
  .white .pn{background:#ffe0cf;color:#9a3b10}.white p{color:#3d4350}
  .white .answer{background:var(--ink);color:var(--lime)}
  .lilac .pn{background:rgba(255,255,255,.55);color:#3a2a8a}.lilac p{color:#2a2550}
  .lilac .answer{background:var(--ink);color:var(--white)}
  .forestp{background:var(--forest);color:var(--lime)}
  .forestp h2{color:var(--lime)}.forestp .pn{background:rgba(210,232,35,.15);color:var(--lime)}.forestp p{color:#e3efb0}
  .forestp .answer{background:var(--lime);color:var(--forest)}
  .bill-mini{margin-top:24px;background:#5a0011;border-radius:var(--r-md);padding:8px 22px;font-family:"Geist Mono",monospace;font-size:14.5px;max-width:460px}
  .bill-mini div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed rgba(233,192,233,.25)}
  .bill-mini div:last-child{border-bottom:0;font-weight:500;color:var(--white)}
  .ticks{list-style:none;margin-top:22px}
  .ticks li{display:flex;gap:12px;align-items:center;padding:8px 0;font-size:17px;font-weight:600}
  .ticks li::before{content:"✱";color:var(--orange);font-size:20px}
  .forestp .ticks li::before{color:var(--lime)}
  .feat{min-height:0}
  .steps .step .n{background:var(--lime);color:var(--forest)}
  .step .big{font-family:"Instrument Serif",serif;font-size:56px;line-height:1;margin-bottom:12px;color:var(--forest)}
  .closing{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;text-align:left}
  .closing .ph{height:440px}
  .final{text-align:center}
  .final p{margin:22px 0 34px}
  @media (max-width:900px){.pain,.closing{grid-template-columns:1fr}.pain.flip .ph{order:0}.pain .ph,.hero-visual .ph{height:380px}.c1,.c2,.c3{left:8px}}

  /* UI-card visuals instead of photos */
  .viz{border-radius:var(--r-xl);padding:34px;position:relative;min-height:440px;display:flex;flex-direction:column;justify-content:center;gap:12px}
  .viz .ui{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 16px 34px rgba(0,0,0,.12);color:var(--ink)}
  .sub-row{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15.5px}
  .sub-row .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:900;color:#fff;flex:none}
  .sub-row small{display:block;font-weight:500;color:var(--muted);font-size:12.5px}
  .sub-row .amt{margin-left:auto;font-family:"Geist Mono",monospace;font-weight:500;color:#a11a1a;text-decoration:line-through}
  .viz-hero{background:var(--white);box-shadow:0 30px 60px rgba(30,35,48,.18)}
  .viz-hero .ui{box-shadow:none;border:1px solid #eceee8;padding:12px 14px}
  .viz-hero .ui:nth-child(odd){transform:rotate(-1.2deg)}.viz-hero .ui:nth-child(even){transform:rotate(1deg)}
  .viz-hero .total{display:flex;justify-content:space-between;align-items:center;background:var(--forest);color:var(--lime);border-radius:18px;padding:16px 20px;font-weight:800;font-size:18px;margin-top:8px}
  .viz-hero .total b{font-size:34px;letter-spacing:-.03em}
  .tabs{display:flex;gap:4px;flex-wrap:wrap}
  .tabs span{background:#eef0f4;border-radius:8px 8px 0 0;padding:7px 10px;font-size:12px;color:#555;font-weight:600}
  .tabs span.on{background:#fff;color:var(--ink);box-shadow:0 -1px 0 #ddd inset}
  .dash{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
  .dash div{background:#f4f5f7;border-radius:10px;height:62px;position:relative;overflow:hidden}
  .dash div::after{content:"";position:absolute;left:10px;right:10px;bottom:12px;height:24px;background:linear-gradient(90deg,#c9d3f5,#e8b8d8,#bfe3c8);border-radius:6px;opacity:.8}
  .q{font-family:"Instrument Serif",serif;font-style:italic;font-size:26px;color:var(--ink);text-align:center;margin-top:6px}
  .plan-card .row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:15px}
  .plan-card .row:last-child{border-bottom:0}
  .plan-card .row b{font-family:"Geist Mono",monospace;font-weight:500}
  .plan-card .row em{font-style:normal;color:#9a9a92}
  .lock{position:relative;height:150px;border-radius:12px;background:repeating-linear-gradient(90deg,#f1f3ee 0 36px,#fff 36px 40px);overflow:hidden}
  .lock::before{content:"";position:absolute;inset:0;backdrop-filter:blur(5px);background:rgba(255,255,255,.35)}
  .lock span{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:15px;z-index:2}
  .range{display:flex;justify-content:space-between;font-family:"Geist Mono",monospace;font-size:14px;padding:8px 0;border-bottom:1px dashed #e5e5e0}
  .range:last-child{border-bottom:0}

  /* Responsive refinements, scoped so the desktop composition stays unchanged. */
  @media (max-width:1100px){
    html{scroll-padding-top:150px}
    .nav{top:12px;margin-top:12px;padding:0 24px}
    .nav-in{flex-wrap:wrap;gap:8px 20px;padding:12px 18px;border-radius:28px}
    .nav-links{display:flex;order:3;width:100%;justify-content:center;gap:28px}
    .nav-links a{display:inline-flex;align-items:center;min-height:44px}
    .nav-cta .btn-grey{display:none}
    .btn{min-height:44px}
    .hero{padding:64px 0 80px}
    section{padding:104px 0}
    .hero-grid,.stack-grid,.pain,.price-wrap,.closing{grid-template-columns:minmax(0,1fr);gap:40px}
    .hero-grid>*,.pain>*,.price-wrap>*{min-width:0}
    .hero h1{font-size:clamp(56px,8vw,80px);max-width:820px}
    h2{font-size:clamp(44px,6vw,64px)}
    .hero-visual{width:100%;max-width:640px;margin:0 auto}
    .pain .viz{width:100%;max-width:640px;margin:0 auto;min-height:340px}
    .pain p,.sub{max-width:760px}
    .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .steps,.compare{grid-template-columns:minmax(0,1fr);gap:18px}
    .feat-grid,.steps,.compare,.faq{margin-top:36px}
    .plan{width:100%;max-width:640px;margin:0 auto}
    .plan .btn{width:100%}
    .final{padding:88px 0}
    .final h2{font-size:clamp(56px,8vw,82px)}
  }
  @media (max-width:600px){
    html{scroll-padding-top:20px}
    .wrap{padding:0 20px}
    .nav{position:relative;top:0;padding:0 12px}
    .nav-in{padding:14px 12px 12px;gap:6px;border-radius:24px}
    .logo{justify-content:center;width:100%;min-height:44px}
    .nav-links{order:0;gap:0;justify-content:space-around;font-size:14px}
    .nav-cta{width:100%;margin:0}
    .nav-cta .btn{width:100%;padding:14px 18px}
    .hero{padding:40px 0 56px}
    .hero-grid,.pain,.price-wrap{gap:32px}
    .hero h1{font-size:clamp(44px,12vw,64px);line-height:1}
    .hero p.lead{font-size:18px;line-height:1.5;margin:24px 0 28px}
    .hero .note{font-size:14px;line-height:1.5}
    .pill-row{gap:6px;margin-bottom:22px}
    .pill{font-size:12px;padding:8px 10px}
    .hero .btn,.final .btn{width:100%}
    .btn-forest,.btn-lime{font-size:17px;padding:18px 20px;white-space:normal;text-align:center}
    section{padding:72px 0}
    h2{font-size:clamp(36px,10.3vw,48px);line-height:1.04}
    .eyebrow{font-size:12px;line-height:1.5;margin-bottom:16px}
    .viz{padding:18px;min-height:0;border-radius:28px;gap:12px}
    .pain .viz{min-height:300px}
    .viz .ui{padding:14px 12px}
    .viz-hero .ui{padding:12px 10px}
    .sub-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;font-size:14px}
    .sub-row .ic{width:30px;height:30px;border-radius:8px}
    .sub-row small{font-size:12px;line-height:1.4;margin-top:2px}
    .sub-row .amt{font-size:12px;white-space:nowrap}
    .viz-hero .total{padding:16px 12px;gap:12px;font-size:15px}
    .viz-hero .total b{font-size:30px;flex-shrink:0}
    .q{font-size:24px;line-height:1.2}
    .pn{font-size:11px;letter-spacing:.08em;line-height:1.5;padding:7px 12px}
    .pain p,.sub{font-size:17px;line-height:1.55;margin-top:20px}
    .pain .answer{font-size:15px;line-height:1.4;padding:14px 18px;max-width:100%;border-radius:22px}
    .ticks li{font-size:16px;line-height:1.5;align-items:flex-start}
    .ticks li::before{flex-shrink:0}
    .bill-mini{padding:8px 14px;font-size:12px}
    .bill-mini div,.plan-card .row,.range{gap:12px}
    .bill-mini div span:last-child,.range span:last-child{flex-shrink:0}
    .plan-card .row{font-size:13px;line-height:1.5;align-items:center}
    .plan-card .row b{text-align:right;max-width:60%}
    .range{font-size:12px}
    .feat-grid{grid-template-columns:minmax(0,1fr);gap:16px}
    .feat,.step,.opt{padding:26px;border-radius:24px}
    .feat h3{font-size:28px}
    .feat p{margin-bottom:0}
    .opt .price{font-size:36px}
    .plan{padding:28px 24px;border-radius:28px}
    .plan .big{font-size:76px}
    .plan .big small{font-size:18px}
    .plan li{font-size:16px;line-height:1.5}
    details{padding:0 20px}
    summary{min-height:64px;padding:18px 0;align-items:center;font-size:18px;line-height:1.35;gap:12px}
    summary::after{flex-shrink:0}
    details p{margin-top:0;padding-bottom:20px;font-size:16px}
    .final{padding:64px 0}
    .final h2{font-size:clamp(40px,11vw,56px);line-height:1.04}
    .final p{font-size:18px;line-height:1.5;margin:24px 0 30px}
    footer .wrap{flex-direction:column;gap:12px;line-height:1.5}
  }

/* Shared shell. Keep navigation styles separate from FAQ details. */
.nav-in{gap:22px}
.nav-links{align-items:center;gap:20px}
.nav-links>a{white-space:nowrap}
.nav-menu{position:relative}
.nav-trigger{display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:500;white-space:nowrap;padding:8px 0}
.chev{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease;opacity:.7}
.nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:22px;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;z-index:70}
.nav-dropdown-in{background:var(--white);border-radius:18px;padding:8px;min-width:240px;box-shadow:0 18px 44px rgba(30,35,48,.16);border:1px solid #eceee8}
.nav-dropdown a{display:block;padding:10px 14px;border-radius:10px;font-size:15px;font-weight:500;white-space:nowrap}
.nav-dropdown a:hover{background:#f1f3ec;opacity:1}
@media (hover:hover) and (min-width:1101px){
  .nav-menu:hover .nav-dropdown,.nav-menu:focus-within .nav-dropdown{opacity:1;visibility:visible}
  .nav-menu:hover .chev,.nav-menu:focus-within .chev{transform:translateY(1px) rotate(-135deg)}
}
.menu-toggle,.mobile-menu-cta{display:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.final p{margin:24px auto 34px;line-height:1.5}
.site-footer{padding:0 0 28px}
.site-footer .wrap{display:block;padding-top:8px;border-top:0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr .8fr;gap:28px;align-items:start}
.footer-brand .logo{color:var(--lime);font-size:19px}
.footer-brand p{font-size:14px;line-height:1.5;margin-top:10px;max-width:220px}
.footer-column h3{font-family:"Geist Mono",monospace;font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#9fb36a;margin-bottom:14px}
.footer-column a{display:block;font-size:14px;line-height:1.4;margin-bottom:8px;color:#d9e6a8}
.footer-column a:hover{color:var(--lime)}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(210,232,35,.18);padding-top:20px;margin-top:40px;font-size:13px;color:#9fb36a}
@media(min-width:1101px){.nav-links{display:flex}}
@media(max-width:1100px){
  .nav{position:sticky;top:12px;padding:0 12px}
  .nav-in{padding:12px 18px;flex-wrap:nowrap;gap:12px;border-radius:999px}
  .nav-in .logo{width:auto;justify-content:flex-start;min-height:44px;font-size:22px}
  .nav-cta{display:none}
  .menu-toggle{display:block;margin-left:auto;border:0;background:var(--ink);color:var(--white);border-radius:999px;padding:12px 18px;font:700 15px "Inter Tight",sans-serif;cursor:pointer}
  .nav-links{display:none}
  body.menu-open{overflow:hidden}
  .menu-open .nav{position:fixed;inset:0;margin:0;max-width:none;padding:12px;background:var(--white);overflow:auto}
  .menu-open .nav-in{flex-wrap:wrap;box-shadow:none;padding:0 8px;border-radius:0}
  .menu-open .nav-links{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:0;padding:20px 0 32px;font-size:20px}
  .menu-open .nav-links>a:not(.btn){padding:16px 0;border-bottom:1px solid #eceee8}
  .nav-menu{border-bottom:1px solid #eceee8}
  .nav-trigger{padding:16px 0;font-size:20px;font-weight:700;width:100%;justify-content:space-between}
  .chev{display:none}
  .nav-dropdown{position:static;transform:none;opacity:1;visibility:visible;padding:0 0 12px}
  .nav-dropdown-in{box-shadow:none;border:0;min-width:0;background:var(--cream);padding:4px}
  .nav-dropdown a{font-size:17px;padding:12px 16px}
  .menu-open .mobile-menu-cta{display:flex;margin-top:24px;white-space:normal;text-align:center}
  .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:600px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .footer-brand p{font-size:15px}
  .footer-bottom{flex-direction:column;gap:8px}
  .final p{margin:24px auto 30px}
}

  .ic-logo{background:#fff!important;border:1px solid #eceee8}
  .ic-logo img{width:24px;height:24px;border-radius:5px}

/* lead dialog */
.lead-dialog{margin:auto;inset:0;border:0;padding:0;border-radius:28px;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);background:var(--white);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.3)}
.lead-dialog::backdrop{background:rgba(20,30,15,.55);backdrop-filter:blur(3px)}
.lead-form,.lead-done{padding:36px 34px 30px;position:relative}
.lead-dialog h2{font-size:34px;line-height:1.05;letter-spacing:-.04em;font-weight:900;color:var(--forest);padding-right:30px}
.lead-dialog .serif{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400}
.lead-sub,.lead-done p{margin:10px 0 22px;color:var(--muted);font-size:16px;line-height:1.5}
.lead-form label{display:block;font-weight:700;font-size:14px;margin-bottom:14px}
.lead-form .lead-opt{font-weight:500;color:var(--muted)}
.lead-form input,.lead-form textarea{display:block;width:100%;margin-top:6px;border:1.5px solid #dfe2d8;border-radius:14px;padding:13px 14px;font:500 16px "Inter Tight",system-ui,sans-serif;color:var(--ink);background:#fbfcf7;resize:vertical}
.lead-form input:focus,.lead-form textarea:focus{outline:none;border-color:var(--forest);background:#fff;box-shadow:0 0 0 3px rgba(210,232,35,.45)}
.lead-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lead-submit,.lead-close-done{font-family:"Inter Tight",system-ui,sans-serif;font-weight:700;border:0;cursor:pointer;width:100%;margin-top:6px;font-size:17px;padding:17px 24px}
.lead-submit:disabled{opacity:.6}
.lead-error{color:#a11a1a;font-weight:600;font-size:14px;margin:4px 0 10px}
.lead-fine{text-align:center;color:var(--muted);font-size:13px;margin-top:12px}
.lead-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f3ec;font-size:24px;line-height:1;cursor:pointer;color:var(--ink)}
@media (max-width:600px){.lead-form,.lead-done{padding:30px 22px 24px}.lead-dialog h2{font-size:28px}}

/* what you get: 8 equal cards, each tagged with its outcome group */
.get-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px}
.get-card{border-radius:var(--r-lg);padding:26px 24px 28px;display:flex;flex-direction:column;min-height:230px}
.get-tag{align-self:flex-start;font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.7);border-radius:999px;padding:5px 10px;margin-bottom:18px;color:#3d4350}
.get-card h3{font-size:21px;line-height:1.1;letter-spacing:-.03em;font-weight:900}
.get-card p{font-size:15px;line-height:1.5;margin-top:10px;color:#3d4350}
@media (max-width:1100px){.get-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.get-grid{grid-template-columns:1fr}.get-card{min-height:0}}

/* comparison pages */
.cmp-page{background:var(--cream)}
.cmp-hero{background:var(--cream);padding:150px 0 90px;text-align:center}
.cmp-crumbs{display:flex;justify-content:center;gap:8px;font-size:14px;color:var(--muted);margin-bottom:34px}
.cmp-crumbs a:hover{color:var(--ink)}
.cmp-crumbs b{color:var(--ink);font-weight:600}
.cmp-vs{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:30px;flex-wrap:wrap}
.cmp-badge{display:inline-flex;align-items:center;gap:10px;background:var(--white);border:1px solid #e6e7e0;border-radius:999px;padding:8px 18px 8px 8px;font-weight:800;font-size:18px;box-shadow:0 8px 24px rgba(30,35,48,.06)}
.cmp-badge img{width:40px;height:40px;border-radius:50%;background:#fff;padding:6px;border:1px solid #eceee8}
.cmp-badge-us{background:var(--forest);color:var(--lime);border-color:var(--forest);padding-left:18px}
.cmp-star{color:var(--orange);font-size:22px;line-height:1;margin-right:2px}
.cmp-vs-x{font-family:"Instrument Serif",serif;font-style:italic;font-size:30px;color:var(--muted)}
.cmp-hero h1{font-size:clamp(46px,6.4vw,88px);line-height:.98;letter-spacing:-.05em;font-weight:900;color:var(--forest);max-width:980px;margin:0 auto}
.cmp-hero h1 .serif{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.cmp-sub{font-size:20px;line-height:1.5;color:#3d4350;max-width:660px;margin:26px auto 0}
.cmp-prices{display:flex;justify-content:center;gap:14px;margin:38px auto 34px;flex-wrap:wrap}
.cmp-pricebox{background:var(--white);border:1px solid #e6e7e0;border-radius:22px;padding:18px 26px;min-width:250px;text-align:left}
.cmp-pricebox small{display:block;font-family:"Geist Mono",monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cmp-pricebox b{display:block;font-size:34px;font-weight:900;letter-spacing:-.04em;margin:6px 0 2px}
.cmp-pricebox b s{color:#a11a1a;text-decoration-thickness:3px}
.cmp-pricebox span{font-size:14px;color:var(--muted)}
.cmp-pricebox-us{background:var(--lime);border-color:var(--lime);color:var(--forest)}
.cmp-pricebox-us small,.cmp-pricebox-us span{color:var(--forest)}
.cmp-hero .ctas{justify-content:center}
.cmp-section{padding:120px 0;background:var(--white)}
.cmp-alt{background:var(--cream)}
.cmp-section h2{font-size:clamp(38px,4.6vw,60px);line-height:1.02;letter-spacing:-.045em;font-weight:900}
.cmp-section h2 .serif{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.cmp-verdict{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}
.cmp-card{background:var(--cream);border:1px solid #e6e7e0;border-radius:var(--r-lg);padding:34px}
.cmp-card h3{font-size:24px;font-weight:900;letter-spacing:-.03em;margin-bottom:16px}
.cmp-card ul{list-style:none}
.cmp-card li{position:relative;padding:11px 0 11px 30px;border-top:1px solid rgba(0,0,0,.07);font-size:16.5px;line-height:1.45}
.cmp-card li::before{content:"·";position:absolute;left:6px;top:4px;font-size:28px;color:var(--muted)}
.cmp-card-us{background:var(--forest);border-color:var(--forest);color:#eef3d6}
.cmp-card-us h3{color:var(--lime)}
.cmp-card-us li{border-top-color:rgba(210,232,35,.2)}
.cmp-card-us li::before{content:"✱";color:var(--orange);font-size:16px;top:12px}
.cmp-card-us .btn{margin-top:22px}
.cmp-table-wrap{overflow-x:auto;margin-top:44px;border-radius:var(--r-lg);border:1px solid #e6e7e0;background:var(--white)}
.cmp-table{width:100%;border-collapse:collapse;font-size:16px}
.cmp-table th,.cmp-table td{text-align:left;padding:18px 24px;border-top:1px solid #eef0ea;vertical-align:top}
.cmp-table thead th{border-top:0;font-size:15px;padding-top:22px;padding-bottom:22px}
.cmp-table tbody th{font-weight:700;color:var(--ink);width:30%}
.cmp-table td{color:#4a4f5c}
.cmp-table .us{background:#f4f9dc;color:var(--forest);font-weight:700}
.cmp-table thead .us{background:var(--forest);color:var(--lime)}
.cmp-th{display:inline-flex;align-items:center;gap:8px;font-weight:800}
.cmp-th img{border-radius:6px}
.cmp-tasks{display:grid;gap:16px;margin-top:44px}
.cmp-task{background:var(--cream);border-radius:var(--r-lg);padding:28px 30px}
.cmp-task h3{font-size:22px;font-weight:900;letter-spacing:-.03em;margin-bottom:16px}
.cmp-task-row{display:grid;grid-template-columns:1fr 40px 1fr;gap:14px;align-items:stretch}
.cmp-them,.cmp-ours{border-radius:16px;padding:18px 20px;background:var(--white)}
.cmp-ours{background:var(--forest);color:#eef3d6}
.cmp-who{display:block;font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.cmp-ours .cmp-who{color:var(--lime)}
.cmp-them p,.cmp-ours p{font-size:15.5px;line-height:1.5}
.cmp-arrow{display:grid;place-items:center;font-size:22px;color:var(--muted)}
.cmp-plans-grid,.cmp-faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.cmp-note{margin-top:18px;color:var(--muted);font-size:15px;line-height:1.55}
.cmp-note a{text-decoration:underline;text-underline-offset:3px}
.cmp-plans{background:var(--white);border-radius:var(--r-lg);overflow:hidden;border:1px solid #e6e7e0}
.cmp-plans tr:first-child th,.cmp-plans tr:first-child td{border-top:0}
.cmp-price{font-family:"Geist Mono",monospace;font-weight:500;white-space:nowrap;color:var(--ink)}
.cmp-plans tr.us th,.cmp-plans tr.us td{background:var(--forest);color:var(--lime)}
.cmp-faq-grid .faq{margin:0}
.cmp-rels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.cmp-rel{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid #e6e7e0;border-radius:20px;padding:18px;transition:transform .15s ease,box-shadow .15s ease}
.cmp-rel:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,35,48,.08)}
.cmp-rel img{border-radius:8px;flex:none}
.cmp-rel span{display:flex;flex-direction:column;gap:3px;min-width:0}
.cmp-rel b{font-size:15.5px}
.cmp-rel small{font-size:13px;color:var(--muted)}
.cmp-rel small s{color:#a11a1a}
.cmp-rel i{margin-left:auto;font-style:normal;color:var(--muted)}
.cmp-rel-all{background:var(--lime);border-color:var(--lime)}
.cmp-page .final{text-align:center}
@media (max-width:1100px){.cmp-rels{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-plans-grid,.cmp-faq-grid{grid-template-columns:1fr;gap:32px}.cmp-section{padding:96px 0}.cmp-hero{padding:130px 0 80px}}
@media (max-width:700px){.cmp-verdict{grid-template-columns:1fr}.cmp-task-row{grid-template-columns:1fr}.cmp-arrow{transform:rotate(90deg);height:24px}.cmp-rels{grid-template-columns:1fr}.cmp-table th,.cmp-table td{padding:14px 14px;font-size:14.5px}.cmp-section{padding:72px 0}.cmp-hero{padding:40px 0 64px}.cmp-pricebox{min-width:0;width:100%}.cmp-sub{font-size:17.5px}}
.lead-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-6px 0 22px}
.lead-steps li{background:#f4f9dc;border-radius:14px;padding:12px;font-size:13px;line-height:1.35;font-weight:600;color:var(--forest)}
.lead-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--forest);color:var(--lime);font-size:12px;margin-bottom:8px}
@media (max-width:600px){.lead-steps{grid-template-columns:1fr}.lead-steps li{display:flex;align-items:center;gap:10px;padding:10px 12px}.lead-steps b{margin:0;flex:none}}

/* compact footer */
.site-footer .ft-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid rgba(210,232,35,.18)}
.site-footer .ft-top .logo{color:var(--lime);font-size:19px}
.ft-main{display:flex;gap:22px;flex-wrap:wrap;font-size:14.5px;font-weight:600;color:#e8f0c8}
.ft-main a:hover,.ft-rows a:hover,.footer-bottom a:hover{color:var(--lime)}
.ft-rows{display:grid;gap:10px;padding:22px 0}
.fr{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:#b9cb86;line-height:1.5}
.fr-h{font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);min-width:110px;padding-top:2px}
.site-footer .footer-bottom{margin-top:0;padding-top:16px}
@media (max-width:600px){.fr-h{width:100%}}