/* ==========================================================================
   HEALTHSPAN BY DESIGN — Landing page (index.html) section styles
   Loads after funnel.css. Mobile-first. Tokens only — nothing hardcoded.
   ========================================================================== */

/* Shared section-heading lockup ------------------------------------------- */
.section-head{max-width:var(--container-narrow);margin-bottom:clamp(var(--space-8),5vw,var(--space-16));}
.section-head--center{margin-inline:auto;text-align:center;}
.section-head--center .eyebrow{justify-content:center;}
.section-head .eyebrow{margin-bottom:var(--space-4);}
.section-head h2{margin-bottom:var(--space-5);}
.section-head .lede{margin-inline:0;}
.section-head--center .lede{margin-inline:auto;}

/* ==========================================================================
   SECTION 2 — HERO
   ========================================================================== */
.hero{position:relative;overflow:clip;isolation:isolate;
  padding-top:calc(72px + clamp(var(--space-10),9vw,var(--space-24)));
  padding-bottom:clamp(var(--space-16),9vw,var(--space-24));}

/* ambient brand wash + soft aurora blobs (decorative, behind everything) */
.hero__bg{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(1100px 620px at 88% -8%,var(--c-teal-soft) 0%,transparent 60%),
    radial-gradient(760px 520px at -10% 110%,var(--c-gold-soft) 0%,transparent 55%),
    var(--c-bg);}
.hero__bg::before,.hero__bg::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;}
.hero__bg::before{width:42vw;height:42vw;max-width:560px;max-height:560px;top:-8%;right:-6%;
  background:radial-gradient(circle,rgba(58,122,140,.30),transparent 70%);}
.hero__bg::after{width:36vw;height:36vw;max-width:460px;max-height:460px;bottom:-12%;left:-8%;
  background:radial-gradient(circle,rgba(185,138,62,.18),transparent 70%);}
/* faint dotted grid texture */
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(30,77,92,.05) 1px,transparent 1.4px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(circle at 50% 36%,#000 0%,transparent 72%);
  mask-image:radial-gradient(circle at 50% 36%,#000 0%,transparent 72%);}

.hero__grid{display:grid;gap:clamp(var(--space-10),6vw,var(--space-16));align-items:center;}

.hero__title{font-size:var(--text-7xl);line-height:var(--lh-display);letter-spacing:var(--tracking-tighter);
  margin-bottom:var(--space-6);}
.hero__title em{font-style:normal;color:var(--c-teal);}
.hero__sub{font-size:var(--text-lg);color:var(--c-muted);line-height:var(--lh-relaxed);
  max-width:54ch;margin-bottom:var(--space-8);}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);}
.hero__cta .btn-note{margin-top:0;max-width:34ch;text-align:left;}
.hero__cred{margin-top:clamp(var(--space-10),5vw,var(--space-12));padding-top:var(--space-6);
  border-top:1px solid var(--c-line);}

/* portrait media */
.hero__media{position:relative;justify-self:center;width:100%;max-width:440px;}
.hero__portrait{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-xl);
  background:var(--c-surface);aspect-ratio:522/573;}
.hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;}
/* thin gold frame accent offset behind */
.hero__media::before{content:"";position:absolute;inset:-14px -14px auto auto;width:62%;height:62%;
  border:2px solid rgba(185,138,62,.5);border-radius:var(--r-xl);z-index:-1;}
.hero__media::after{content:"";position:absolute;inset:auto auto -16px -16px;width:54%;height:54%;
  border-radius:var(--r-xl);background:var(--grad-teal);opacity:.12;z-index:-1;}

/* floating biomarker chip (data motif) */
.hero__float{position:absolute;left:-6%;bottom:11%;display:flex;align-items:center;gap:.7em;
  background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid var(--c-line);
  border-radius:var(--r-md);padding:.7em .95em;box-shadow:var(--shadow-md);
  animation:floatY 6s var(--ease) infinite;}
.hero__float .dot{width:.7em;height:.7em;border-radius:50%;background:var(--c-optimal);
  box-shadow:0 0 0 4px rgba(34,139,34,.15);}
.hero__float b{font-size:var(--text-sm);color:var(--c-navy);display:block;line-height:1.1;}
.hero__float span{font-size:var(--text-xs);color:var(--c-muted);}
.hero__float .trend{margin-left:.3em;color:var(--c-optimal);font-weight:700;font-size:var(--text-sm);}

@media (max-width:420px){.hero__float{left:2%;bottom:6%;padding:.55em .75em;}}

/* desktop: two columns */
@media (min-width:880px){
  .hero__grid{grid-template-columns:1.08fr .92fr;}
  .hero__media{justify-self:end;max-width:460px;}
  .hero__cta .btn-note{margin-left:var(--space-2);}
}

/* ==========================================================================
   SECTION 3 — THE PROBLEM
   ========================================================================== */
.problem{background:var(--c-bg);}
.problem__grid{display:grid;gap:clamp(var(--space-10),6vw,var(--space-16));align-items:start;}

/* reframe points */
.reframe-list{display:grid;gap:var(--space-6);}
.reframe{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:start;}
.reframe__icon{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-md);
  background:var(--c-teal-soft);color:var(--c-teal);box-shadow:inset 0 0 0 1px rgba(58,122,140,.16);
  transition:transform var(--dur) var(--ease-spring),background var(--dur) var(--ease);}
.reframe:hover .reframe__icon{transform:translateY(-3px) scale(1.04);background:var(--c-white);}
.reframe__icon svg{width:26px;height:26px;}
.reframe__text{padding-top:.2em;color:var(--c-ink);line-height:var(--lh-normal);}
.reframe__text strong{color:var(--c-navy-ink);font-weight:var(--weight-semibold);}

.problem__close{margin-top:clamp(var(--space-10),5vw,var(--space-12));
  padding:var(--space-6) var(--space-8);border-left:3px solid var(--c-gold);background:var(--c-gold-soft);
  border-radius:0 var(--r-md) var(--r-md) 0;}
.problem__close p{font-family:var(--font-heading);font-size:var(--text-2xl);line-height:var(--lh-snug);
  color:var(--c-navy-ink);}

/* biomarker dashboard ("warning light -> green" metaphor) */
.biopanel{position:relative;background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-lg);
  padding:clamp(var(--space-6),3vw,var(--space-8));box-shadow:var(--shadow-lg);}
.biopanel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(58,122,140,.4),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;}
.biopanel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--c-line);}
.biopanel__title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--c-navy-ink);font-weight:600;}
.biopanel__live{display:inline-flex;align-items:center;gap:.5em;font-size:var(--text-xs);
  letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);font-weight:var(--weight-semibold);}
.biopanel__live .pulse{width:.55em;height:.55em;border-radius:50%;background:var(--c-teal);
  animation:pulseRing 2.4s var(--ease) infinite;}
.biopanel__rows{display:grid;gap:var(--space-5);}
.biorow{display:grid;grid-template-columns:84px 1fr auto;gap:var(--space-4);align-items:center;}
.biorow__name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--c-navy);}
.biorow__track{position:relative;height:7px;border-radius:var(--r-pill);
  background:linear-gradient(90deg,var(--c-optimal) 0%,#9bbf3a 38%,var(--c-warning) 70%,var(--c-concern) 100%);
  opacity:.85;}
.biorow__dot{position:absolute;top:50%;left:10%;width:15px;height:15px;border-radius:50%;background:var(--c-white);
  border:3px solid var(--c-muted);transform:translate(-50%,-50%);box-shadow:var(--shadow-sm);
  transition:left var(--dur-slower) var(--ease-out);}
.biopanel.is-in .biorow__dot{left:var(--pos,50%);}
.biorow__dot[data-zone="optimal"]{border-color:var(--c-optimal);}
.biorow__dot[data-zone="warning"]{border-color:var(--c-warning);}
.biorow__dot[data-zone="concern"]{border-color:var(--c-concern);}
.biorow__status{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-align:right;min-width:64px;}
.biorow__status[data-zone="optimal"]{color:var(--c-optimal);}
.biorow__status[data-zone="warning"]{color:var(--c-warning);}
.biorow__status[data-zone="concern"]{color:var(--c-concern);}
.biopanel__foot{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--c-line);
  font-size:var(--text-xs);color:var(--c-muted);line-height:var(--lh-normal);}

@media (min-width:920px){
  .problem__grid{grid-template-columns:1fr .92fr;gap:var(--space-20);}
  .problem__close{grid-column:1 / -1;}
}

/* ==========================================================================
   SECTION 4 — THE AUDIT (the qualifying moment) · the page's hinge
   ========================================================================== */
.audit{position:relative;overflow:clip;background:var(--c-teal-mist);
  border-block:1px solid var(--c-line);}
.audit::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(900px 480px at 50% -10%,rgba(58,122,140,.14),transparent 60%);}
.audit>.container{position:relative;z-index:1;}
.audit__scarcity{display:inline-flex;align-items:center;gap:.6em;margin-bottom:var(--space-5);
  padding:.5em 1.1em;border-radius:var(--r-pill);background:var(--c-gold-soft);color:var(--c-gold);
  font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:inset 0 0 0 1px rgba(185,138,62,.25);}
.audit__scarcity .pulse{width:.55em;height:.55em;border-radius:50%;background:var(--c-gold);
  animation:pulseRing 2.6s var(--ease) infinite;}

.audit__steps{display:grid;gap:var(--space-5);margin-top:clamp(var(--space-10),5vw,var(--space-12));
  counter-reset:step;}
.audit-step{position:relative;background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-lg);
  padding:var(--space-8) var(--space-6) var(--space-6);box-shadow:var(--shadow-sm);
  transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);}
.audit-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.audit-step__num{counter-increment:step;display:inline-grid;place-items:center;width:44px;height:44px;
  margin-bottom:var(--space-4);border-radius:var(--r-md);background:var(--grad-teal);color:var(--c-white);
  font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;box-shadow:var(--shadow-cta);}
.audit-step__num::after{content:counter(step,decimal-leading-zero);}
.audit-step h3{font-size:var(--text-xl);margin-bottom:var(--space-2);}
.audit-step p{color:var(--c-muted);line-height:var(--lh-normal);}

.audit__reversal{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:center;
  max-width:760px;margin:clamp(var(--space-10),5vw,var(--space-12)) auto 0;
  background:var(--c-white);border:1px solid var(--c-line);border-left:3px solid var(--c-teal);
  border-radius:0 var(--r-lg) var(--r-lg) 0;padding:var(--space-6) var(--space-8);box-shadow:var(--shadow-sm);}
.audit__reversal .reversal__icon{flex:none;display:grid;place-items:center;width:48px;height:48px;
  border-radius:50%;background:var(--c-teal-soft);color:var(--c-teal);}
.audit__reversal .reversal__icon svg{width:26px;height:26px;}
.audit__reversal p{color:var(--c-ink);line-height:var(--lh-normal);}
.audit__reversal strong{color:var(--c-navy-ink);}
.audit__cta{text-align:center;margin-top:clamp(var(--space-10),5vw,var(--space-12));}

@media (min-width:760px){.audit__steps{grid-template-columns:repeat(3,1fr);}}

/* ==========================================================================
   SECTION 5 — MEET DR. JOEL (founder / authority) · most premium block
   ========================================================================== */
.founder{position:relative;overflow:clip;
  background:linear-gradient(180deg,var(--c-bg) 0%,var(--c-surface) 100%);}
.founder__grid{display:grid;gap:clamp(var(--space-12),7vw,var(--space-20));align-items:center;}

.founder__media{position:relative;justify-self:center;width:100%;max-width:440px;}
.founder__portrait{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-xl);
  background:var(--c-surface-2);aspect-ratio:718/785;z-index:1;}
.founder__portrait img{width:100%;height:100%;object-fit:cover;object-position:55% 30%;}
.founder__media::before{content:"";position:absolute;inset:auto auto -18px -18px;width:58%;height:58%;
  border:2px solid rgba(185,138,62,.55);border-radius:var(--r-xl);z-index:0;}
.founder__media::after{content:"";position:absolute;inset:-18px -18px auto auto;width:50%;height:50%;
  border-radius:var(--r-xl);background:var(--grad-teal);opacity:.12;z-index:0;}
/* floating MD medallion */
.founder__seal{position:absolute;right:-14px;bottom:24px;z-index:2;display:grid;place-items:center;
  width:96px;height:96px;border-radius:50%;background:var(--c-white);box-shadow:var(--shadow-lg);
  text-align:center;border:1.5px solid var(--c-gold);animation:floatY 7s var(--ease) infinite;}
.founder__seal b{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--c-navy-ink);line-height:1;}
.founder__seal span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--c-gold);font-weight:var(--weight-semibold);margin-top:.3em;}
@media (max-width:480px){.founder__seal{width:78px;height:78px;right:-6px;}}

.founder__creds{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:var(--space-5) var(--space-6);}
.founder__bio p{color:var(--c-ink);line-height:var(--lh-relaxed);}
.founder__bio p + p{margin-top:var(--space-4);}
.founder__bio strong{color:var(--c-navy-ink);font-weight:var(--weight-semibold);}

.founder__quote{position:relative;margin-top:var(--space-8);padding:var(--space-5) 0 var(--space-2) var(--space-10);}
.founder__quote::before{content:"\201C";position:absolute;left:-6px;top:-6px;font-family:var(--font-heading);
  font-size:5rem;line-height:1;color:var(--c-gold);opacity:.5;}
.founder__quote blockquote{font-family:var(--font-heading);font-style:italic;font-size:var(--text-2xl);
  line-height:var(--lh-snug);color:var(--c-navy-ink);}
.founder__quote cite{display:block;margin-top:var(--space-4);font-style:normal;font-family:var(--font-body);
  font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--c-teal);letter-spacing:.02em;}

@media (min-width:900px){
  .founder__grid{grid-template-columns:.82fr 1.18fr;}
  .founder__media{justify-self:start;}
}

/* ==========================================================================
   SECTION 6 — THE HEALTHSPAN BY DESIGN METHOD (4-step flow)
   ========================================================================== */
.method{background:var(--c-bg);}
.method__flow{position:relative;display:grid;gap:var(--space-8);
  margin-top:clamp(var(--space-10),5vw,var(--space-12));counter-reset:m;}
.method-step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:start;}
.method-step__num{counter-increment:m;position:relative;z-index:1;flex:none;width:52px;height:52px;
  border-radius:50%;display:grid;place-items:center;background:var(--c-white);border:2px solid var(--c-teal);
  color:var(--c-navy-ink);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;
  box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-spring),background var(--dur) var(--ease),color var(--dur) var(--ease);}
.method-step__num::after{content:counter(m);}
.method-step:hover .method-step__num{background:var(--grad-teal);color:var(--c-white);transform:scale(1.06);}
/* vertical connector (mobile) */
.method-step:not(:last-child)::before{content:"";position:absolute;left:25px;top:54px;
  bottom:calc(-1 * var(--space-8));width:2px;z-index:0;
  background:linear-gradient(180deg,var(--c-teal),rgba(58,122,140,.12));}
.method-step__label{display:block;font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);
  text-transform:uppercase;color:var(--c-teal);font-weight:var(--weight-bold);margin-bottom:var(--space-1);}
.method-step__outcome{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--c-navy-ink);
  line-height:var(--lh-snug);margin-bottom:var(--space-2);}
.method-step__detail{color:var(--c-muted);font-size:var(--text-base);line-height:var(--lh-normal);}

@media (min-width:880px){
  .method__flow{grid-template-columns:repeat(4,1fr);gap:var(--space-6);}
  .method__flow::before{content:"";position:absolute;top:26px;left:12.5%;right:12.5%;height:2px;z-index:0;
    background:linear-gradient(90deg,rgba(58,122,140,.12),var(--c-teal) 18%,var(--c-teal) 82%,rgba(58,122,140,.12));}
  .method-step{grid-template-columns:1fr;justify-items:center;text-align:center;gap:var(--space-3);}
  .method-step:not(:last-child)::before{display:none;}
  .method-step__num{margin-bottom:var(--space-3);}
}

/* ==========================================================================
   SECTION 7 — INSIDE THE PREMIER WELLNESS ASSESSMENT (deliverables)
   ========================================================================== */
.assessment{background:var(--c-surface);}
.assessment__card{position:relative;max-width:1000px;margin-inline:auto;background:var(--c-white);
  border:1px solid var(--c-line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);
  padding:clamp(var(--space-6),4vw,var(--space-10));}
.assessment__card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(58,122,140,.45),transparent 42%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;}
.assessment__card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  flex-wrap:wrap;padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--c-line);}
.assessment__card-head h3{font-size:var(--text-2xl);}
.assessment__list{display:grid;gap:var(--space-5) var(--space-10);}
.assessment__addons{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px dashed var(--c-line-strong);}
.assessment__addons .label{display:block;font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);
  text-transform:uppercase;color:var(--c-muted);font-weight:var(--weight-bold);margin-bottom:var(--space-4);}
.assessment__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);}
.assessment__foot{text-align:center;margin-top:clamp(var(--space-8),4vw,var(--space-10));}
.assessment__reassure{max-width:58ch;margin:0 auto var(--space-6);color:var(--c-muted);line-height:var(--lh-relaxed);}
@media (min-width:760px){.assessment__list{grid-template-columns:1fr 1fr;}}

/* ==========================================================================
   SECTION 8 — RESULTS / THE MARKERS WE MOVE
   Layer A (live): domains we measure & move.  Layer B (gated): real outcomes.
   ========================================================================== */
.results{background:var(--c-bg);}
.results__grid{display:grid;gap:var(--space-6);grid-template-columns:1fr;
  margin-top:clamp(var(--space-10),5vw,var(--space-12));}
.domain-card{position:relative;background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-card);
  padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-sm);
  transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);}
.domain-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.domain-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-md);
  background:var(--c-teal-soft);color:var(--c-teal);margin-bottom:var(--space-4);
  box-shadow:inset 0 0 0 1px rgba(58,122,140,.16);}
.domain-card__icon svg{width:24px;height:24px;}
.domain-card h3{font-size:var(--text-lg);margin-bottom:var(--space-3);}
.domain-card__markers{display:flex;flex-wrap:wrap;gap:.4em;}
.marker-tag{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--c-navy);
  background:var(--c-surface);border-radius:var(--r-pill);padding:.3em .75em;}
.results__note{max-width:62ch;margin:clamp(var(--space-10),5vw,var(--space-12)) auto 0;text-align:center;
  font-size:var(--text-sm);color:var(--c-faint);line-height:var(--lh-normal);}
@media (min-width:620px){.results__grid{grid-template-columns:1fr 1fr;}}
@media (min-width:960px){.results__grid{grid-template-columns:repeat(3,1fr);}}

/* ==========================================================================
   SECTION 9 — TESTIMONIALS (real patient quotes, masonry)
   ========================================================================== */
.testimonials{position:relative;overflow:clip;background:linear-gradient(180deg,var(--c-surface) 0%,var(--c-bg) 100%);}
.testimonials::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(760px 420px at 88% 8%,var(--c-teal-soft),transparent 58%),
    radial-gradient(620px 380px at 6% 96%,var(--c-gold-soft),transparent 55%);opacity:.7;}
.testimonials>.container{position:relative;z-index:1;}
.testimonials__grid{columns:1;column-gap:var(--space-6);margin-top:clamp(var(--space-10),5vw,var(--space-12));}
.tcard{position:relative;break-inside:avoid;width:100%;background:var(--c-white);border:1px solid var(--c-line);
  border-radius:var(--r-lg);padding:var(--space-8) var(--space-6) var(--space-6);
  box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);overflow:hidden;
  transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease);}
/* teal accent bar wipes in on hover */
.tcard::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad-teal);
  transform:scaleX(0);transform-origin:left;transition:transform var(--dur-slow) var(--ease-out);}
.tcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(58,122,140,.32);}
.tcard:hover::after{transform:scaleX(1);}
/* serif quote with a floating gold quotation mark */
.tcard__quote{font-family:var(--font-heading);font-optical-sizing:auto;font-weight:450;
  font-size:var(--text-lg);color:var(--c-navy-ink);line-height:var(--lh-relaxed);margin-bottom:var(--space-6);
  text-wrap:pretty;}
.tcard__quote::before{content:"\201C";display:block;font-family:var(--font-heading);font-size:3.4rem;
  line-height:.5;margin-bottom:.14em;color:transparent;background:var(--grad-gold);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.tcard__person{display:flex;align-items:center;gap:var(--space-4);
  padding-top:var(--space-5);border-top:1px solid var(--c-line);}
.tavatar{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);color:var(--c-white);background:var(--grad-teal);
  box-shadow:0 0 0 4px rgba(58,122,140,.1);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease-spring);}
.tcard:hover .tavatar{transform:scale(1.06);box-shadow:0 0 0 6px rgba(58,122,140,.16);}
.tavatar--gold{background:var(--grad-gold);box-shadow:0 0 0 4px rgba(185,138,62,.12);}
.tcard:hover .tavatar--gold{box-shadow:0 0 0 6px rgba(185,138,62,.18);}
.tavatar--navy{background:var(--grad-navy);box-shadow:0 0 0 4px rgba(30,77,92,.1);}
.tcard__name{display:block;font-weight:var(--weight-semibold);color:var(--c-navy-ink);font-size:var(--text-sm);line-height:1.25;}
.tcard__loc{display:block;font-size:var(--text-xs);color:var(--c-muted);}
.tcard__verified{display:inline-flex;align-items:center;gap:.3em;margin-top:.15em;
  font-size:var(--text-xs);color:var(--c-teal);font-weight:var(--weight-medium);}
.tcard__verified svg{width:.85em;height:.85em;}
@media (min-width:620px){.testimonials__grid{columns:2;}}
@media (min-width:980px){.testimonials__grid{columns:3;}}

/* ==========================================================================
   SECTION 10 — WHERE THIS LEADS (membership pathway, subordinate)
   ========================================================================== */
.pathway{background:var(--c-bg);}
.pathway__tiers{display:grid;gap:var(--space-5);grid-template-columns:1fr;
  margin-top:clamp(var(--space-10),5vw,var(--space-12));}
.tier{position:relative;background:var(--c-surface);border:1px solid var(--c-line);
  border-radius:var(--r-lg);padding:var(--space-8) var(--space-6) var(--space-6);}
.tier--start{background:var(--c-white);border-color:rgba(58,122,140,.4);box-shadow:var(--shadow-md);}
.tier__badge{position:absolute;top:-12px;left:var(--space-6);display:inline-flex;align-items:center;gap:.4em;
  padding:.35em .9em;border-radius:var(--r-pill);background:var(--grad-teal);color:var(--c-white);
  font-size:var(--text-xs);font-weight:var(--weight-semibold);box-shadow:var(--shadow-cta);}
.tier__level{display:flex;gap:5px;margin-bottom:var(--space-4);}
.tier__level span{width:24px;height:4px;border-radius:2px;background:var(--c-line-strong);}
.tier__level span.on{background:var(--c-teal);}
.tier h3{font-size:var(--text-xl);margin-bottom:var(--space-2);}
.tier p{color:var(--c-muted);line-height:var(--lh-normal);}
.pathway__note{max-width:62ch;margin:clamp(var(--space-10),5vw,var(--space-12)) auto 0;text-align:center;
  font-size:var(--text-lg);color:var(--c-ink);line-height:var(--lh-relaxed);}
@media (min-width:820px){.pathway__tiers{grid-template-columns:repeat(3,1fr);align-items:start;}}

/* ==========================================================================
   SECTION 11 — SECOND CTA (dark high-contrast band)
   ========================================================================== */
.cta-band{position:relative;overflow:clip;}
.cta-band::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(680px 360px at 50% -20%,rgba(78,157,176,.35),transparent 65%);}
.cta-band::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px);background-size:30px 30px;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);
  mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);}
.cta-band>.container{position:relative;z-index:1;text-align:center;}
.cta-band h2{font-size:var(--text-5xl);margin-block:var(--space-4) var(--space-5);}
.cta-band .lede{margin-inline:auto;}
.cta-band__actions{margin-top:clamp(var(--space-8),4vw,var(--space-10));}

/* ==========================================================================
   SECTION 12 — FAQ
   ========================================================================== */
.faq{background:var(--c-surface);}
.faq .accordion{max-width:820px;margin-inline:auto;margin-top:clamp(var(--space-8),4vw,var(--space-10));}

/* ==========================================================================
   SECTION 13 — APPLY (capture form)
   ========================================================================== */
.apply{position:relative;overflow:clip;background:linear-gradient(180deg,var(--c-bg) 0%,var(--c-teal-mist) 100%);}
.apply::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(720px 420px at 85% 0%,rgba(58,122,140,.12),transparent 60%);}
.apply__grid{position:relative;z-index:1;display:grid;gap:clamp(var(--space-10),5vw,var(--space-16));align-items:center;}
.apply__copy h2{margin-bottom:var(--space-5);}
.apply__trust{display:grid;gap:var(--space-4);margin-top:var(--space-8);}
.apply__trust li{display:grid;grid-template-columns:auto 1fr;gap:.7em;align-items:start;
  color:var(--c-ink);font-size:var(--text-sm);line-height:var(--lh-normal);}
.apply__trust .ic{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;
  background:var(--c-teal-soft);color:var(--c-teal);}
.apply__trust .ic svg{width:15px;height:15px;}
.apply__form .form-grid{display:grid;gap:0;}
.apply__form .row-2{display:grid;gap:0 var(--space-4);}
.form-status{display:none;border-radius:var(--r-md);padding:var(--space-4) var(--space-5);
  margin-bottom:var(--space-5);font-size:var(--text-sm);line-height:var(--lh-normal);}
.form-status.is-shown{display:block;}
.form-status--ok{background:rgba(34,139,34,.1);color:#176b17;box-shadow:inset 0 0 0 1px rgba(34,139,34,.25);}
.form-status--err{background:rgba(220,20,60,.08);color:#b01030;box-shadow:inset 0 0 0 1px rgba(220,20,60,.25);}
.apply__microcopy{margin-top:var(--space-5);font-size:var(--text-xs);color:var(--c-muted);line-height:var(--lh-normal);text-align:center;}
.apply__form .btn[aria-busy="true"]{opacity:.75;pointer-events:none;}
/* intl-tel-input: match field styling */
.iti{width:100%;}
.iti__tel-input,.apply__form input[type="tel"]{width:100%;}
@media (min-width:760px){
  .apply__form .row-2{grid-template-columns:1fr 1fr;}
}
@media (min-width:940px){
  .apply__grid{grid-template-columns:1fr 1.05fr;}
}

/* Layer B — real client outcomes (styles ready; markup gated until sign-off) */
.outcomes{display:grid;gap:var(--space-6);grid-template-columns:1fr;margin-top:var(--space-10);}
.outcome-card{background:var(--grad-navy);color:var(--c-on-dark);border-radius:var(--r-lg);
  padding:clamp(var(--space-6),3vw,var(--space-8));box-shadow:var(--shadow-lg);}
.outcome-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--c-line-light);}
.outcome-card__head b{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--c-white);}
.outcome-card__head span{font-size:var(--text-xs);color:var(--c-on-dark-muted);}
.outcome-stats{display:grid;gap:var(--space-4);}
.outcome-stat{display:grid;gap:.2em;}
.outcome-stat .lbl{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--c-on-dark-muted);}
.outcome-stat .move{font-family:var(--font-heading);font-size:var(--text-xl);}
.outcome-stat .move .from{color:var(--c-on-dark-muted);text-decoration:line-through;text-decoration-thickness:1px;}
.outcome-stat .move .arrow{color:var(--c-teal-bright);margin:0 .35em;}
.outcome-stat .move .to{color:var(--c-white);font-weight:600;}
.outcome-card__story{margin-top:var(--space-5);color:var(--c-on-dark-muted);font-size:var(--text-sm);line-height:var(--lh-relaxed);}
@media (min-width:760px){.outcomes{grid-template-columns:1fr 1fr;}}

/* ==========================================================================
   PREMIUM POLISH PASS — richer motion + unified card depth
   ========================================================================== */
/* hero auroras drift gently (decorative; disabled under reduced motion) */
@media (prefers-reduced-motion:no-preference){
  .hero__bg::before{animation:floatY 9s ease-in-out infinite;}
  .hero__bg::after{animation:floatY 12s ease-in-out infinite reverse;}
  .hero__float{animation:floatY 6s var(--ease) infinite;}
}
/* unified premium hover: lift + teal border on the page's cards */
.domain-card:hover,.audit-step:hover{border-color:rgba(58,122,140,.32);}
.tier{transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease);}
.tier:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(58,122,140,.28);}
.tier--start:hover{box-shadow:var(--shadow-lg);}
/* reframe icon + assessment card subtle hover sheen */
.assessment__card{transition:box-shadow var(--dur) var(--ease);}
.assessment__card:hover{box-shadow:var(--shadow-xl);}
/* eyebrow lines get a soft gold tip for richness */
.section-head--center .eyebrow::before,.section-head--center .eyebrow::after{
  background:linear-gradient(90deg,transparent,currentColor);}
/* CTA band: slow ambient drift on the glow */
@media (prefers-reduced-motion:no-preference){
  .cta-band::before{animation:floatY 10s ease-in-out infinite;}
}

/* ==========================================================================
   APPLY — section CTA card + capture modal (native <dialog>)
   ========================================================================== */
.field__opt{color:var(--c-faint);font-weight:400;}
.apply__cta-card{display:flex;flex-direction:column;gap:var(--space-3);text-align:left;justify-content:center;}
.apply__cta-head{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--c-navy-ink);line-height:var(--lh-snug);}
.apply__cta-sub{color:var(--c-muted);line-height:var(--lh-normal);margin-bottom:var(--space-2);}

.apply-modal{border:0;padding:0;background:transparent;color:inherit;max-width:100vw;max-height:100dvh;}
.apply-modal[open]{display:grid;place-items:center;position:fixed;inset:0;width:100%;height:100%;margin:0;z-index:var(--z-modal);}
.apply-modal::backdrop{background:rgba(14,42,51,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.apply-modal__card{position:relative;width:min(92vw,520px);max-height:92dvh;overflow-y:auto;
  background:var(--c-white);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);
  padding:clamp(var(--space-6),5vw,var(--space-10));}
.apply-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);width:44px;height:44px;flex:none;
  display:grid;place-items:center;border-radius:var(--r-pill);color:var(--c-muted);background:transparent;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);}
.apply-modal__close:hover{background:var(--c-surface);color:var(--c-navy-ink);}
.apply-modal__close:focus-visible{outline:none;box-shadow:var(--ring);}
.apply-modal__close svg{width:22px;height:22px;}
.apply-modal__title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--c-navy-ink);
  line-height:var(--lh-snug);margin:var(--space-2) 0 var(--space-2);max-width:20ch;}
.apply-modal__sub{color:var(--c-muted);line-height:var(--lh-normal);margin-bottom:var(--space-5);}
@media (prefers-reduced-motion:no-preference){
  .apply-modal[open] .apply-modal__card{animation:applyModalIn var(--dur) var(--ease-out);}
  .apply-modal[open]::backdrop{animation:applyBackdropIn var(--dur) var(--ease);}
}
@keyframes applyModalIn{from{opacity:0;transform:translateY(14px) scale(.985);}to{opacity:1;transform:none;}}
@keyframes applyBackdropIn{from{opacity:0;}to{opacity:1;}}