@font-face{font-family:Plex;src:url('/fonts/ibm-plex-sans-latin-400-normal.woff2');font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-sans-latin-500-normal.woff2');font-weight:500;font-display:swap}
:root{--story-screen-top:146px;--paper:#eeede7;--ink:#292e27;--rust:#a74f2e;--muted:#62695e;--line:#cacbbe}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Plex,Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--rust);outline-offset:6px}button{background:none;border:0}.wrap{width:90%;max-width:1480px;margin:auto}.mono,.eyebrow{font:10px Plex,Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em}.studybar{display:flex;justify-content:space-between;padding:8px 5%;border-bottom:1px solid var(--line);font:9px monospace;color:var(--muted)}.studybar button{font:inherit}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:22px}.logo{display:block;width:195px;height:auto}.links{display:flex;align-items:center;gap:32px;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:var(--paper);padding:21px 25px;min-height:58px;font-size:13px;transition:background .2s}.btn span{font:29px Georgia,serif}.btn:hover{background:var(--rust)}
.story{position:relative;isolation:isolate}.story-stage{position:sticky;top:0;height:100svh;width:100%;z-index:0;overflow:clip;pointer-events:none}.story-stage canvas{pointer-events:auto}.story-status{position:absolute;left:60%;top:53%;width:30%;text-align:center;color:var(--muted);font-size:11px}.story-status[hidden]{display:none}.story-chapters{position:relative;margin-top:-100svh;z-index:1;pointer-events:none}.chapter{position:relative;min-height:100svh;pointer-events:none}.chapter-inner{position:fixed;top:max(18svh,var(--story-screen-top));left:5%;width:38%;max-width:590px;margin-left:0;padding:25px 0;pointer-events:none;opacity:var(--copy-opacity,1);transform:translateY(calc((1 - var(--copy-opacity,1))*18px));visibility:visible}.chapter-inner.is-muted{pointer-events:none;visibility:hidden}.chapter h1,.chapter h2{font-size:clamp(62px,6.9vw,110px);line-height:.98;letter-spacing:-.065em;font-weight:400;margin:26px 0}.chapter h2{font-size:clamp(48px,5.4vw,82px)}em{font-family:Georgia,'Times New Roman',serif;color:var(--rust);font-weight:400;letter-spacing:-.055em}.chapter p{font-size:15px;line-height:1.85;color:var(--muted);max-width:345px;margin:24px 0 28px}.eyebrow{color:var(--rust);display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';height:1px;width:24px;background:var(--rust);opacity:.65}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.textlink{font-size:12px;border-bottom:1px solid #8e9685;padding:16px 0}.hero-note{font-size:10px;color:var(--muted);margin-top:18px}.hero-chapter{height:100svh}.project-chapter{height:190svh}.material-chapter{height:150svh}.document-chapter{height:260svh}.chapter-note{font-size:11px;border-left:1px solid #a9b197;padding-left:16px;line-height:1.8;color:var(--muted);max-width:290px}.phase-tabs{display:flex;gap:18px;margin-top:30px;border-top:1px solid var(--line);max-width:330px;padding-top:16px}.phase-tabs a{font-size:11px;color:var(--muted);padding:7px 0;border-bottom:1px solid transparent}.phase-tabs a[aria-current=true]{border-color:var(--rust);color:var(--rust)}.material-choices{display:flex;gap:19px;max-width:330px;border-top:1px solid var(--line);padding-top:20px}.material-choice{padding:0 0 12px;text-align:left;border-bottom:1px solid transparent;font-size:12px;min-width:76px}.material-choice img{width:45px;height:45px;object-fit:cover;border-radius:50%;display:block;margin-bottom:10px;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line)}.material-choice[aria-pressed=true]{border-bottom-color:var(--rust);color:var(--rust)}.material-choice[aria-pressed=true] img{box-shadow:0 0 0 1px var(--rust)}.material-name{font-size:11px;color:var(--muted);margin-top:18px}.document-link{display:inline-flex;justify-content:space-between;gap:35px;font-size:13px;border-bottom:1px solid var(--line);padding:15px 0}.scroll-cue{position:absolute;left:5%;top:87svh;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.scroll-cue:before{content:'';height:38px;width:1px;background:linear-gradient(var(--rust),transparent)}
.offer{position:relative;z-index:2;padding:38px 0 70px;background:var(--paper)}.rate,.offer-action{padding:30px 35px}.rate{border-right:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px}.rate small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.offer-action{display:flex;flex-direction:column;justify-content:center;gap:10px}.offer-action a{font-size:14px;display:flex;justify-content:space-between;gap:20px}.offer-action p{font-size:11px;color:var(--muted);margin:0}.questions{padding:40px 0 100px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:22px 0}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--rust);font-size:20px}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.8;color:var(--muted);max-width:600px;margin:0 0 24px}.launch{background:#252d27;color:var(--paper);padding:90px 0 25px}.launch h2{font-size:clamp(64px,8vw,130px);font-weight:400;letter-spacing:-.065em;line-height:.96;margin:0 0 45px}.launch em{color:#d2bfa6}.launch-top{display:flex;justify-content:space-between;align-items:end;gap:45px}.launch-top p{font-size:14px;line-height:1.8;color:#a7afa3;max-width:280px;margin-bottom:50px}.launch-bottom{border-top:1px solid #ffffff30;padding:28px 0 60px;display:flex;align-items:center;justify-content:space-between;gap:25px}.launch-bottom>span{font-size:10px;letter-spacing:.1em;color:#a7afa3}.launch .btn{background:var(--paper);color:var(--ink)}footer{border-top:1px solid #ffffff25;padding-top:24px;font-size:10px;color:#a7afa3;display:flex;justify-content:space-between;gap:20px}footer div{display:flex;gap:25px}.backdrop{position:fixed;inset:0;background:#19211970;z-index:50}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,92vw);background:var(--paper);padding:50px 38px;overflow:auto;z-index:51}.drawer h2{font-size:40px;font-weight:400;letter-spacing:-.05em}.drawer p,.drawer li{font-size:13px;line-height:1.8;color:var(--muted)}.drawer li{margin-bottom:15px}.drawer-close{position:absolute;right:25px;top:18px;font-size:30px}[hidden]{display:none!important}
@media(max-width:760px){.studybar{font-size:8px}.nav{height:78px}.logo{width:155px}.links{gap:0}.links>a:not(.btn){display:none}.nav .btn{min-height:42px;padding:10px 13px;font-size:10px;gap:14px}.nav .btn span{font-size:23px}.chapter-inner{top:max(4svh,var(--story-screen-top));left:6%;width:88%;max-width:none;margin-left:0;padding:12px 0;max-height:43svh}.chapter h1{font-size:59px;margin:14px 0 12px}.chapter h2{font-size:43px;margin:13px 0}.chapter p{font-size:12px;line-height:1.7;margin:12px 0;max-width:310px}.chapter .eyebrow{font-size:8px}.hero-actions{gap:18px}.hero-actions .btn{min-height:45px;padding:10px 15px;font-size:11px;gap:25px}.hero-actions .btn span{font-size:25px}.hero-note{margin-top:9px;font-size:8px}.textlink{padding:10px 0;font-size:10px}.hero-chapter .chapter-inner{top:max(2svh,var(--story-screen-top))}.hero-chapter .chapter h1{font-size:59px}.chapter-note{font-size:10px;max-width:290px}.phase-tabs{margin-top:15px;gap:24px;padding-top:9px;max-width:290px}.phase-tabs a{font-size:10px}.material-choices{padding-top:12px;gap:25px;max-width:300px}.material-choice{min-width:65px;font-size:11px;padding-bottom:8px}.material-choice img{width:32px;height:32px;margin-bottom:6px}.material-name{font-size:9px;margin-top:10px}.document-link{font-size:11px;padding:10px 0}.scroll-cue{top:91svh;font-size:8px}.story-status{left:10%;width:80%;top:65%}.offer{padding:20px 0 50px}.rate{padding:22px 16px;display:block}.rate small{font-size:9px}.offer-action{grid-column:1/-1;border-top:1px solid var(--line);padding:22px 16px}.questions{padding:10px 0 65px}summary{font-size:12px;padding:18px 0}.launch{padding-top:65px}.launch h2{font-size:64px;margin-bottom:25px}.launch-top{display:block}.launch-top p{font-size:12px;margin:0 0 30px}.launch-bottom{display:block;padding-bottom:35px}.launch-bottom>span{font-size:8px}.launch-bottom .btn{margin-top:22px;width:100%}footer{flex-direction:column;font-size:9px}footer div{gap:20px}.drawer{padding:45px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter-inner{transform:none}.btn{transition:none}}

/* Interaction belongs to readable copy, not translucent departing controls. */
html{scrollbar-gutter:stable}.chapter-inner.is-interactive{pointer-events:auto}.chapter-inner{will-change:opacity,transform}.chapter-inner.is-muted{will-change:auto}.phase-tabs a{display:inline-flex;align-items:center;min-height:44px}.phase-tabs a[aria-current=location],.nav a[aria-current=location]{color:var(--rust)}.studybar button{min-height:32px;padding:6px 0}.drawer-close{min-width:44px;min-height:44px}.drawer{margin:0;left:auto;border:0;max-width:none;max-height:100svh;height:100svh}.drawer::backdrop{background:#19211970}.skip-link{position:fixed;top:8px;left:16px;z-index:100;transform:translateY(-160%);padding:14px 18px;background:var(--ink);color:var(--paper);font-size:13px}.skip-link:focus{transform:none}.story-stage:focus-visible{outline:2px solid var(--rust);outline-offset:-4px}
html[data-story-static=true] .hero-chapter,html[data-story-static=true] .project-chapter,html[data-story-static=true] .material-chapter{height:100svh}html[data-story-static=true] .document-chapter{height:200svh}html[data-story-static=true] .chapter-inner{transform:none}
@media(max-height:600px) and (orientation:landscape){.chapter-inner{top:max(7svh,var(--story-screen-top));left:5%;width:38%;max-height:none;padding:8px 0}.chapter h1{font-size:clamp(34px,4.8vw,54px);margin:12px 0}.chapter h2{font-size:clamp(29px,4vw,44px);margin:12px 0}.chapter p{font-size:12px;line-height:1.5;margin:12px 0}.chapter .eyebrow{font-size:8px}.hero-actions{gap:12px}.hero-actions .btn{min-height:40px;padding:9px 12px;font-size:11px;gap:15px}.hero-note{font-size:8px;margin-top:8px}.chapter-note{font-size:10px}.phase-tabs{margin-top:10px;padding-top:4px}.material-choices{padding-top:10px;gap:18px}.material-choice{min-width:58px;font-size:11px;padding-bottom:8px}.material-choice img{width:30px;height:30px;margin-bottom:6px}.material-name{font-size:9px;margin-top:8px}.document-link{font-size:11px;padding:10px 0}.scroll-cue{display:none}}
@media(max-height:600px) and (orientation:portrait){.chapter-inner{top:max(2svh,var(--story-screen-top));max-height:none;padding:8px 0}.chapter h1{font-size:44px;margin:10px 0}.chapter h2{font-size:34px;margin:10px 0}.chapter p{font-size:12px;line-height:1.5;margin:10px 0}.hero-actions{gap:12px}.hero-actions .btn{min-height:40px;padding:8px 12px;font-size:10px;gap:15px}.hero-actions .textlink{font-size:9px}.hero-note{font-size:8px;margin-top:6px}.material-choices{padding-top:8px}.material-choice img{width:28px;height:28px;margin-bottom:4px}.material-choice{padding-bottom:6px}.material-name{font-size:9px;margin-top:6px}.phase-tabs{margin-top:8px;padding-top:2px}.chapter-note{font-size:10px}.scroll-cue{display:none}}

@media(max-width:760px){:root{--story-screen-top:128px}}

.phase-tabs a[aria-current=location]{border-bottom-color:var(--rust)}

/* Shared, scroll-driven translation. Copy remains opaque and its layout is stable. */
@media (prefers-reduced-motion: no-preference) and (min-height: 601px) {
  :is(.chapter-inner,.finale-heading,.finale-sheet,.finale-questions,.launch-top,.launch-bottom) > * {
    translate: 0 calc((var(--copy-arrive, 0) * var(--copy-step, 12px)) - var(--copy-leave, 0) * 12px);
  }
  :is(.chapter-inner,.finale-heading,.finale-sheet,.finale-questions,.launch-top,.launch-bottom) > :nth-child(2) { --copy-step: 17px; }
  :is(.chapter-inner,.finale-heading,.finale-sheet,.finale-questions,.launch-top,.launch-bottom) > :nth-child(3) { --copy-step: 22px; }
  :is(.chapter-inner,.finale-heading,.finale-sheet,.finale-questions,.launch-top,.launch-bottom) > :nth-child(n+4) { --copy-step: 27px; }
}

/* The moving sheet hands off to the document's typeset details. */
.story-finale { position: relative; }
.story-finale .offer { padding: 24px 0 clamp(48px, 8vw, 112px); }
.story-finale .questions { padding: 0 0 clamp(64px, 9vw, 126px); }
.finale-grid {
  display: grid;
  grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
  align-items: start;
  gap: clamp(24px, 5vw, 80px);
}
.finale-heading h2 {
  font-size: clamp(37px, 5vw, 82px);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.06em;
  margin: 20px 0 0;
}
.finale-heading p { max-width: 280px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.finale-sheet {
  background: #f4f1e9;
  border: 1px solid var(--line);
  box-shadow: 5px 6px 0 #ddddd2;
}
.sheet-index {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 13px clamp(14px, 3vw, 32px);
  border-bottom: 1px solid var(--line);
  font-size: 10px;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--muted);
}
.sheet-rates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.sheet-rates .rate { display: block; padding: 20px clamp(14px, 3vw, 32px); }
.sheet-rates .rate:last-child { border-right: 0; }
.sheet-rates dt { font-size: 15px; }
.sheet-rates dt small { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; }
.sheet-rates dd { margin: 15px 0 0; font: clamp(30px, 4vw, 60px)/1 Georgia, serif; letter-spacing: -.045em; }
.sheet-rates dd small { display: inline; font: 13px Plex, Arial, sans-serif; letter-spacing: 0; }
.finale-sheet .offer-action { border-top: 1px solid var(--line); padding: 16px clamp(14px, 3vw, 32px); }
.finale-sheet .offer-action a { min-height: 44px; align-items: center; }
.finale-questions { border-bottom: 1px solid var(--line); }
.finale-questions summary { min-height: 48px; }
.story-finale :is(summary, a):focus-visible { outline: 2px solid var(--rust); outline-offset: 4px; }

@media (max-width: 760px) {
  .finale-grid { grid-template-columns: minmax(0, 1fr); }
  .finale-heading h2 { margin-top: 14px; }
  .finale-heading p { margin-bottom: 0; }
  .sheet-rates dt { font-size: 13px; }
  .sheet-rates dt small { font-size: 11px; }
}

/* Keep the same plan visible while the pricing and FAQ pass beside it. */
.story-finale { z-index: 2; pointer-events: none; }
.story-finale .offer, .story-finale .questions {
  min-height: 100svh;
  background: transparent;
  padding: clamp(32px, 10svh, 96px) 0 48px;
}
.story-finale .finale-grid {
  width: 38%;
  margin-inline: 5% auto;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(20px, 4svh, 36px);
  pointer-events: auto;
  background: var(--paper);
}
@media (max-width: 760px) and (orientation: portrait) {
  .story-finale .offer, .story-finale .questions { padding: 24px 0 42svh; }
  .story-finale .finale-grid { width: 88%; margin-inline: auto; }
  .story-finale .finale-heading h2 { font-size: clamp(28px, 8vw, 46px); }
  .story-finale .sheet-rates .rate { padding-block: 10px; }
  .story-finale .finale-sheet .offer-action { padding-block: 5px 10px; }
}

/* Hold the two reading poses before the sticky scene leaves with the page. */
.story-finale .questions { min-height: 126svh; }
@media (min-width: 761px) and (min-height: 601px) {
  .story-finale .offer .finale-grid { position: sticky; top: clamp(32px, 10svh, 96px); }
}
@media (prefers-reduced-motion: reduce), (max-height: 600px) {
  .story-finale .questions { min-height: 100svh; }
  .story-finale .offer .finale-grid { position: static; }
}