/* Career Reset public v1.2 — design fidelity pass.
   Authority: DESIGN_FIDELITY_CONTRACT_V1_2.md
   This layer fixes rendered intentions, not methodology or product truth. */

:root{
  --cr-frame:1520px;
  --cr-editorial:1240px;
  --cr-visual:1360px;
  --cr-reading:760px;
  --cr-gutter:clamp(20px,3.2vw,48px);
}

/* FD-01 — one editorial system. */
.audience-section>.section-label,
.audience-section>.audience-grid,
.try-inner,
.product-preview-section>.preview-intro,
.product-preview-section>.preview-flow,
.product-preview-section>.preview-note,
.journey-section>.journey-heading,
.journey-section>.journey-list,
.journey-section>.inside-preview,
.philosophy-principle-inner,
.care-section>.section-label,
.care-section>.care-heading,
.care-section>.care-grid,
.care-section>.trust-strip{
  width:min(100%,var(--cr-editorial))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.evidence-section>.section-label,
.evidence-section>.evidence-head,
.evidence-section>.pilot-origin,
.evidence-section>.proof-band,
.evidence-section>.evidence-design-note,
.evidence-section>.evidence-note-v11,
.evidence-section>.pilot-lessons,
#creator>.section-label,
#creator>.editorial-split,
.privacy-trust-inner,
.faq-section>.section-label,
.faq-section>h2,
.faq-section>.faq-grid,
.free-card,
.access-section>.access-heading,
.access-section>.what-next,
.access-section>form{
  width:min(100%,var(--cr-editorial))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.statement-section.story-tension{
  padding-left:max(var(--cr-gutter),calc((100vw - var(--cr-editorial))/2))!important;
  padding-right:max(var(--cr-gutter),calc((100vw - var(--cr-editorial))/2))!important;
}

.map-preview-shell{
  width:min(100%,var(--cr-visual))!important;
  box-sizing:border-box;
  padding-inline:clamp(0px,4.4vw,60px);
}
/* FD-02 — hero facts become one orientation object. */
.hero-facts-panel{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin:28px 0 4px!important;
  padding:0!important;
  border:1px solid rgba(214,183,123,.28)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(71,109,107,.075))!important;
  box-shadow:0 18px 52px rgba(8,4,7,.12)!important;
  overflow:hidden;
}
.hero-facts-panel>div{
  padding:18px 19px 20px!important;
  border-left:1px solid rgba(244,233,221,.13);
}
.hero-facts-panel>div:first-child{border-left:0}
.hero-facts-panel dt{
  color:#e7cc97!important;
  letter-spacing:.13em!important;
  font-size:.68rem!important;
}
.hero-facts-panel dd{
  margin-top:7px!important;
  color:#f1e8ed!important;
  font-size:.9rem!important;
  line-height:1.45!important;
}
/* FD-03/04/12 — compass is a distinct decision instrument. */
.hero-compass{
  width:min(100%,650px)!important;
  margin:36px auto 24px!important;
  padding:22px 18px 18px!important;
  border:1px solid rgba(214,183,123,.16);
  border-radius:32px;
  background:
    radial-gradient(circle at 50% 48%,rgba(71,109,107,.12),transparent 44%),
    linear-gradient(145deg,rgba(16,10,15,.18),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 28px 80px rgba(8,4,7,.12);
}
.career-compass{width:min(100%,600px)!important}
.compass-atmosphere{
  inset:20%!important;
  border:1px solid rgba(214,183,123,.10);
  background:
    radial-gradient(circle at 50% 48%,rgba(214,183,123,.14) 0 9%,transparent 10% 31%,rgba(71,109,107,.10) 32% 34%,transparent 35% 60%,rgba(214,183,123,.055) 61% 63%,transparent 64%),
    radial-gradient(circle at 64% 36%,rgba(255,255,255,.055),transparent 42%)!important;
  box-shadow:0 0 90px rgba(71,109,107,.08),inset 0 0 70px rgba(214,183,123,.035);
}
.compass-rings{
  inset:14%!important;
  width:72%!important;
  height:72%!important;
}
.compass-core{
  width:31%!important;
  border-color:rgba(231,204,151,.88)!important;
  box-shadow:0 22px 72px rgba(8,4,7,.4),0 0 0 8px rgba(214,183,123,.07),0 0 42px rgba(71,109,107,.10)!important;
}
@media(min-width:761px){
  .compass-stage{gap:12px!important}
  .stage-1{left:-7%!important;top:5%!important;translate:-10px -8px!important}
  .stage-2{right:-7%!important;top:5%!important;translate:10px -8px!important}
  .stage-3{right:-15%!important;top:42%!important;translate:16px 0!important}
  .stage-4{right:-7%!important;bottom:5%!important;translate:10px 8px!important}
  .stage-5{left:-7%!important;bottom:5%!important;translate:-10px 8px!important}
  .stage-6{left:-15%!important;top:42%!important;translate:-16px 0!important}
  .stage-number{
    width:42px!important;
    height:42px!important;
    background:#21151f!important;
    border-color:rgba(231,204,151,.92)!important;
    box-shadow:0 10px 28px rgba(8,4,7,.30),0 0 0 4px rgba(33,21,31,.82)!important;
  }
  .compass-stage:nth-of-type(even) .stage-number{background:#304945!important}
  .compass-stage b{
    background:rgba(25,16,23,.76)!important;
    border-color:rgba(244,233,221,.16)!important;
    backdrop-filter:blur(8px);
  }
}
.hero-compass-caption{
  max-width:72%;
  margin:16px auto 0!important;
  padding-top:14px;
  border-top:1px solid rgba(214,183,123,.18);
  text-align:center!important;
  color:#eadfe5!important;
}
.hero-wrap{padding-bottom:clamp(20px,2.4vw,36px)!important}
/* FD-05/06 — sequence numbers are plain; connectors communicate progression. */
.tool-number{font-variant-numeric:lining-nums!important}
.preview-arrow{
  position:relative!important;
  display:block!important;
  min-width:48px!important;
  color:transparent!important;
  transform:none!important;
}
.preview-arrow::before{
  content:"";
  position:absolute;
  left:5px;
  right:5px;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,rgba(176,138,78,.28),rgba(176,138,78,.92));
}
.preview-arrow::after{
  content:"→";
  position:absolute;
  right:-2px;
  top:50%;
  transform:translateY(-54%);
  color:var(--gold);
  font:500 1.35rem/1 Georgia,"Times New Roman",serif;
}
.care-grid h3{margin-top:0!important}
.learning-grid h3{margin-top:0!important}

/* FD-07 — compact, three-row operating rhythm. */
.philosophy-principle-row{
  grid-template-columns:minmax(0,.64fr) minmax(0,1.36fr)!important;
  align-items:center!important;
  gap:clamp(40px,6vw,86px)!important;
}
.philosophy-principle-row h2{line-height:1.08!important}
.operating-rows{
  display:grid;
  gap:0;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
}
.operating-rows>div{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:26px;
  align-items:center;
  padding:17px 0;
  border-top:1px solid rgba(255,255,255,.12);
}
.operating-rows>div:first-child{border-top:0}
.operating-rows strong{
  color:#e7cc97!important;
  font-size:.74rem!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
.operating-rows span{
  color:#f0e5eb!important;
  font-size:clamp(1rem,1.25vw,1.16rem);
  line-height:1.45;
  padding:0!important;
}

/* FD-08 — care is non-sequential. */
.care-grid article{padding-top:30px!important}
.care-grid article::before{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-bottom:18px;
  background:linear-gradient(90deg,var(--gold),rgba(176,138,78,.18));
}
/* FD-10 — pilot provenance before evidence metrics. */
.pilot-origin{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);
  gap:10px;
  align-items:stretch;
  margin:34px auto 38px!important;
  padding:24px 0;
  border-top:1px solid #d9cec0;
  border-bottom:1px solid #d9cec0;
}
.pilot-origin article{padding:8px 10px 10px 0}
.pilot-origin article>span{
  display:block;
  margin-bottom:10px;
  color:var(--gold);
  font-size:.7rem;
  font-weight:750;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.pilot-origin h3{font-size:clamp(1.35rem,1.8vw,1.75rem)}
.pilot-origin p{margin:9px 0 0;color:var(--muted);line-height:1.62}
.pilot-origin-arrow{
  display:grid;
  place-items:center;
  color:var(--gold);
  font:500 1.5rem/1 Georgia,"Times New Roman",serif;
}
/* FD-11 — bounded preview inside the existing Journey. */
.inside-preview{
  margin-top:54px!important;
  padding:34px!important;
  border:1px solid #d8cec2;
  border-radius:24px;
  background:linear-gradient(145deg,#f8f1e8,#eef3ef);
  box-shadow:0 18px 55px rgba(54,40,47,.06);
}
.inside-preview-heading{max-width:860px;margin-bottom:28px}
.inside-preview-heading .section-label{margin-bottom:12px}
.inside-preview-heading h3{
  font-size:clamp(2rem,3vw,3rem);
  max-width:820px;
}
.inside-preview-heading p{max-width:760px;color:var(--muted);line-height:1.65}
.inside-preview-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr);
  gap:10px;
  align-items:stretch;
}
.inside-preview-flow article{
  padding:24px;
  border:1px solid rgba(92,77,85,.14);
  border-radius:18px;
  background:rgba(255,253,249,.84);
}
.inside-preview-flow article>span{
  display:block;color:var(--gold);font-size:.7rem;font-weight:750;
  letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px;
}
.inside-preview-flow article>strong{display:block;font:500 1.28rem/1.25 Georgia,"Times New Roman",serif;color:var(--plum)}
.inside-preview-flow article>p{margin:10px 0 0;color:var(--muted);line-height:1.58}
.inside-preview-arrow{display:grid;place-items:center;color:var(--gold);font:500 1.4rem/1 Georgia,"Times New Roman",serif}
/* FD-09 — access process is a real stepper, not prose. */
.what-next{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#f8f0e8!important;
}
.what-next h3{color:#fff9f0!important;margin-bottom:24px}
.access-stepper{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr);
  align-items:stretch;
  gap:8px;
}
.access-stepper article{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:14px;
  align-items:start;
  padding:18px 8px 18px 0;
}
.access-stepper article>span{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(231,204,151,.72);color:#fff8ef;background:rgba(33,21,31,.58);
  font:500 1rem/1 Georgia,"Times New Roman",serif;
}
.access-stepper strong{display:block;color:#fff8ef;font:500 1.4rem/1.15 Georgia,"Times New Roman",serif}
.access-stepper p{margin:7px 0 0;color:#d9cdd5;line-height:1.55;font-size:.95rem}
.access-step-arrow{display:grid;place-items:center;color:#d6b77b;font:500 1.5rem/1 Georgia,"Times New Roman",serif}
.what-next>.small{margin:20px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);color:#cbbdc7!important}
@media(min-width:761px) and (max-width:900px){
  .hero-compass{width:min(70vw,540px)!important}
  .career-compass{width:min(100%,520px)!important}
  .compass-stage b{max-width:110px!important;font-size:.62rem!important;padding:7px!important}
  .stage-3{right:-14%!important;translate:8px 0!important}
  .stage-6{left:-14%!important;translate:-8px 0!important}
  .philosophy-principle-row{grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr)!important;gap:34px!important}
}

@media(max-width:760px){
  .hero-facts-panel{grid-template-columns:1fr!important}
  .hero-facts-panel>div{border-left:0!important;border-top:1px solid rgba(244,233,221,.13)}
  .hero-facts-panel>div:first-child{border-top:0}
  .preview-arrow{height:38px!important;min-height:38px!important;width:100%!important}
  .preview-arrow::before{left:50%;right:auto;top:4px;bottom:4px;width:1px;height:auto}
  .preview-arrow::after{content:"↓";right:auto;left:50%;top:auto;bottom:-4px;transform:translateX(-50%)}
  .philosophy-principle-row{grid-template-columns:1fr!important;gap:24px!important}
  .philosophy-principle-row h2 br{display:none}
  .operating-rows>div{grid-template-columns:94px 1fr;gap:16px}
  .pilot-origin,
  .inside-preview-flow,
  .access-stepper{grid-template-columns:1fr!important;gap:0!important}
  .pilot-origin-arrow,
  .inside-preview-arrow,
  .access-step-arrow{min-height:32px;transform:none}
  .pilot-origin-arrow::before,.inside-preview-arrow::before,.access-step-arrow::before{content:""}
  .pilot-origin-arrow,.inside-preview-arrow,.access-step-arrow{font-size:0}
  .pilot-origin-arrow::after,.inside-preview-arrow::after,.access-step-arrow::after{content:"↓";font:500 1.3rem/1 Georgia,"Times New Roman",serif;color:var(--gold)}
  .inside-preview{padding:25px 20px!important;margin-top:38px!important}
  .access-stepper article{grid-template-columns:42px 1fr;padding:14px 0}
}
/* Render-pass corrections. */
.philosophy-principle{
  padding-top:42px!important;
  padding-bottom:42px!important;
}
.philosophy-principle-row h2{
  font-size:clamp(2.15rem,3vw,3.25rem)!important;
}
.what-next{
  background:#2d1b29!important;
  border-color:rgba(231,204,151,.22)!important;
  box-shadow:0 18px 55px rgba(17,10,15,.16);
}
.access-stepper{
  grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);
  gap:4px;
}
.access-stepper article{grid-template-columns:38px 1fr;gap:10px}
.access-stepper article>span{width:36px;height:36px}

@media(min-width:1051px){
  .hero-compass{box-sizing:border-box;width:min(100%,590px)!important}
  .hero-compass.reveal.visible{transform:translateX(-42px)!important}
  .career-compass{width:100%!important}
}

@media(max-width:760px){
  .philosophy-principle{padding-top:34px!important;padding-bottom:34px!important}
  .philosophy-principle-row h2{font-size:2.05rem!important}
  .philosophy-principle-row h2 br{display:block!important}
}
/* Fidelity pass 2: preserve the founder's two-column O/R/A rhythm even on phone. */
@media(min-width:1051px){
  .stage-3 b,.stage-6 b{max-width:112px!important}
}

@media(max-width:760px){
  .philosophy-principle-row{
    grid-template-columns:minmax(82px,.42fr) minmax(0,1.58fr)!important;
    gap:16px!important;
    align-items:start!important;
  }
  .philosophy-principle-row h2{
    font-size:1.72rem!important;
    line-height:1.08!important;
  }
  .operating-rows>div{
    grid-template-columns:68px 1fr;
    gap:10px;
    padding:11px 0;
    align-items:start;
  }
  .operating-rows strong{font-size:.62rem!important;letter-spacing:.08em!important;padding-top:3px}
  .operating-rows span{font-size:.92rem!important;line-height:1.35!important}
}

/* FD-01 final axis locks against legacy section padding. */
.product-preview-section>.preview-intro{
  width:min(100%,var(--cr-reading))!important;
  max-width:var(--cr-reading)!important;
  margin-left:0!important;
  margin-right:auto!important;
}

@media(min-width:761px){
  body main #product-preview.product-preview-section,
  body main #access.access-section{
    padding-left:max(var(--cr-gutter),calc((100vw - var(--cr-editorial))/2))!important;
    padding-right:max(var(--cr-gutter),calc((100vw - var(--cr-editorial))/2))!important;
  }
}
@media(max-width:760px){
  .product-preview-section>.preview-intro,
  .access-section>.access-heading,
  .access-section>.what-next,
  .access-section>form{width:100%!important;max-width:none!important}
  body main #product-preview.product-preview-section,
  body main #access.access-section{padding-left:20px!important;padding-right:20px!important}
}