/* Career Reset — Public Experience Refinement v1 (10 September 2026)

   Loaded last, after premium-editorial-v2.css. Presentation only: the story,
   section order, evidence boundary, privacy wording, no-fee rationale, sign-in
   and access flow are unchanged in index.html.

   What this layer does, from the Product Experience Audit:
   1. Restores a predominantly warm-white / ivory editorial page. Dark plum is
      kept for three deliberate anchors only: the opening, the Observe/Reflect/
      Act method band and the no-fee trust card at the decision point.
   2. Tightens vertical rhythm, heading scale and card chrome so the same story
      reads in far fewer screens at 390 / 768 / 1024 / 1440.
   3. Styles the populated, clearly fictional Career Reset Map and the hero
      "at a glance" facts that answer what / who / what you leave with.
   4. Gives the existing back-to-top control real styling (it previously
      rendered as an unstyled button below the footer). */

:root{
  --muted:#675d66;         /* AA on ivory and cream fields */
  --gold:#7b5c2c;          /* antique gold that stays AA as small text on ivory, cream and sage */
  --ink-muted:#675d66;
  --field-white:#fffdfa;
  --field-ivory:#faf6ef;
  --field-cream:#f3ebe0;
  --card-line:#e4d9cb;
  --gutter:max(24px,calc((100vw - 1320px)/2));
}

/* ---------- Shared rhythm ---------- */
.section{padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(64px,7vw,104px)}
.section-label{margin-bottom:16px}
.audience-grid h2,.map-copy h2,.preview-intro h2,.journey-heading h2,.care-heading h2,
.evidence-section h2,#creator h2,.faq-section h2,.free-section h2,.access-heading h2{
  font-size:clamp(2.1rem,3.9vw,3.7rem);line-height:1.02}

/* ---------- Opening (dark anchor 1) ---------- */
.hero{min-height:0;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center}
.hero-copy{padding:clamp(56px,6vw,96px) clamp(8px,2vw,24px) clamp(48px,5vw,80px)}
.hero .eyebrow{margin-bottom:20px}
.hero h1{font-size:clamp(3rem,5.6vw,5.6rem)}
.hero .lede{margin:22px 0 0;font-size:clamp(1.02rem,1.3vw,1.2rem);max-width:640px}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;margin:28px 0 0;max-width:720px}
.hero-facts>div{border-top:1px solid rgba(214,183,123,.4);padding-top:12px}
.hero-facts dt{font:700 .66rem/1.3 Inter,ui-sans-serif,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:6px}
.hero-facts dd{margin:0;color:#eadfe7;font-size:.92rem;line-height:1.5}
.hero .actions{margin-top:28px}
.hero .trust-line{margin-top:24px}
.creator-signal{margin-top:14px}

.hero-map{position:relative;margin:48px 0;align-self:center;justify-self:center;width:100%;max-width:540px}
.hero-map-sheet{background:var(--field-white);color:var(--ink);border:1px solid rgba(214,183,123,.45);border-radius:22px;padding:24px 26px 20px;box-shadow:0 34px 90px rgba(8,4,7,.42);transform:rotate(-1deg)}
.hm-top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}
.hm-top span{font-family:Georgia,"Times New Roman",serif;letter-spacing:.12em;font-weight:700;font-size:.8rem;color:var(--plum-deep)}
.hm-top small,.sheet-top .example-flag{background:#f3e6d3;color:#5f4520;border-radius:999px;padding:4px 10px;font:700 .6rem/1.3 Inter,ui-sans-serif,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.hm-tabs{display:flex;gap:6px;margin:14px 0 6px}
.hm-tabs i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid #dcc9a8;font:600 .78rem/1 Georgia,serif;color:var(--gold)}
.hm-tabs i.on{background:var(--plum);border-color:var(--plum);color:#fff8ef}
.hm-block{border-top:1px dashed #e2d8cd;padding:12px 0 4px;margin-top:8px}
.hm-block b{display:block;font:700 .62rem/1.3 Inter,ui-sans-serif,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.hm-block p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1rem;line-height:1.4;color:var(--ink)}
.hm-block ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hm-block li{display:flex;align-items:center;gap:9px;font-size:.9rem;color:var(--ink-soft)}
.hm-block li em{font-style:normal;width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;background:#efe6da;color:var(--plum);font:700 .7rem/1 Inter,sans-serif}
.hm-plan p{font-family:Inter,ui-sans-serif,sans-serif;font-size:.88rem;color:var(--ink-soft);display:flex;gap:9px;align-items:baseline;margin-top:4px}
.hm-plan p span{flex:none;font:700 .66rem/1 Inter,sans-serif;background:#e1ebe5;color:#2f4a43;border-radius:999px;padding:4px 7px}
.hero-map-caption{margin:18px 6px 0;text-align:right;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.05rem;color:#f6ebdf}

/* ---------- Tension: a quiet light bridge, not a second dark scene ---------- */
.statement-section.story-tension{background:var(--field-cream);color:var(--ink);padding:clamp(44px,5vw,72px) var(--gutter)}
.story-tension .statement-mark{color:var(--gold);font-size:3.4rem}
.story-tension .section-label{color:var(--teal)}
.story-tension p{color:var(--plum-deep);font-size:clamp(1.45rem,2.7vw,2.45rem);max-width:1080px}
.story-tension p strong{color:var(--plum);font-weight:500}

/* ---------- Fit ---------- */
.audience-section{background:var(--field-white)}
.audience-grid{gap:14px}
.audience-grid article{padding:clamp(22px,2.4vw,32px);box-shadow:0 12px 36px rgba(61,43,53,.05)}
.audience-grid .audience-primary{background:linear-gradient(145deg,#fffdfa,#f1e6da)!important;border-color:#ded2c4!important;color:var(--ink)}
.audience-primary h2{color:var(--plum-deep);font-size:clamp(1.8rem,3vw,2.9rem)}
.audience-primary p{color:var(--ink-soft);margin-bottom:0}
.audience-grid h3{margin-bottom:10px;font-size:1.3rem}
.audience-grid li{margin:6px 0;font-size:.95rem}

/* ---------- What you leave with: a populated, clearly fictional Map ---------- */
.map-preview-section{background:linear-gradient(180deg,#f6efe4,#efe6da);color:var(--ink);padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(64px,7vw,104px)}
.map-preview-shell{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,5vw,72px);align-items:start}
.map-copy .section-label{color:var(--gold)}
.map-copy h2{color:var(--plum-deep)}
.map-copy>p{color:var(--ink-soft);max-width:460px}
.map-sheet.map-example{margin:0;max-width:760px;transform:none;padding:clamp(20px,2.8vw,34px);background:var(--field-white);border:1px solid var(--card-line);border-radius:26px!important;box-shadow:0 30px 70px rgba(61,43,53,.14)!important}
.map-sheet.map-example:hover{transform:none}
.map-example .sheet-top{align-items:center;margin-bottom:12px}
.map-example .sheet-top span{color:var(--plum-deep)}
.sheet-persona{margin:0 0 14px;color:var(--ink-muted);font-size:.84rem;font-style:italic}
.sheet-stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sheet-stages li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;border:1px solid var(--card-line);border-radius:14px;padding:14px 14px 12px;background:#fffefb}
.sheet-stages li:first-child,.sheet-stages li.sheet-compass{grid-column:1/-1}
.sheet-stages li.sheet-compass{background:#f7f1e7;border-color:#dcc9a8}
.sheet-stages b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid #dcc9a8;font:600 .8rem/1 Georgia,serif;color:var(--gold)}
.sheet-stages strong{display:block;font:700 .64rem/1.3 Inter,ui-sans-serif,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--plum);margin:4px 0 5px}
.sheet-stages p{margin:0;font-size:.86rem;line-height:1.5;color:var(--ink-soft)}
.sheet-stages p+p{margin-top:8px}
.sheet-hypotheses span{display:inline-block;margin:6px 6px 0 0;padding:4px 10px;border-radius:999px;background:var(--field-white);border:1px solid #dcc9a8;font-size:.8rem;color:var(--plum-deep)}
.sheet-stages .tag{display:inline-block;font:700 .58rem/1.4 Inter,ui-sans-serif,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#efe6da;color:var(--plum);white-space:nowrap}
.sheet-stages .tag.done{background:#e1ebe5;color:#2f4a43}
.sheet-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.sheet-list li{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:8px;align-items:baseline;border:0;border-radius:0;padding:0;background:none;font-size:.86rem;line-height:1.45;color:var(--ink-soft)}
.sheet-list .tag,.sheet-list .tag:first-child{margin:0;justify-self:start}
.map-example figcaption{margin-top:14px;font-size:.76rem;color:var(--ink-muted)}

/* ---------- Demonstration ---------- */
.product-preview-section{background:var(--field-white)}
.preview-intro{margin-bottom:28px}
.preview-intro p,.preview-note{color:var(--ink-muted)}
.preview-card{min-height:0;padding:clamp(20px,2.4vw,30px)}
.preview-card span{padding-bottom:18px;color:var(--gold)}
.preview-card.output span{color:var(--gold-bright)}
.preview-card h3{font-size:1.4rem}
.preview-flow{gap:12px}
.preview-note{margin-top:18px}

/* ---------- Journey: six compact stage cards instead of six full-width rows ---------- */
.journey-section{background:var(--field-ivory)}
.journey-heading{margin-bottom:28px;gap:32px}
.journey-heading>p{color:var(--ink-muted)}
.journey-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-top:0}
.journey-list article,.journey-list article:hover{grid-template-columns:40px minmax(0,1fr);padding:22px 20px;border:1px solid var(--card-line);border-radius:18px;background:var(--field-white)}
.journey-list article:hover{background:#fbf6ee}
.stage-index{padding-top:4px}
.journey-list h3{font-size:clamp(1.3rem,1.8vw,1.6rem)}
.journey-list p{font-size:.92rem;line-height:1.55;color:var(--ink-muted);margin:8px 0}

/* ---------- Method (dark anchor 2): one compact band ---------- */
.philosophy{padding-top:clamp(64px,7vw,100px);padding-bottom:clamp(64px,7vw,100px)}
.philosophy-grid{gap:clamp(28px,5vw,72px);align-items:start}
.philosophy-lead{position:static}
.philosophy-lead h2{font-size:clamp(2.8rem,4.6vw,4.6rem)}
.principle-stack h3{font-size:clamp(1.25rem,1.7vw,1.55rem);margin:10px 0 8px}
.principle-stack p{font-size:.92rem;margin:0}

/* ---------- Care ---------- */
.care-section{background:var(--field-cream)}
.care-heading{margin-bottom:28px;gap:40px}
.care-grid{gap:12px}
.care-grid article{padding:22px}
.care-grid h3{font-size:1.25rem}
.care-grid p{color:var(--ink-muted)}

/* ---------- Evidence: serious and precise on a light field ---------- */
.evidence-section{background:var(--field-ivory);color:var(--ink)}
.evidence-section .section-label{color:var(--teal)}
.evidence-section h2,.evidence-section h3{color:var(--plum-deep)}
.evidence-section .lede{color:var(--ink-soft)}
.evidence-head{margin-bottom:0}
.evidence-note{background:var(--field-white);border:1px solid var(--card-line);color:var(--ink)}
.evidence-note strong{color:var(--plum)}
.evidence-note p{color:var(--ink-soft)}
#evidence .proof-band{border-color:var(--card-line);background:var(--field-white);margin:28px 0 20px}
#evidence .proof-item{border-color:#ebe2d6}
#evidence .proof-item strong{color:var(--plum)}
#evidence .proof-item span{color:var(--ink-muted)}
.evidence-design-note{background:var(--field-cream);border-left-color:var(--gold);color:var(--ink-soft);margin-top:0}
.evidence-design-note strong{color:var(--plum)}
.pilot-lessons{margin-top:22px;border-top:1px solid var(--card-line);border-bottom:1px solid var(--card-line)}
.pilot-lessons summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 2px;font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;color:var(--plum-deep)}
.pilot-lessons summary::-webkit-details-marker{display:none}
.pilot-lessons summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;border:1px solid #dcc9a8;display:grid;place-items:center;font:500 1.1rem/1 Inter,sans-serif;color:var(--plum)}
.pilot-lessons[open] summary::after{transform:rotate(45deg)}
.pilot-lessons summary:hover{color:var(--plum)}
.pilot-lessons summary:focus-visible{outline:3px solid rgba(71,109,107,.35);outline-offset:3px;border-radius:6px}
.learning-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:0 0 8px}
.learning-grid article,.learning-grid article:hover{background:none;border:0;border-top:1px solid var(--card-line);border-radius:0;padding:14px 0 16px;min-height:0;box-shadow:none;transform:none}
.learning-grid span{color:var(--gold)}
.learning-grid h3{font-size:1.14rem;margin:8px 0 6px}
.learning-grid p{color:var(--ink-muted);font-size:.87rem}

/* ---------- Creator ---------- */
#creator{background:var(--field-white)}
#creator .large-prose{padding:clamp(24px,3vw,40px)}

/* ---------- Questions ---------- */
.faq-section{background:var(--field-ivory)}
.faq-section h2{margin-bottom:26px}
.faq-grid{gap:12px}
.faq-item{padding:22px}
.faq-item h3{font-size:1.25rem}
.faq-item p{color:var(--ink-muted)}

/* ---------- Decision chapter: no-fee trust card (dark anchor 3) + access ---------- */
.free-section{background:var(--field-cream);color:var(--ink);padding:clamp(64px,7vw,96px) var(--gutter) 28px}
.free-card{background:linear-gradient(135deg,var(--night) 0%,var(--night-3) 70%,#2b413f 130%);border-color:transparent;padding:clamp(26px,4vw,44px);gap:clamp(24px,4vw,56px);box-shadow:0 24px 60px rgba(33,21,31,.18)}
.free-card .section-label.light{color:var(--gold-bright)}
.access-section{background:var(--field-cream);color:var(--ink);padding:36px var(--gutter) clamp(72px,8vw,110px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(28px,4vw,56px);align-items:start}
.access-section>form{grid-column:1/-1}
.access-heading .section-label{color:var(--teal)}
.access-heading h2{color:var(--plum-deep)}
.access-heading>p{color:var(--ink-soft)}
.access-heading strong{color:var(--ink)}
.returning-access .text-link{color:var(--plum)}
.what-next{margin:6px 0 0;background:var(--field-white);border:1px solid var(--card-line)}
.what-next h3{color:var(--plum-deep)}
.what-next ol{color:var(--ink-soft)}
.what-next .small{color:var(--ink-muted)}
#access form{background:var(--field-white);border:1px solid var(--card-line);box-shadow:0 24px 60px rgba(61,43,53,.12);margin-top:28px}

/* ---------- Back-to-top (created by config.js) ---------- */
.back-to-top{position:fixed;right:18px;bottom:18px;z-index:30;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(214,183,123,.6);background:rgba(33,21,31,.92);color:#f5eee4;display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;box-shadow:0 10px 26px rgba(21,11,19,.22)}
.back-to-top.visible{opacity:1;visibility:visible;transform:none}
.back-to-top svg{width:20px;height:20px}
.back-to-top:focus-visible{outline:3px solid var(--gold-bright);outline-offset:2px}

/* ---------- Responsive ---------- */
@media(min-width:921px){
  .preview-flow{grid-template-columns:1fr 40px 1fr 40px 1fr}
  .philosophy-grid{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)}
  .principle-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px}
  .principle-stack article,.principle-stack article:first-child{display:block;padding:2px 0 4px 20px;border-top:0;border-left:1px solid rgba(255,255,255,.18)}
}
@media(max-width:1100px){
  .hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}
  .hero-copy{padding-top:44px;padding-bottom:44px}
  .hero .eyebrow{margin-bottom:14px}
  .hero h1{font-size:clamp(2.8rem,4.9vw,4.4rem)}
  .hero .lede{margin-top:16px}
  .hero-facts{margin-top:20px}
  .hero-facts dd{font-size:.88rem}
  .hero .actions{margin-top:22px}
  .hero-facts{grid-template-columns:1fr;gap:10px}
  .hero-facts>div{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:12px;padding-top:10px}
  .hero-facts dt{margin:2px 0 0}
  .hero-map-sheet{padding:20px 20px 16px}
  .journey-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .map-preview-shell{grid-template-columns:1fr;gap:28px}
  .map-copy>p{max-width:640px}
}
@media(min-width:481px) and (max-width:1040px){
  .header nav a[data-participant-signin]{display:inline}
}
@media(max-width:920px){
  .hero{grid-template-columns:1fr;padding-bottom:0}
  .hero-map{display:none}
  .hero-copy{padding-bottom:clamp(40px,7vw,64px)}
  .philosophy-grid{grid-template-columns:1fr}
  .principle-stack article{display:block;padding:16px 0;border-top:1px solid rgba(255,255,255,.16)}
  .principle-stack article:first-child{border-top:0;padding-top:0}
  .principle-stack h3{margin:8px 0 6px}
  .access-section{display:block}
  .what-next{margin:22px 0 0}
}
@media(max-width:760px){
  .section,.audience-section,.product-preview-section,.journey-section,.evidence-section,#creator,.faq-section,.map-preview-section,.philosophy,.care-section{padding-top:56px;padding-bottom:56px;padding-left:20px;padding-right:20px}
  .statement-section.story-tension{padding:40px 20px}
  .hero-copy{padding:44px 0 40px}
  .hero h1{font-size:clamp(2.6rem,11.5vw,3.6rem)}
  .hero .lede{font-size:1rem}
  .hero .actions{gap:12px;margin-top:24px}
  .hero .trust-line{margin-top:20px}
  .journey-list,.learning-grid{grid-template-columns:1fr}
  .journey-list article,.journey-list article:hover{padding:18px 16px}
  .learning-grid{gap:0}
  .free-section{padding:56px 20px 20px}
  .access-section{padding:28px 20px 72px}
}
@media(max-width:560px){
  #evidence .proof-band{grid-template-columns:1fr 1fr!important}
  #evidence .proof-item{padding:14px 12px}
  #evidence .proof-item strong{font-size:1.6rem}
  .hero-facts>div{display:block}
  .hero-facts dt{margin-bottom:4px}
  .sheet-stages{grid-template-columns:1fr}
  .map-example .sheet-top{flex-direction:column;align-items:flex-start;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .back-to-top{transition:none}
}

/* ========================================================================== 
   PUBLIC WEBSITE VISUAL DESIGN LANE — HERO + EDITORIAL HIERARCHY UPLIFT
   Approved 10 September 2026. Presentation-only delta; no copy, journey,
   privacy, evidence, consent, access logic or downstream content changes.
   ========================================================================== */

/* Header: keep the full-width dark bar, but bring identity/navigation into the
   same editorial frame as the page instead of pinning the brand to the edge. */
.header{
  padding-left:var(--gutter);
  padding-right:var(--gutter);
}

/* Section titles: a clearer editorial jump between label, title and body copy. */
.audience-grid h2,.map-copy h2,.preview-intro h2,.journey-heading h2,.care-heading h2,
.evidence-section h2,#creator h2,.faq-section h2,.free-section h2,.access-heading h2{
  font-size:clamp(2.65rem,4.8vw,4.65rem);
  line-height:.98;
  letter-spacing:-.045em;
}
.audience-primary h2{font-size:clamp(2.35rem,4vw,3.8rem)}
.preview-card h3,.journey-list h3,.care-grid h3,.faq-item h3,.learning-grid h3{
  line-height:1.08;
}
.preview-card h3{font-size:clamp(1.5rem,1.9vw,1.8rem)}
.journey-list h3{font-size:clamp(1.5rem,2vw,1.9rem)}
.care-grid h3,.faq-item h3{font-size:clamp(1.35rem,1.7vw,1.6rem)}
.philosophy-lead h2{font-size:clamp(3.15rem,5.2vw,5.2rem)}

/* Hero lower hierarchy: action, reassurance and attribution now read as three
   distinct rows instead of one compressed stack. */
.hero .actions{
  margin-top:34px;
  gap:18px 20px;
}
.hero .actions .text-link:last-child{
  opacity:.78;
  font-size:.84rem;
}
.hero .trust-line{
  margin-top:22px;
  padding:10px 12px;
  gap:4px 8px;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(244,233,221,.13);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}
.hero .trust-line span{
  border-left:0;
  padding:3px 8px;
  color:#d9cfd6;
}
.hero .trust-line span+span{
  border-left:1px solid rgba(214,183,123,.24);
}
.creator-signal{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(214,183,123,.16);
  color:#c9bdc5;
  font-size:.78rem;
  letter-spacing:.015em;
  max-width:720px;
}
.creator-signal strong{color:#f1e7ec}

/* Hero outcome scene: the existing approved fictional output content becomes a
   layered editorial composition rather than a single document-shaped sheet. */
.hero-map{
  min-height:500px;
  max-width:575px;
  margin:40px 0;
  perspective:1200px;
}
.hero-map-sheet{
  position:relative;
  min-height:455px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  transform:none;
}
.hm-top{
  position:absolute;
  z-index:6;
  top:12px;
  left:34px;
  right:34px;
  padding:0 0 10px;
  border-bottom:1px solid rgba(244,233,221,.22);
}
.hm-top span{color:#f8eee7;font-size:.75rem}
.hm-top small{background:rgba(243,230,211,.94)}
.hm-tabs{
  position:absolute;
  z-index:6;
  top:54px;
  left:34px;
  margin:0;
}
.hm-tabs i{
  background:rgba(255,253,250,.94);
  box-shadow:0 6px 18px rgba(8,4,7,.14);
}
.hero-map-sheet>.hm-block{
  position:absolute;
  margin:0;
  border:1px solid rgba(214,183,123,.42);
  border-radius:20px;
  padding:22px 24px 20px;
  background:rgba(255,253,250,.98);
  box-shadow:0 24px 58px rgba(8,4,7,.3);
  transform-origin:center;
  backdrop-filter:blur(8px);
}
.hero-map-sheet>.hm-block:nth-of-type(3){
  z-index:4;
  top:104px;
  left:0;
  width:88%;
  transform:rotate(-2deg);
  animation:heroOutcomeFloatA 8s ease-in-out infinite;
}
.hero-map-sheet>.hm-block:nth-of-type(4){
  z-index:3;
  top:224px;
  right:0;
  width:82%;
  transform:rotate(2deg);
  background:#f8f0e6;
  animation:heroOutcomeFloatB 9.5s ease-in-out infinite;
}
.hero-map-sheet>.hm-block:nth-of-type(5){
  z-index:5;
  top:345px;
  left:42px;
  width:76%;
  transform:rotate(-.6deg);
  background:#fffdfa;
  animation:heroOutcomeFloatC 10.5s ease-in-out infinite;
}
.hero-map-sheet>.hm-block b{
  margin-bottom:8px;
  font-size:.66rem;
}
.hero-map-sheet>.hm-block p{font-size:1.02rem}
.hero-map-sheet>.hm-block li{font-size:.88rem}
.hero-map-caption{
  position:absolute;
  right:10px;
  bottom:0;
  margin:0;
  max-width:350px;
  color:#f3e6dc;
}
@keyframes heroOutcomeFloatA{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes heroOutcomeFloatB{0%,100%{translate:0 0}50%{translate:0 5px}}
@keyframes heroOutcomeFloatC{0%,100%{translate:0 0}50%{translate:0 -4px}}

@media(max-width:1100px){
  .hero-map{min-height:455px;max-width:500px}
  .hero-map-sheet{min-height:420px;padding:0}
  .hero-map-sheet>.hm-block{padding:18px 20px 16px}
  .hero-map-sheet>.hm-block:nth-of-type(3){top:94px}
  .hero-map-sheet>.hm-block:nth-of-type(4){top:205px}
  .hero-map-sheet>.hm-block:nth-of-type(5){top:318px}
}

@media(max-width:920px){
  /* Keep the established mobile content order and avoid adding cognitive load:
     the decorative outcome scene remains a desktop/tablet enhancement. */
  .hero-map{display:none}
}

@media(max-width:760px){
  .header{padding-left:20px;padding-right:20px}
  .audience-grid h2,.map-copy h2,.preview-intro h2,.journey-heading h2,.care-heading h2,
  .evidence-section h2,#creator h2,.faq-section h2,.free-section h2,.access-heading h2{
    font-size:clamp(2.25rem,10vw,3.15rem);
    line-height:1;
  }
  .audience-primary h2{font-size:clamp(2.1rem,9vw,2.85rem)}
  .hero .actions{margin-top:28px;gap:12px 16px}
  .hero .trust-line{width:100%;padding:9px 10px}
  .hero .trust-line span{padding:3px 6px}
  .hero .trust-line span+span{border-left:0}
  .creator-signal{margin-top:16px;padding-top:12px;font-size:.76rem}
}

@media(prefers-reduced-motion:reduce){
  .hero-map-sheet>.hm-block{animation:none!important;translate:none!important}
}

/* ---------- Visual QA refinement pass (10 September 2026) ----------
   Render-tested correction only: stronger section-label hierarchy, a more
   centered header frame, clean tablet fallback, and unclipped hero caption. */
@media(min-width:761px){
  .header{
    padding-left:max(28px,calc((100vw - 1180px)/2));
    padding-right:max(28px,calc((100vw - 1180px)/2));
  }
}

.section-label{
  font-size:clamp(.78rem,.9vw,.9rem);
  letter-spacing:.16em;
  line-height:1.35;
  margin-bottom:18px;
}

/* Keep the editorial title jump strong without making section headings
   disproportionately oversized relative to the reference composition. */
.audience-grid h2,.map-copy h2,.preview-intro h2,.journey-heading h2,.care-heading h2,
.evidence-section h2,#creator h2,.faq-section h2,.free-section h2,.access-heading h2{
  font-size:clamp(2.5rem,4.25vw,4.15rem);
}
.audience-primary h2{font-size:clamp(2.25rem,3.55vw,3.45rem)}

.hero-map-caption{
  position:static;
  margin:10px 18px 0;
  max-width:none;
  text-align:right;
  z-index:auto;
}

@media(max-width:1050px){
  .hero{grid-template-columns:1fr}
  .hero-map{display:none}
  .hero-copy{max-width:820px;margin-left:auto;margin-right:auto;width:100%}
}

@media(max-width:760px){
  .section-label{
    font-size:.78rem;
    letter-spacing:.15em;
    margin-bottom:15px;
  }
}

/* Hero caption clearance correction — render QA */
@media(min-width:1051px){
  .hero-map{min-height:590px}
  .hero-map-sheet{min-height:525px}
  .hero-map-caption{margin-top:12px}
}

/* ========================================================================== 
   PUBLIC WEBSITE VISUAL DESIGN LANE — HIERARCHY REFINEMENT V2
   Smallest follow-up delta from founder visual review, 10 September 2026.
   Presentation only: no copy, methodology, evidence, privacy, consent,
   access journey, hero compass behaviour or downstream structure changes.
   ========================================================================== */

/* The brand should feel deliberately framed inside the composition rather than
   visually pinned to the viewport edge. Shift only the identity on wide screens
   so navigation geometry remains stable. */
@media(min-width:1201px){
  .header .identity{
    margin-left:clamp(34px,4vw,64px);
  }
}
@media(min-width:921px) and (max-width:1200px){
  .header .identity{
    margin-left:clamp(28px,3.5vw,44px);
  }
}

/* Section identifiers should read as real editorial section titles, not tiny
   eyebrow metadata. Keep the primary H2 dominant, but make labels clearly
   larger/stronger than body copy and reduce excessive tracking. */
.section-label{
  display:flex;
  align-items:center;
  gap:12px;
  width:fit-content;
  max-width:100%;
  margin-bottom:22px;
  font-size:clamp(1.12rem,1.35vw,1.28rem);
  line-height:1.2;
  letter-spacing:.08em;
  font-weight:800;
}
.section-label::after{
  content:"";
  width:clamp(28px,3vw,48px);
  height:1px;
  flex:none;
  background:currentColor;
  opacity:.34;
}
.story-tension .section-label{
  font-size:clamp(1.14rem,1.4vw,1.32rem);
}

/* Subsection headings need a stronger jump over their explanatory text. */
.audience-grid h3,.preview-card h3,.journey-list h3,.care-grid h3,.faq-item h3,.learning-grid h3,
.evidence-section h3{
  font-size:clamp(1.42rem,1.75vw,1.72rem);
  line-height:1.1;
  margin-bottom:12px;
}

/* Creator attribution remains secondary, but should no longer look like tiny
   metadata squeezed beneath the trust row. */
.creator-signal{
  margin-top:22px;
  padding-top:16px;
  color:#ddd2d9;
  font-size:clamp(.88rem,.9vw,.96rem);
  line-height:1.45;
}
.creator-signal strong{
  color:#f7edf2;
  font-weight:700;
}

@media(max-width:920px){
  .header .identity{margin-left:0}
}
@media(max-width:760px){
  .section-label{
    gap:10px;
    margin-bottom:18px;
    font-size:1rem;
    line-height:1.25;
    letter-spacing:.075em;
  }
  .section-label::after{width:30px}
  .audience-grid h3,.preview-card h3,.journey-list h3,.care-grid h3,.faq-item h3,.learning-grid h3,
  .evidence-section h3{
    font-size:clamp(1.32rem,5.8vw,1.55rem);
  }
  .creator-signal{
    margin-top:18px;
    padding-top:14px;
    font-size:.86rem;
  }
}