input,select,textarea{line-height:normal}

/* metric-compatible fallbacks (A1: swap without layout shift) */
@font-face{font-family:"Spectral Fallback";src:local("Georgia");size-adjust:98%;ascent-override:88%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:"Plex Mono Fallback";src:local("Menlo"),local("Consolas"),local("Courier New");size-adjust:100%}


*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cv-stone);color:var(--cv-ink);font-family:var(--serif);font-size:var(--t-body);line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px}
.mono{font-family:var(--mono)}
a{color:var(--cv-ink)}
button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}
strong{font-weight:500}
:focus-visible{outline:2px solid var(--cv-ink);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-64px;background:var(--cv-ink);color:var(--cv-stone);font-family:var(--mono);font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;z-index:100;text-decoration:none;transition:top .1s}
.skip-link:focus{top:12px}

/* ---------- header (identical to Home / Report / How It Works / Enterprise) ---------- */
header{border-bottom:1px solid var(--cv-ink)}
.hd{display:flex;align-items:center;justify-content:space-between;height:76px}
.wordmark{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.28em;font-weight:500;text-decoration:none;white-space:nowrap;display:inline-flex;min-height:24px;align-items:center}
.wordmark b{background:var(--cv-highlight);padding:2px 5px;font-weight:500;margin-right:9px}
nav{display:flex;gap:34px;align-items:center}
nav a{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;color:var(--cv-ink);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
nav a:hover{border-bottom-color:var(--cv-ink)}
nav a[aria-current="page"]{border-bottom-color:var(--cv-highlight)}
.cta{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--cv-ink);padding:13px 24px;color:var(--cv-ink);text-decoration:none;transition:background .12s,color .12s;display:inline-block}
.cta:hover,.cta:focus-visible{background:var(--cv-ink);color:var(--cv-highlight);outline:none}

/* ---------- §4.1 the frame (time-math above all numbers — sequence law) ---------- */
.hero{padding:118px 0 120px}
.hero-grid{display:grid;grid-template-columns:minmax(0,7.2fr) minmax(0,4.2fr);gap:72px;align-items:center}
h1{font-weight:300;font-size:var(--d-hero);line-height:1.04;letter-spacing:-.01em}
h1 em{font-style:italic;font-weight:300}
.lead{font-size:var(--t-lead);max-width:34em;color:var(--cv-text-3);margin:38px 0 0}
.secno{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.28em;text-transform:uppercase;color:var(--cv-text-2);margin-bottom:22px}

/* ---------- figure frames (component identical to How It Works / Enterprise) ---------- */
.figframe{border:1px solid var(--cv-ink);background:var(--cv-sheet-alt);padding:56px 40px 34px;position:relative}
.figframe .fig-id{position:absolute;top:0;left:0;background:var(--cv-ink);color:var(--cv-stone);font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.22em;padding:6px 14px}
.figframe--sm{padding:52px 24px 26px;max-width:480px} /* the small variant stays small when the hero stacks */
.fig-scroll{overflow-x:auto}
#fig03{width:100%;height:auto;display:block}
#fig08{width:100%;min-width:900px;height:auto;display:block}
.f-label{font:500 11.5px var(--mono);letter-spacing:.11em;fill:var(--cv-ink)}
.f-tick{font:400 10.5px var(--mono);letter-spacing:.08em;fill:#75736C}
.figcap2{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--cv-text-2);margin-top:20px}

/* ---------- white sheet surfaces ---------- */
.sheet{background:var(--cv-sheet);border-top:1px solid var(--cv-ink);border-bottom:1px solid var(--cv-ink)}

/* ---------- §4.2 the plans — outcomes first, exact boundary disclosed ---------- */
.plansec{padding:112px 0 118px}
.plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:56px;border:1px solid var(--cv-ink);background:var(--cv-sheet)}
.plan-card{position:relative;display:flex;flex-direction:column;min-height:410px;padding:28px;border-left:1px solid var(--cv-ink)}
.plan-card:first-child{border-left:0}
.plan-card--recommended::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:7px;background:var(--cv-highlight);border:1px solid var(--cv-ink);border-bottom:0}
.plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:28px}
.pt-plan{font-family:var(--mono);font-size:var(--t-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.badge-rec{font-family:var(--mono);font-size:var(--t-micro);font-weight:500;letter-spacing:.12em;text-transform:uppercase;background:var(--cv-highlight);color:var(--cv-ink);padding:2px 8px}
.pt-rate{font-weight:300;font-size:2rem;line-height:1.2;white-space:nowrap;margin-top:34px}
.pt-rate .per,.pt-rate .from{font-family:var(--mono);font-size:var(--t-meta);color:var(--cv-text-2);letter-spacing:.02em}
.pt-rate .from{margin-right:8px}
.plan-purpose{font-size:1.28rem;font-weight:300;line-height:1.35;margin-top:28px;min-height:3.4em}
.plan-facts{list-style:none;margin-top:auto;padding-top:28px}
.plan-facts li{border-top:1px solid var(--cv-rule);padding:11px 0;font-family:var(--mono);font-size:var(--t-meta);line-height:1.45;color:var(--cv-text-3)}
.pt-trial{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:baseline;padding:20px 28px;border:1px solid var(--cv-ink);border-top:0;background:var(--cv-highlight)}
.trial-terms{text-align:right;font-family:var(--mono);font-size:var(--t-meta);letter-spacing:.04em}
.compare{margin-top:34px;border:1px solid var(--cv-ink);background:var(--cv-sheet-alt)}
.compare summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;font-family:var(--mono);font-size:var(--t-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.compare summary::-webkit-details-marker{display:none}
.compare summary::after{content:"+";font-size:1.2rem;line-height:1;font-weight:400}
.compare[open] summary::after{content:"−"}
.compare[open] summary{border-bottom:1px solid var(--cv-ink)}
.compare-scroll{overflow-x:auto}
.compare table{width:100%;min-width:760px;border-collapse:collapse}
.compare th,.compare td{padding:15px 18px;border-top:1px solid var(--cv-rule);border-left:1px solid var(--cv-rule);text-align:left;vertical-align:top}
.compare tr:first-child th{border-top:0}
.compare th:first-child,.compare td:first-child{border-left:0}
.compare thead th{font-family:var(--mono);font-size:var(--t-micro);font-weight:500;letter-spacing:.12em;text-transform:uppercase;background:var(--cv-sheet)}
.compare tbody th{font-family:var(--mono);font-size:var(--t-micro);font-weight:500;letter-spacing:.08em;text-transform:uppercase;width:24%;color:var(--cv-text-2)}
.compare td{font-size:.96rem}
.plansec[data-animated="true"]:not(.is-visible) .plan-card{opacity:0;transform:translateY(22px)}
.plansec[data-animated="true"] .plan-card{transition:opacity .55s ease-out,transform .75s cubic-bezier(.4,0,.2,1)}
.plansec[data-animated="true"] .plan-card:nth-child(2){transition-delay:110ms}
.plansec[data-animated="true"] .plan-card:nth-child(3){transition-delay:220ms}

/* ---------- §4.3 expectations ---------- */
.expectsec{padding:108px 0 104px}
.expectsec h2{font-size:var(--d-head);font-weight:300;line-height:1.08;max-width:14em}
.expect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:52px;border-top:1px solid var(--cv-ink);border-bottom:1px solid var(--cv-ink)}
.expect-item{padding:24px 22px 28px;border-left:1px solid var(--cv-rule-muted)}
.expect-item:first-child{border-left:0}
.expect-item dt{font-family:var(--mono);font-size:var(--t-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.expect-item dd{color:var(--cv-text-3);font-size:1rem}

/* ---------- §4.4 what opens later — FIG. 08, the designed PEAK ---------- */
.corpsec{padding:122px 0 118px}
.corpsec h2{font-size:var(--d-head);font-weight:300;line-height:1.08;margin-bottom:30px;max-width:16em}
.body{max-width:46em;color:var(--cv-text-3);font-size:1.06rem}
.module-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:58px 0 46px;border:1px solid var(--cv-ink);background:var(--cv-sheet)}
.module-group{padding:0 24px 24px;border-left:1px solid var(--cv-ink)}
.module-group:first-child{border-left:0}
.module-group h3{font-family:var(--mono);font-size:var(--t-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:18px 0;border-bottom:1px solid var(--cv-ink)}
.module-card{padding:24px 0;border-bottom:1px solid var(--cv-rule)}
.module-card:last-child{border-bottom:0}
.module-state{display:inline-block;font-family:var(--mono);font-size:var(--t-micro);font-weight:500;letter-spacing:.12em;text-transform:uppercase;background:var(--cv-highlight);padding:2px 7px;margin-bottom:14px}
.module-card h4{font-family:var(--mono);font-size:var(--t-label);font-weight:500;letter-spacing:.07em;text-transform:uppercase;line-height:1.5;margin-bottom:10px}
.module-card p{color:var(--cv-text-3);font-size:.96rem;line-height:1.55}
.corpsec .figframe{margin-top:64px}
.f8-u{transition:transform var(--motion-slow),opacity .6s ease-out}
#f8-frame,#f8-mlabel{transition:opacity .6s ease-out}
.f8-history{opacity:.22}
.fig-replay{position:absolute;top:8px;right:10px;z-index:2;min-height:44px;border:1px solid var(--cv-rule-muted);padding:8px 12px;background:var(--cv-sheet-alt);font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase}
.fig-replay:hover,.fig-replay:focus-visible{border-color:var(--cv-ink);background:var(--cv-highlight);outline:none}
.corpsec[data-animated="true"]:not(.modules-visible) .module-group{opacity:0;transform:translateY(18px)}
.corpsec[data-animated="true"] .module-group{transition:opacity .55s ease-out,transform .75s cubic-bezier(.4,0,.2,1)}
.corpsec[data-animated="true"] .module-group:nth-child(2){transition-delay:110ms}
.corpsec[data-animated="true"] .module-group:nth-child(3){transition-delay:220ms}

/* ---------- §4.5 the covenant, restated ---------- */
.covsec{padding:110px 0 104px}
.cov-line{font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:300;line-height:1.65;max-width:32em}

/* ---------- ink band — the page's single band, the designed END ---------- */
.band{background:var(--cv-ink);padding:88px 0}
.band p{color:var(--cv-stone);font-size:var(--d-stakes);font-weight:300;line-height:1.25;text-align:center;max-width:24em;margin:0 auto}
.band em{font-style:italic;color:var(--cv-highlight)}

/* ---------- citation chip (site component, identical to Home / Report) ----------
   No chip instances render on this page — deck §4 carries no evidence tags; the class is
   kept verbatim so the component stays pixel-identical site-wide. */
.chip{font-family:var(--mono);font-size:var(--t-micro);background:var(--cv-highlight);color:var(--cv-ink);padding:2px 7px;margin-left:7px;vertical-align:2px;letter-spacing:.02em;transition:background .12s,color .12s;position:relative}
.chip::after{content:"";position:absolute;inset:-13px -10px}
.chip:hover,.chip:focus-visible,.chip[aria-expanded="true"]{background:var(--cv-ink);color:var(--cv-highlight);outline:none}

/* ---------- footer (identical to Home / Report) ---------- */
footer{background:var(--cv-ink);color:var(--cv-stone);margin-top:104px;padding:96px 0 72px}
.foot-line{font-size:var(--d-stakes);font-weight:300;margin-bottom:56px}
.foot-links{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:52px}
.foot-links a{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;color:var(--cv-stone);text-decoration:none;border-bottom:1px solid var(--cv-rule-muted);padding-bottom:2px;transition:color .12s,border-color .12s}
.foot-links a:hover{color:var(--cv-highlight);border-bottom-color:var(--cv-highlight)}
footer :focus-visible{outline-color:var(--cv-highlight)}
.foot-cov{border-top:1px solid rgba(234,232,227,.25);padding-top:26px;display:flex;flex-direction:column;gap:9px}
.foot-cov p{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.06em;color:var(--cv-rule)}

/* ---------- print ---------- */
@media print{
  body{background:#fff}
  .skip-link,nav{display:none!important}
  .sheet,.figframe{background:#fff}
  .band{background:#fff;border-top:1px solid #000;border-bottom:1px solid #000;padding:28px 0}
  .band p,.band em{color:#000}
  footer{background:#fff;color:#000}
  .foot-links a,.foot-cov p{color:#000}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation:none!important}
  .anim{transition:none!important}
}

/* ---------- responsive ---------- */
@media (max-width:840px){
  .wrap{padding:0 22px}
  .hero{padding:76px 0 84px}
  .hero-grid{grid-template-columns:1fr;gap:56px}
  .hd nav a:not(.cta){display:none} /* header only — the footer's trust-index links must survive mobile */
  .plansec{padding:76px 0 76px}
  .expectsec{padding:76px 0 72px}
  .corpsec{padding:76px 0 72px}
  .covsec{padding:76px 0 72px}
  .band{padding:64px 0}
  footer{margin-top:72px;padding:72px 0 56px}
  .figframe{padding:48px 20px 24px}
  .figframe--sm{padding:48px 20px 22px}
  .plan-cards{grid-template-columns:1fr;margin-top:44px}
  .plan-card{min-height:0;border-left:0;border-top:1px solid var(--cv-ink)}
  .plan-card:first-child{border-top:0}
  .plan-purpose{min-height:0}
  .plan-facts{margin-top:28px}
  .expect-grid{grid-template-columns:1fr 1fr}
  .expect-item:nth-child(3){border-left:0;border-top:1px solid var(--cv-rule-muted)}
  .expect-item:nth-child(4){border-top:1px solid var(--cv-rule-muted)}
  .module-groups{grid-template-columns:1fr}
  .module-group{border-left:0;border-top:1px solid var(--cv-ink)}
  .module-group:first-child{border-top:0}
  .corpsec .figframe{margin-top:48px}
}
@media (max-width:560px){
  .hd{flex-wrap:wrap;height:auto;padding-top:18px;padding-bottom:18px}
  nav{flex:1 1 100%}
  nav .cta{flex:1 1 100%;text-align:center;letter-spacing:.14em;padding:12px 16px}
  .pt-trial{grid-template-columns:1fr;row-gap:8px;padding:20px 18px}
  .trial-terms{text-align:left}
  .pt-rate{white-space:normal}
  .expect-grid{grid-template-columns:1fr}
  .expect-item,.expect-item:nth-child(3),.expect-item:nth-child(4){border-left:0;border-top:1px solid var(--cv-rule-muted)}
  .expect-item:first-child{border-top:0}
}