/* ═══════════════ BRAND TOKENS — Olympus black / gold, liquid glass ═══════════════ */
  :root{
    --forest:#0a0807; --forest-2:#14100b; --forest-3:#1e1712;
    --emerald:#c9a24a; --emerald-deep:#a9803a; --moss:#e0bb66;
    --emerald-soft:#f7ecd6;
    --ivory:#f6f3ea; --ivory-2:#efeade; --card:#fdfcf7;
    --ink:#1c1712; --ink-soft:#33291c; --body:#4c4238; --mute:#7c7061; --faint:#a89c89;
    --line:#e7e1d2; --line-2:#ddd6c4;
    --gold:#c3a468; /* whisper of brass, elegant accent */
    --glass:rgba(255,255,255,.58); --glass-line:rgba(255,255,255,.7); --glass-dark:rgba(255,255,255,.14);
    --radius:22px; --radius-lg:30px;
    --shadow:0 30px 70px -34px rgba(10,8,7,.45);
    --shadow-soft:0 18px 44px -26px rgba(10,8,7,.35);
    --maxw:1220px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:Inter,system-ui,sans-serif;color:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
    background:
      radial-gradient(1000px 600px at 15% -5%, rgba(224,187,102,.22), transparent 55%),
      radial-gradient(900px 600px at 100% 8%, rgba(201,162,74,.20), transparent 55%),
      linear-gradient(180deg,var(--forest) 0%, var(--forest-2) 55%, var(--forest) 100%);
    background-attachment:fixed;min-height:100vh;padding:clamp(10px,2vw,26px)}
  h1,h2,h3,.serif{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.01em;color:var(--ink)}
  .accent{color:var(--emerald)}
  .under{background:linear-gradient(transparent 62%, rgba(224,187,102,.28) 0);padding:0 .06em}

  /* ── the ivory canvas floating on the black frame ── */
  .canvas{max-width:var(--maxw);margin:0 auto;background:
      radial-gradient(700px 380px at 50% -8%, rgba(255,255,255,.7), transparent 60%),
      linear-gradient(180deg,#fbf9f2 0%, var(--ivory) 40%, var(--ivory-2) 100%);
    border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;position:relative;
    border:1px solid rgba(255,255,255,.5)}
  .canvas::before{content:"";position:absolute;inset:0;pointer-events:none;
    background-image:radial-gradient(circle, rgba(28,23,18,.028) 1px, transparent 1px);background-size:30px 30px;opacity:.5}
  .pad{padding:clamp(20px,4vw,54px) clamp(18px,4vw,60px)}
  .center{text-align:center}
  .wrapn{max-width:900px;margin-inline:auto}

  /* ── glass pills / chips ── */
  .glass{background:var(--glass);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);
    border:1px solid var(--glass-line);box-shadow:0 8px 24px -16px rgba(10,8,7,.4)}
  .pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--ink)}
  .dot{width:8px;height:8px;border-radius:50%;background:var(--moss);box-shadow:0 0 0 4px rgba(224,187,102,.16)}

  /* ── masthead (brand name, no mark) ── */
  .masthead{background:linear-gradient(180deg,#241c12,#0a0807);text-align:center;padding:18px 20px 16px;position:relative}
  .masthead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,168,104,.5),transparent)}
  .masthead .brand{font-family:Fraunces,serif;font-weight:600;font-size:clamp(19px,2.4vw,23px);color:#f7ecd6;letter-spacing:.015em}
  .masthead .brandsub{font-family:Inter;font-size:10px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#c9b98d;margin-top:5px}

  /* ── hero (compact — the video is the star) ── */
  .hero{padding:6px 0 4px}
  .eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--emerald-deep)}
  .hero .eyebrow{font-size:clamp(13px,1.6vw,16px);letter-spacing:.04em}
  h1.head{font-size:clamp(28px,4.6vw,50px);font-weight:900;line-height:1.08;letter-spacing:-.015em;margin:10px auto 0;max-width:34ch}
  h1.head b{font-weight:900}
  h1.head .guarantee{text-decoration:underline;text-decoration-color:var(--emerald-deep);text-decoration-thickness:.07em;text-underline-offset:.12em}
  .subhead{font-size:clamp(14px,1.5vw,17px);color:var(--mute);max-width:52ch;margin:14px auto 0}

  /* ── the video hero ── */
  .stepbar{display:inline-flex;align-items:center;gap:8px;margin:18px auto 12px;border-radius:999px;padding:8px 18px;background:var(--emerald-deep);color:#f7ecd6;font-weight:600;font-size:13px;letter-spacing:.01em}
  .videoshell{position:relative;max-width:1000px;margin:0 auto;border-radius:var(--radius);padding:10px;
    background:linear-gradient(180deg, rgba(224,187,102,.25), rgba(201,162,74,.10));border:1px solid rgba(224,187,102,.3);
    box-shadow:0 40px 90px -40px rgba(10,8,7,.55), 0 0 90px -24px rgba(224,187,102,.4), 0 0 0 1px rgba(255,255,255,.4) inset}
  .videowrap{position:relative;border-radius:16px;overflow:hidden;background:#0a0807;aspect-ratio:16/9}
  .videowrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
  /* Vidalytics sizes itself (its embed div carries the 16:9 padding), so the wrap stops forcing the ratio */
  .videowrap.vid{aspect-ratio:auto}
  .videowrap.vid iframe#vsl{display:none}
  .videowrap .poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
    color:#e8dcc4;font-family:Fraunces,serif;font-weight:500;font-size:clamp(20px,3vw,30px);
    background:radial-gradient(circle at 50% 40%, #1e1712, #0a0807)}
  .videowrap .poster small{font-family:Inter;font-weight:500;font-size:13px;color:#9c8f78}
  /* unmute overlay */
  .unmute{position:absolute;top:14px;left:14px;z-index:5;display:inline-flex;align-items:center;gap:9px;
    border-radius:999px;padding:11px 18px 11px 15px;cursor:pointer;color:var(--ink);font-weight:700;font-size:14px;
    background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 26px -12px rgba(0,0,0,.5)}
  .unmute svg{width:20px;height:20px;color:var(--emerald-deep)}
  .unmute.hidden{display:none}
  .unmute-cta{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;
    cursor:pointer;background:linear-gradient(180deg,transparent 60%, rgba(9,7,5,.35));pointer-events:auto}
  .unmute-cta span{background:rgba(255,255,255,.9);color:var(--ink);font-weight:700;font-size:13px;border-radius:999px;padding:9px 16px;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
  .unmute-cta.hidden{display:none}

  /* ── delayed reveal ── */
  body:not(.revealed) .reveal{display:none}
  @keyframes ctFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  body.revealed .reveal{animation:ctFade .55s ease both}
  .waitline{text-align:center;color:var(--faint);font-size:13px;margin:14px 0 0;font-weight:500}
  body.revealed .waitline{display:none}

  /* ── buttons ── */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;font-weight:700;font-size:16px;
    padding:15px 30px;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:transform .12s, background .15s, box-shadow .15s}
  .btn-primary{background:var(--emerald-deep);color:#fff;box-shadow:0 16px 34px -16px rgba(169,128,58,.7)}
  .btn-primary:hover{background:var(--emerald);transform:translateY(-1px)}
  .btn-primary svg{width:18px;height:18px}
  .btn-ghost{background:rgba(255,255,255,.7);color:var(--ink);border-color:var(--line-2)}
  .btn-block{width:100%}
  .ctahost{text-align:center;margin:22px 0 6px}

  /* ── section scaffolding ── */
  section{padding:clamp(30px,5vw,56px) 0}
  .kicker{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--emerald);margin-bottom:12px}
  .kicker::before,.kicker::after{content:"";height:1px;width:38px}
  .kicker::before{background:linear-gradient(90deg,transparent,var(--gold))}
  .kicker::after{background:linear-gradient(90deg,var(--gold),transparent)}
  .h2{font-size:clamp(24px,3.4vw,36px);line-height:1.12;text-align:center;max-width:20ch;margin:0 auto}
  .lead{text-align:center;color:var(--mute);max-width:52ch;margin:14px auto 0;font-size:16px}

  /* ── stat chips (glass) ── */
  .stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}
  .stat{border-radius:16px;padding:16px 22px;text-align:center;min-width:150px}
  .stat .n{font-family:Fraunces,serif;font-weight:600;font-size:28px;color:var(--ink);line-height:1}
  .stat .l{font-size:12.5px;color:var(--mute);margin-top:6px;font-weight:500}

  /* ── transformations grid ── */
  .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
  @media(max-width:820px){.tgrid{grid-template-columns:1fr}}
  .tcard{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft)}
  .tcard .imgs{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1/1;background:var(--ivory-2)}
  .tcard .imgs div{position:relative;background-size:200% 100%;background-repeat:no-repeat}
  .tcard .imgs div:first-child{border-right:2px solid #fff;background-position:left center}
  .tcard .imgs div:last-child{background-position:right center}
  .tcard .tag{position:absolute;bottom:8px;left:8px;background:rgba(10,8,7,.72);color:#fff;font-size:11px;font-weight:700;border-radius:6px;padding:3px 8px}
  .tcard .cap{padding:14px 16px}
  .tcard .cap .big{font-family:Fraunces,serif;font-weight:600;color:var(--ink);font-size:16px}
  .tcard .cap .sm{font-size:12.5px;color:var(--mute);margin-top:3px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
  .disclaimer{font-size:12px;color:var(--faint);text-align:center;max-width:60ch;margin:20px auto 0;line-height:1.5}
  .teamshot{border-radius:20px;overflow:hidden;margin:26px auto 0;max-width:900px;box-shadow:var(--shadow-soft)}
  .teamshot img{width:100%;display:block}
  .teamcap{text-align:center;font-size:12.5px;color:var(--mute);margin-top:10px;font-weight:500}

  /* ── mechanism pillars ── */
  .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
  @media(max-width:820px){.pillars{grid-template-columns:1fr}}
  .pillar{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px 26px;box-shadow:var(--shadow-soft)}
  .itile{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg, rgba(224,187,102,.16), rgba(201,162,74,.08));
    border:1px solid rgba(224,187,102,.22);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--emerald-deep)}
  .itile svg{width:26px;height:26px}
  .pillar h3{font-size:19px;margin-bottom:8px}
  .pillar p{font-size:14.5px;color:var(--mute)}

  /* ── founder ── */
  .founder{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:var(--card);border:1px solid var(--line);
    border-radius:26px;padding:32px;box-shadow:var(--shadow-soft);max-width:900px;margin:30px auto 0}
  @media(max-width:640px){.founder{grid-template-columns:1fr;text-align:center;justify-items:center}}
  .founder .photo{width:210px;height:210px;border-radius:18px;background:linear-gradient(160deg,#e6ddc9,#d6c9a8);
    display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:12px;flex:0 0 auto;overflow:hidden}
  .founder .photo img{width:100%;height:100%;object-fit:cover;display:block}
  .founder blockquote{font-family:Fraunces,serif;font-size:clamp(17px,2vw,21px);line-height:1.45;color:var(--ink-soft);font-weight:400}
  .founder .name{margin-top:12px;font-weight:700;color:var(--ink);font-family:Inter;font-size:14px}
  .founder .name span{color:var(--mute);font-weight:500}

  /* ── the qualifying wizard ── */
  .wizardwrap{max-width:720px;margin:0 auto}
  .stepbar2{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 16px;border-radius:999px;padding:9px 20px;
    background:var(--emerald-deep);color:#f7ecd6;font-weight:600;font-size:14px}
  .wizard{background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}
  .wizprog{height:6px;background:var(--ivory-2)}
  .wizprog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--moss),var(--emerald-deep));transition:width .4s ease}
  .wizbody{padding:clamp(24px,4vw,40px)}
  .qnum{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--emerald)}
  .qtitle{font-family:Fraunces,serif;font-size:clamp(20px,2.6vw,26px);color:var(--ink);margin:8px 0 4px;line-height:1.2}
  .qhint{font-size:13.5px;color:var(--mute);margin-bottom:18px}
  .opts{display:flex;flex-direction:column;gap:11px}
  .opt{display:flex;align-items:center;gap:13px;border:1px solid var(--line-2);background:#fff;border-radius:14px;padding:15px 17px;cursor:pointer;
    font-size:15.5px;color:var(--ink);font-weight:500;transition:border-color .12s, background .12s, box-shadow .12s;text-align:left;width:100%}
  .opt:hover{border-color:var(--moss)}
  .opt .box{flex:0 0 auto;width:24px;height:24px;border-radius:7px;border:1.5px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:.12s}
  .opt.sel{border-color:var(--emerald-deep);background:var(--emerald-soft);box-shadow:0 0 0 3px rgba(224,187,102,.12)}
  .opt.sel .box{background:var(--emerald-deep);border-color:var(--emerald-deep)}
  .field{margin:14px 0}
  .field label{display:block;font-weight:600;font-size:14px;color:var(--ink);margin-bottom:6px}
  .field input{width:100%;padding:14px 15px;border:1px solid var(--line-2);border-radius:12px;font:inherit;background:#fff;color:var(--ink)}
  .field input:focus{outline:none;border-color:var(--emerald-deep);box-shadow:0 0 0 3px rgba(224,187,102,.14)}
  .wizerr{color:#c0392b;font-size:13px;margin-top:10px;min-height:0}
  .wiznav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}
  .lnk{background:none;border:none;color:var(--mute);font-weight:600;font-size:14px;cursor:pointer;padding:8px}
  .lnk:hover{color:var(--ink)}
  .lnk[disabled]{opacity:0;pointer-events:none}

  /* ── confirmation ── */
  #confirm{display:none;max-width:640px;margin:0 auto;text-align:center;background:var(--card);border:1px solid var(--line);
    border-radius:26px;padding:44px 30px;box-shadow:var(--shadow)}
  #confirm .tick{width:64px;height:64px;border-radius:50%;background:var(--emerald-deep);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
  #confirm .tick svg{width:32px;height:32px}
  #confirm h2{font-size:26px;margin-bottom:8px}
  #confirm p{color:var(--mute);max-width:44ch;margin:0 auto}
  #confirm .btn{margin-top:22px}

  /* ── footer ── */
  footer{background:var(--forest);color:#b8a98c;text-align:center;padding:34px 22px 40px;margin-top:20px;border-radius:var(--radius-lg);max-width:var(--maxw);margin-inline:auto}
  footer .fl{font-family:Fraunces,serif;color:#f0e6cc;font-size:15px;margin-bottom:8px}
  footer a{color:#d9c9a0}
  footer .legal{font-size:12px;max-width:64ch;margin:10px auto 0;line-height:1.55;color:#93876f}

  /* sticky mobile CTA */
  .stickyhost{position:sticky;bottom:14px;z-index:40;padding:0 clamp(18px,4vw,60px)}
  @media(min-width:781px){.stickyhost{display:none}}

  /* ═══════════════ AUDIT FUNNEL (apply.html + watch.html) ═══════════════ */
  /* page 1: the questions sit right under a compact hero */
  .auditpad{padding-top:clamp(18px,3vw,40px);padding-bottom:clamp(24px,4vw,48px)}
  .auditlead{font-size:clamp(15px,1.6vw,18px);color:var(--body);max-width:54ch;margin:14px auto 0;line-height:1.55}
  .auditlead b{color:var(--ink);font-weight:700}
  .wizmeta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:12.5px;color:var(--mute);font-weight:600}
  .wizmeta span{display:inline-flex;align-items:center;gap:6px}
  .wizmeta svg{width:15px;height:15px;color:var(--emerald-deep)}
  .field textarea{width:100%;padding:14px 15px;border:1px solid var(--line-2);border-radius:12px;font:inherit;background:#fff;color:var(--ink);min-height:110px;resize:vertical}
  .field textarea:focus{outline:none;border-color:var(--emerald-deep);box-shadow:0 0 0 3px rgba(224,187,102,.14)}
  .opt:focus-visible,.btn:focus-visible,.lnk:focus-visible{outline:2px solid var(--emerald-deep);outline-offset:2px}
  .sigline{font-family:Fraunces,serif;font-size:clamp(19px,2.4vw,24px);color:var(--ink);text-align:center;line-height:1.35;max-width:26ch;margin:0 auto}
  .sigline em{color:var(--emerald-deep)}
  #notyet{display:none;max-width:640px;margin:0 auto;text-align:center;background:var(--card);border:1px solid var(--line);
    border-radius:26px;padding:40px 28px;box-shadow:var(--shadow)}
  #notyet h2{font-size:26px;margin-bottom:10px}
  #notyet p{color:var(--mute);max-width:46ch;margin:0 auto 12px}
  #notyet .btn{margin-top:14px}
  .sending{display:none;text-align:center;padding:40px 20px;color:var(--mute);font-weight:600}

  /* page 2: qualified banner + booking */
  .qbadge{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:9px 18px 9px 10px;background:#fff;border:1px solid rgba(169,128,58,.35);
    color:var(--ink);font-weight:700;font-size:14px;box-shadow:0 10px 24px -16px rgba(10,8,7,.45)}
  .qbadge i{width:24px;height:24px;border-radius:50%;background:var(--emerald-deep);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-style:normal}
  .qbadge i svg{width:14px;height:14px}
  .bookshell{max-width:1000px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
  .bookhead{padding:22px 24px 6px;text-align:center}
  .bookhead h2{font-size:clamp(22px,2.8vw,30px);line-height:1.15}
  .bookhead p{color:var(--mute);font-size:14.5px;margin-top:6px}
  .bookframe{width:100%;min-height:720px;border:0;display:block;background:#fff}
  @media(max-width:640px){.bookframe{min-height:980px}}
  .bookalt{text-align:center;font-size:13px;color:var(--mute);padding:4px 16px 18px}
  .bookalt a{color:var(--emerald-deep);font-weight:600}

  /* belief band: the reframe */
  .belief{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
  @media(max-width:720px){.belief{grid-template-columns:1fr}}
  .bcard{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px 24px;box-shadow:var(--shadow-soft)}
  .bcard .lbl{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
  .bcard.to .lbl{color:var(--emerald-deep)}
  .bcard p{font-family:Fraunces,serif;font-size:18px;line-height:1.45;color:var(--ink-soft);margin-top:10px}
  .bcard.to{border-color:rgba(169,128,58,.45);background:linear-gradient(180deg,#fff, var(--emerald-soft))}

  /* the four phases */
  .phases{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
  @media(max-width:900px){.phases{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.phases{grid-template-columns:1fr}}
  .phase{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 20px;box-shadow:var(--shadow-soft)}
  .phase .num{font-family:Fraunces,serif;font-size:13px;letter-spacing:.2em;color:var(--emerald-deep);font-weight:600}
  .phase h3{font-size:21px;margin:6px 0 6px}
  .phase p{font-size:14px;color:var(--mute);line-height:1.55}
  .stickyhost{transition:opacity .2s ease, transform .2s ease}
  .stickyhost.off{opacity:0;transform:translateY(12px);pointer-events:none}

  /* ═══════════════ AUDIT RESULTS ═══════════════ */
  .qsec{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-left:6px}
  #results{display:none;max-width:760px;margin:0 auto}
  .rcard{background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}
  .rtop{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;padding:clamp(24px,4vw,40px)}
  @media(max-width:600px){.rtop{grid-template-columns:1fr;text-align:center;justify-items:center}}
  .ring{position:relative;width:150px;height:150px}
  .ring svg{width:150px;height:150px;transform:rotate(-90deg)}
  .ring .val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .ring .val b{font-family:Fraunces,serif;font-size:46px;font-weight:600;color:var(--ink);line-height:1}
  .ring .val span{font-size:12px;color:var(--mute);font-weight:600;margin-top:4px}
  .verdict{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:6px 12px;background:var(--emerald-soft);color:var(--emerald-deep)}
  .verdict.no{background:#efe9e2;color:#6b5d4f}
  .rtop h2{font-size:clamp(24px,3vw,32px);line-height:1.15;margin-top:10px}
  .rtop p{color:var(--body);margin-top:8px;font-size:15.5px}
  .areas{border-top:1px solid var(--line);background:#fbf9f3;padding:8px clamp(20px,4vw,40px) 18px}
  .area{padding:16px 0;border-bottom:1px solid var(--line)}
  .area:last-child{border-bottom:0}
  .area .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .area h3{font-size:17px}
  .area .sc{font-weight:700;color:var(--ink);font-size:14px;white-space:nowrap}
  .bar{height:8px;border-radius:99px;background:var(--ivory-2);margin:9px 0 9px;overflow:hidden}
  .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--moss),var(--emerald-deep))}
  .area p{font-size:14.5px;color:var(--mute);line-height:1.55}
  .insight{margin-top:16px;border-radius:22px;padding:22px 24px;background:var(--forest);color:#e9dfc8}
  .insight .lbl{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c9b98d}
  .insight p{font-family:Fraunces,serif;font-size:18px;line-height:1.45;margin-top:8px;color:#f3ead4}
  .insight p em{color:var(--moss)}
  .rnext{text-align:center;padding:26px 10px 6px}
  .rnext p{color:var(--mute);font-size:14.5px;max-width:48ch;margin:0 auto 16px}

  /* ═══════════════ BOOKED PAGE (booked.html) ═══════════════ */
  .narrow{max-width:760px;margin:0 auto}
  .bk section{padding:clamp(22px,3.4vw,40px) 0}
  .bk .h2{max-width:24ch}
  .bk .sub{text-align:center;color:var(--mute);max-width:56ch;margin:12px auto 0;font-size:15.5px}
  .when{display:inline-flex;align-items:center;gap:9px;margin-top:16px;border-radius:999px;padding:9px 18px;background:#fff;border:1px solid rgba(169,128,58,.35);
    color:var(--ink);font-weight:700;font-size:14.5px;box-shadow:0 10px 24px -16px rgba(10,8,7,.45)}
  .when svg{color:var(--emerald-deep)}
  .bcardx{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3.6vw,34px);box-shadow:var(--shadow-soft)}
  .bcardx p{color:var(--body);font-size:15.5px;margin-top:10px}
  .stephead{display:flex;align-items:center;gap:14px}
  .stepnum{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--emerald-deep);color:#fff;font-family:Fraunces,serif;font-weight:600;font-size:19px;display:flex;align-items:center;justify-content:center}
  .stephead h2{font-size:clamp(22px,2.8vw,28px);line-height:1.15}
  .stephead h2 em{color:var(--emerald-deep)}
  .bvideo{margin-top:18px;border-radius:16px;overflow:hidden;background:#0a0807;aspect-ratio:16/9;position:relative}
  .bvideo iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
  .bvideo .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#e8dcc4;font-family:Fraunces,serif;font-size:20px;text-align:center;padding:16px;
    background:radial-gradient(circle at 50% 40%, #1e1712, #0a0807)}
  .bvideo .ph span{font-family:Inter;font-size:13px;color:#9c8f78}
  .msg{margin-top:16px;border-radius:14px;padding:16px 18px;background:var(--emerald-soft);border:1px dashed rgba(169,128,58,.55);color:var(--ink);font-weight:600;font-size:15.5px;line-height:1.5}
  .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
  @media(max-width:560px){.actions .btn{width:100%}}
  .warn{margin-top:16px !important;border-left:3px solid var(--emerald-deep);padding-left:14px}
  .warn b{color:var(--ink)}
  .quietp{font-size:14px !important;color:var(--mute) !important}
  .personal{margin-top:18px;background:var(--forest);color:#e9dfc8;border-radius:20px;padding:20px 22px}
  .personal p{font-family:Fraunces,serif;font-size:18px;line-height:1.45;color:#f3ead4;margin:0}
  .personal b{color:var(--moss);font-weight:600}
  .cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
  .cols2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
  @media(max-width:760px){.cols3,.cols2{grid-template-columns:1fr}}
  .tile{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 20px;box-shadow:var(--shadow-soft)}
  .tile h3{font-size:18px;margin-bottom:6px}
  .tile p{font-size:14.5px;color:var(--mute);line-height:1.55}
  .agenda{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
  .agenda li{display:grid;grid-template-columns:auto 1fr;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow-soft)}
  .agenda .chip{font-family:Fraunces,serif;font-weight:600;color:var(--emerald-deep);font-size:15px;letter-spacing:.08em;padding-top:2px}
  .agenda h3{font-size:18px}
  .agenda p{font-size:14.5px;color:var(--mute);margin-top:4px;line-height:1.55}
  .checks{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px}
  .checks li{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:15px;color:var(--ink-soft)}
  .checks svg{flex:0 0 auto;margin-top:2px;color:var(--emerald-deep)}
  .ticks{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:10px}
  .ticks li{position:relative;padding-left:24px;font-size:14.5px;color:var(--body);line-height:1.5}
  .ticks li::before{content:"";position:absolute;left:2px;top:6px;width:12px;height:7px;border-left:2px solid var(--emerald-deep);border-bottom:2px solid var(--emerald-deep);transform:rotate(-45deg)}
  .price{text-align:center}
  .price .big{font-family:Fraunces,serif;font-size:clamp(46px,7vw,64px);font-weight:600;color:var(--ink);line-height:1;margin-top:6px}
  .price .per{color:var(--mute);font-weight:600;margin-top:8px}
  .price .straight{text-align:left;margin-top:18px}
  .price .gnote{text-align:left;margin-top:14px;background:var(--emerald-soft);border-radius:14px;padding:14px 16px;font-size:14.5px;color:var(--ink-soft)}
  .tline{list-style:none;margin-top:22px;position:relative}
  .tline::before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--moss),var(--line))}
  .tline li{position:relative;display:grid;grid-template-columns:40px 1fr;gap:16px;padding:10px 0}
  .tline .dot{width:40px;height:40px;border-radius:50%;background:var(--card);border:2px solid var(--emerald-deep);color:var(--emerald-deep);font-family:Fraunces,serif;font-weight:600;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
  .tline h3{font-size:18px}
  .tline .t{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--emerald-deep);margin-top:2px}
  .tline p{font-size:14.5px;color:var(--mute);margin-top:4px;line-height:1.55}
  .final{text-align:center;background:var(--forest);border-radius:26px;padding:clamp(30px,5vw,48px) 22px;color:#e9dfc8}
  .final h2{color:#f7ecd6;font-size:clamp(26px,3.4vw,36px)}
  .final p{color:#c9b98d;margin:10px auto 20px;max-width:44ch}
  .final .sigline{color:#f3ead4;margin-bottom:18px}
  .final .sigline em{color:var(--moss)}
  .stickyhost.away{opacity:0;transform:translateY(12px);pointer-events:none}

  /* the hidden attribute always wins over component display rules */
  [hidden]{display:none !important}
  /* the reveal entrance animation (fill-mode both) would otherwise keep a hidden sticky bar visible */
  .stickyhost.off,.stickyhost.away{animation:none !important;visibility:hidden}

  /* ═══════════════ AUDIT RESULTS v2 (Jonathon's copy doc, 29 Sep) ═══════════════ */
  .aintro{font-size:14.5px;color:var(--mute);font-style:italic;margin-bottom:6px}
  .qa{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-top:12px}
  .qa .qq{font-size:12.5px;color:var(--mute);line-height:1.45}
  .qa .qy{font-size:14.5px;color:var(--ink-soft);margin-top:4px}
  .qa .qy b{color:var(--ink);font-weight:700}
  .qline{font-size:15px !important;color:var(--body) !important;line-height:1.55;margin:9px 2px 0}
  .rsaid{padding:0 clamp(20px,4vw,40px) 18px;margin-top:-10px}
  .rcta{margin-top:16px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px 22px;box-shadow:var(--shadow-soft)}
  .rcta .rlabel{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--emerald-deep)}
  .rcta h2{font-size:clamp(22px,2.8vw,28px);margin-top:8px}
  .rcta p{color:var(--mute);max-width:46ch;margin:8px auto 18px;font-size:15px}

  /* ═══════════════ PROOF GRID (his 12 before/afters) ═══════════════ */
  .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
  @media(max-width:900px){.pgrid{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:560px){.pgrid{grid-template-columns:repeat(2,1fr);gap:10px}}
  .pgrid img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow-soft);background:var(--ivory-2)}

  /* ═══════════════ BOOKED PAGE v2: confirm video + WhatsApp, FAQ and client videos (1 Oct) ═══════════════ */
  .confirmcard{max-width:980px;margin:0 auto}
  .confirmgrid{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr) minmax(0,210px);gap:26px;align-items:center;margin-top:20px}
  @media(max-width:860px){.confirmgrid{grid-template-columns:1fr;gap:18px}.confirmgrid .vvid,.confirmgrid .waimg{max-width:300px;margin:0 auto;width:100%}}
  .confirmtext p:first-child{margin-top:0;font-size:17px;color:var(--ink-soft)}
  .vvid{border-radius:16px;overflow:hidden;background:#0a0807;box-shadow:var(--shadow-soft)}
  .waimg{width:100%;height:auto;border-radius:16px;display:block}
  .vgrid{display:grid;gap:16px;margin-top:24px}
  .vgrid.five{grid-template-columns:repeat(5,1fr)}
  .vgrid.four{grid-template-columns:repeat(4,1fr);max-width:1000px;margin-inline:auto}
  @media(max-width:1000px){.vgrid.five{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:700px){.vgrid.five,.vgrid.four{grid-template-columns:repeat(2,1fr);gap:12px}}
  .vcard{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column}
  .vcard h3{font-family:Inter,system-ui,sans-serif;font-size:13.5px;font-weight:700;line-height:1.35;color:#f7ecd6;background:var(--emerald-deep);padding:12px 12px;text-align:center;min-height:62px;display:flex;align-items:center;justify-content:center}
  .vgrid.four .vcard h3{min-height:0;font-size:15px;letter-spacing:.04em}
  .vcard .vvid{border-radius:0;box-shadow:none;margin-top:auto}
  /* round 2 polish */
  .vcard h3{flex:1}
  .vcard .vvid{margin-top:0}
  .confirmtext a{color:var(--emerald-deep);font-weight:600}
  .confirmgrid{grid-template-columns:minmax(0,250px) minmax(0,1fr) minmax(0,240px)}
  @media(max-width:860px){.confirmgrid{grid-template-columns:1fr}.confirmgrid .vvid{max-width:230px}.confirmgrid .waimg{max-width:260px}}

  /* ═══════════════ BOOKED PAGE: benefit cards (Jonathon's copy, 1 Oct) ═══════════════ */
  .bens{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
  @media(max-width:760px){.bens{grid-template-columns:1fr}}
  .ben{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 22px;box-shadow:var(--shadow-soft)}
  .ben .benk{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--emerald-deep)}
  .ben h3{font-size:20px;line-height:1.25;margin:8px 0 10px}
  .ben p{font-size:14.5px;color:var(--body);line-height:1.55;margin-top:8px}
  .ben .toldus{background:var(--emerald-soft);border-radius:12px;padding:10px 12px;color:var(--ink);font-weight:600;margin:0 0 4px}
  .ben.foryou{border-color:rgba(169,128,58,.55);grid-column:1 / -1}
  /* one card promoted: the other three sit in a row under it */
  .bens.tied{grid-template-columns:repeat(3,1fr)}
  @media(max-width:900px){.bens.tied{grid-template-columns:1fr}}
  .bens.tied .ben:not(.foryou) h3{font-size:18px}

  /* ═══════════════ AUDIT v3 (Jonathon's 5 Oct round: new hero, mockup results layout) ═══════════════ */
  .herosub{font-size:clamp(19px,2.4vw,26px);font-weight:600;color:var(--ink);margin:14px auto 0;line-height:1.25}
  .detailsnote{font-size:13.5px;color:var(--body);background:var(--emerald-soft);border-radius:12px;padding:11px 13px;margin-top:4px;line-height:1.5}
  .detailsnote b{color:var(--ink)}
  #results{max-width:720px}
  .r3top{text-align:center;padding:6px 0 4px}
  .r3top .ring{margin:0 auto 14px}
  .r3top h2{font-size:clamp(26px,3.6vw,36px);line-height:1.12;margin:12px auto 0;max-width:20ch}
  .r3top p{color:var(--body);font-size:16px;max-width:46ch;margin:14px auto 0;line-height:1.55}
  .onething{background:var(--forest);border-radius:22px;padding:24px 24px 20px;margin-top:28px;color:#e9dfc8}
  .onething .lbl{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--moss)}
  .onething h3{color:#f7ecd6;font-size:clamp(21px,2.6vw,25px);line-height:1.2;margin:10px 0 8px}
  .onething p{color:#e9dfc8;font-size:15.5px;line-height:1.55}
  .onething .you{color:var(--moss);font-size:13px;margin-top:12px}
  .r3h{margin-top:clamp(34px,5vw,50px) !important}
  .r3areas{margin-top:14px}
  .r3areas .area{padding:22px 0;border-bottom:1px solid var(--line)}
  .r3areas .area:last-child{border-bottom:0}
  .r3areas .area h3{font-size:20px}
  .r3areas .sc{font-weight:500;color:var(--mute);font-size:15px}
  .r3areas .sc b{color:var(--ink);font-weight:700}
  .r3areas .aintro{font-style:normal;font-size:14.5px;color:var(--mute);margin-bottom:4px}
  .saidline{font-size:15.5px;color:var(--body);line-height:1.6;margin-top:12px}
  .saidline b{color:var(--ink);font-weight:700}
  .r3step{text-align:center;margin:clamp(30px,5vw,48px) auto 18px;max-width:560px}
  .r3step .rlabel{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--emerald-deep)}
  .r3step h2{font-size:clamp(26px,3.6vw,36px);line-height:1.12;margin-top:8px}
  .r3step p{color:var(--mute);font-size:15.5px;margin-top:10px}
  .dads{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
  @media(max-width:900px){.dads{grid-template-columns:1fr 1fr;gap:12px}}
  .dad{margin:0}
  .dad img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow-soft);background:var(--ivory-2)}
  .dad figcaption{margin-top:9px}
  .dad figcaption b{display:block;color:var(--ink);font-size:15px}
  .dad figcaption span{display:block;color:var(--mute);font-size:13.5px;margin-top:2px}
  #closeCta{margin-top:18px}