@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

.book-method {
  width: 100%;
  padding: 145px max(20px, calc((100vw - var(--max)) / 2));
  color: var(--paper);
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 105, 56, .13), transparent 30%),
    radial-gradient(circle at 88% 76%, rgba(185, 163, 255, .09), transparent 28%),
    var(--ink-soft);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.book-method__inner {
  width: min(100%, var(--max));
  margin: 0 auto;
}

.book-method__intro {
  display: grid;
  grid-template-columns: .62fr 1.18fr .72fr;
  gap: 42px;
  align-items: end;
}

.book-method__intro .eyebrow { align-self: start; }

.book-method__intro h2 {
  margin: 0;
  font-size: clamp(42px, 5vw, 70px);
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 520;
}

.book-method__intro > p:last-child {
  margin: 0;
  color: rgba(247, 241, 232, .57);
  font-size: 14px;
}

.book-method__intro em,
.company__copy em {
  color: var(--amber);
  font-family: Georgia, serif;
  font-style: italic;
}

.book-method__axis {
  margin-top: 66px;
  display: grid;
  grid-template-columns: 1fr 170px 1fr;
  align-items: stretch;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.book-method__axis article {
  min-height: 250px;
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.book-method__axis article:first-child { padding-right: 42px; }
.book-method__axis article:last-child { padding-left: 42px; }

.book-method__axis article > span {
  margin-bottom: auto;
  color: var(--ember);
  font: 500 9px "DM Mono", monospace;
  letter-spacing: .14em;
}

.book-method__axis article:last-child > span { color: var(--lime); }

.book-method__axis article strong {
  display: block;
  max-width: 500px;
  font-size: clamp(24px, 2.7vw, 38px);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.book-method__axis article p {
  max-width: 500px;
  margin: 18px 0 0;
  color: rgba(247, 241, 232, .47);
  font-size: 12px;
}

.book-method__axis-mark {
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  place-items: center;
  border-left: 1px solid var(--line);
  border-right: 1px solid var(--line);
}

.book-method__axis-mark i {
  width: 1px;
  height: 100%;
  background: linear-gradient(transparent, var(--ember), var(--amber));
}

.book-method__axis-mark i:last-child {
  background: linear-gradient(var(--amber), var(--lime), transparent);
}

.book-method__axis-mark b {
  width: 86px;
  height: 86px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 178, 76, .32);
  border-radius: 50%;
  color: var(--ink);
  background: linear-gradient(140deg, var(--amber), var(--ember));
  box-shadow: 0 18px 50px rgba(255, 105, 56, .16);
  font: 800 9px "DM Mono", monospace;
  letter-spacing: .1em;
}

.book-principles {
  margin-top: 70px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.book-principle {
  min-height: 365px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .015);
}

.book-principle:nth-child(2) {
  background: linear-gradient(145deg, rgba(255, 105, 56, .09), transparent 58%);
}

.book-principle:nth-child(3) {
  background: linear-gradient(145deg, rgba(185, 163, 255, .085), transparent 58%);
}

.book-principle > span {
  margin-bottom: auto;
  color: rgba(247, 241, 232, .28);
  font: 400 9px "DM Mono", monospace;
}

.book-principle__label {
  margin: 0 0 13px;
  color: var(--amber) !important;
  font: 500 10px "DM Mono", monospace !important;
  text-transform: uppercase;
  letter-spacing: .11em;
}

.book-principle h3 {
  margin: 0;
  font-size: 27px;
  line-height: 1.12;
  letter-spacing: -.04em;
}

.book-principle > p:last-child {
  margin: 18px 0 0;
  color: rgba(247, 241, 232, .5);
  font-size: 12px;
}

.inatre {
  margin-top: 70px;
  padding: 46px;
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 65px;
  align-items: start;
  border: 1px solid rgba(255, 178, 76, .23);
  border-radius: 25px;
  background:
    linear-gradient(145deg, rgba(255, 178, 76, .08), transparent 48%),
    rgba(255, 255, 255, .018);
}

.inatre__copy h3 {
  margin: 0;
  color: transparent;
  background: linear-gradient(95deg, var(--amber), var(--ember), var(--rose));
  background-clip: text;
  font: 600 clamp(48px, 6vw, 86px) "DM Mono", monospace;
  line-height: .94;
  letter-spacing: -.08em;
}

.inatre__copy > p:last-child {
  max-width: 470px;
  margin: 28px 0 0;
  color: rgba(247, 241, 232, .54);
  font-size: 13px;
}

.inatre__steps {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
}

.inatre__steps li {
  min-height: 105px;
  padding: 18px 0;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 20px;
  align-items: center;
  border-bottom: 1px solid var(--line);
}

.inatre__steps li > span {
  width: 45px;
  height: 45px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 178, 76, .25);
  border-radius: 50%;
  color: var(--amber);
  font: 500 10px "DM Mono", monospace;
}

.inatre__steps strong { font-size: 15px; }
.inatre__steps p { margin: 5px 0 0; color: rgba(247, 241, 232, .45); font-size: 11px; }

.book-method__statement {
  margin-top: 70px;
  padding-top: 38px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 40px;
  border-top: 1px solid var(--line);
}

.book-method__statement p {
  margin: 0;
  color: rgba(247, 241, 232, .42);
  font-size: 14px;
}

.book-method__statement strong {
  grid-column: 1 / -1;
  margin-top: 16px;
  color: var(--paper);
  font-size: clamp(42px, 6vw, 82px);
  line-height: .96;
  letter-spacing: -.06em;
}

@media (max-width: 1040px) {
  .book-method__intro { grid-template-columns: 1fr 1.4fr; }
  .book-method__intro > p:last-child { grid-column: 2; }
  .book-method__axis { grid-template-columns: 1fr 120px 1fr; }
  .inatre { grid-template-columns: 1fr; gap: 40px; }
}

@media (max-width: 820px) {
  .book-method__intro { grid-template-columns: 1fr; }
  .book-method__intro > p:last-child { grid-column: auto; }
  .book-method__axis { grid-template-columns: 1fr; }
  .book-method__axis article:first-child,
  .book-method__axis article:last-child { padding: 32px 0; }
  .book-method__axis-mark {
    min-height: 125px;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 1fr;
    border: 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }
  .book-method__axis-mark i { width: 100%; height: 1px; background: linear-gradient(90deg, transparent, var(--ember), var(--amber)); }
  .book-method__axis-mark i:last-child { background: linear-gradient(90deg, var(--amber), var(--lime), transparent); }
  .book-principles { grid-template-columns: 1fr; }
  .book-principle { min-height: 285px; }
  .book-method__statement { grid-template-columns: 1fr; }
  .book-method__statement strong { grid-column: auto; }
}

@media (max-width: 600px) {
  .book-method { padding: 100px 14px; }
  .book-method__axis { margin-top: 46px; }
  .book-method__axis article { min-height: 235px; }
  .book-principles, .inatre, .book-method__statement { margin-top: 50px; }
  .inatre { padding: 30px 20px; border-radius: 19px; }
  .inatre__copy h3 { font-size: 52px; }
  .book-method__statement strong { font-size: 48px; }
}

/* Book-derived editorial art direction */
:root {
  --book-orange: #e95a3a;
  --book-charcoal: #252525;
  --book-gray: #b9bcbe;
  --book-pale: #eceeec;
  --book-paper: #faf9f5;
  --book-white: #ffffff;
}

body {
  color: var(--book-charcoal);
  background: var(--book-paper);
}

.ambient { display: none; }

.site-header {
  color: var(--book-charcoal);
  border: 1px solid rgba(37, 37, 37, .22);
  border-radius: 0;
  background: rgba(250, 249, 245, .95);
  box-shadow: 8px 8px 0 rgba(185, 188, 190, .25);
}
.site-header.scrolled { background: rgba(250, 249, 245, .98); box-shadow: 5px 5px 0 rgba(185, 188, 190, .28); }
.brand { color: var(--book-charcoal); }
.brand__mark span { background: var(--book-charcoal); }
.brand__mark span:nth-child(2), .brand__mark span:nth-child(3) { background: var(--book-orange); }
.site-nav { color: rgba(37, 37, 37, .68); }
.site-nav > a:not(.button):hover { color: var(--book-orange); }
.button--ghost { color: var(--book-charcoal); border-color: var(--book-charcoal); border-radius: 0; }
.menu-button span { background: var(--book-charcoal); }

.eyebrow { color: rgba(37, 37, 37, .54); }
.pulse { background: var(--book-orange); box-shadow: 0 0 0 6px rgba(233, 90, 58, .12); }

.hero {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  color: var(--book-charcoal);
}
.hero::before {
  content: "BURN-IN\A BURN-IN\A BURN-IN";
  position: absolute;
  z-index: -2;
  top: 108px;
  right: -2vw;
  white-space: pre;
  color: rgba(185, 188, 190, .25);
  font: 400 clamp(118px, 15vw, 240px)/.74 "Bebas Neue", sans-serif;
  letter-spacing: -.035em;
  text-align: right;
  pointer-events: none;
}
.hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 108px;
  right: -2vw;
  width: min(41vw, 560px);
  height: 11px;
  background: var(--book-orange);
  pointer-events: none;
}
.hero h1 {
  color: var(--book-charcoal);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(72px, 9vw, 132px);
  font-weight: 400;
  line-height: .79;
  letter-spacing: -.025em;
  text-transform: uppercase;
}
.hero h1 em {
  color: var(--book-orange);
  background: none;
  font-family: "Bebas Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.hero__lede {
  color: rgba(37, 37, 37, .78);
  font-family: "Libre Baskerville", Georgia, serif;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.85;
}
.hero__actions .button { border-radius: 0; }
.button--primary {
  color: var(--book-white);
  background: var(--book-orange);
  box-shadow: 8px 8px 0 var(--book-charcoal);
}
.button--primary:hover { color: var(--book-white); background: #d94f31; transform: translate(-2px, -2px); box-shadow: 10px 10px 0 var(--book-charcoal); }
.text-link { color: var(--book-charcoal); border-bottom: 1px solid var(--book-charcoal); }
.hero__proof { border-top: 2px solid var(--book-charcoal); }
.hero__proof strong { color: var(--book-orange); text-transform: uppercase; letter-spacing: .05em; }
.hero__proof span { color: rgba(37, 37, 37, .58); }

.hero__visual { padding: 24px; background: var(--book-white); border: 1px solid var(--book-charcoal); box-shadow: 18px 18px 0 var(--book-gray); }
.burnout-map { color: var(--book-charcoal); border: 0; border-radius: 0; background: var(--book-white); box-shadow: none; transform: none; }
.burnout-map__topbar { color: rgba(37, 37, 37, .6); border-bottom: 2px solid var(--book-charcoal); }
.window-dots i { background: var(--book-gray); }
.window-dots i:nth-child(1) { background: var(--book-orange); }
.status i { background: var(--book-orange); }
.burnout-map__signal { color: var(--book-white); border: 0; border-radius: 0; background: var(--book-orange); }
.signal-label { color: rgba(255,255,255,.72); }
.signal-score { color: var(--book-charcoal); background: var(--book-white); border-radius: 0; }
.flow-node { border: 1px solid var(--book-charcoal); border-radius: 0; background: var(--book-pale); }
.flow-node > span { color: rgba(37, 37, 37, .45); }
.flow-node small { color: rgba(37, 37, 37, .58); }
.flow-node--heat { border-color: var(--book-charcoal); }
.flow-node--system { border: 0; color: var(--book-white); background: var(--book-orange); }
.flow-node--system > span, .flow-node--system small { color: rgba(255,255,255,.75); }
.flow-node--human { background: var(--book-white); border: 2px solid var(--book-charcoal); }
.flow-arrow span { background: var(--book-orange); }
.burnout-map__footer { color: var(--book-charcoal); border-top: 2px solid var(--book-charcoal); background: var(--book-pale); }
.burnout-map__footer span { color: rgba(37, 37, 37, .46); }
.float-note { color: rgba(37,37,37,.62); border: 1px solid var(--book-charcoal); border-radius: 0; background: var(--book-white); box-shadow: 8px 8px 0 rgba(185,188,190,.45); }
.float-note span, .float-note--one span, .float-note--two span { color: var(--book-orange); }

.marquee { color: var(--book-white); border: 0; background: var(--book-orange); }
.marquee__track { color: var(--book-white); font-family: "Bebas Neue", sans-serif; font-size: 17px; letter-spacing: .08em; }
.marquee__track i { background: var(--book-charcoal); }

.thesis, .gotchu-detail, .company { color: var(--book-charcoal); }
.section-heading h2, .gotchu-detail h2, .company h2, .final-cta h2, .book-method__intro h2 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  letter-spacing: -.015em;
  text-transform: uppercase;
}
.section-heading > p:last-child, .gotchu-detail__intro > p:last-child, .company__copy p {
  color: rgba(37,37,37,.67);
  font-family: "Libre Baskerville", Georgia, serif;
}
.thesis-grid { border-color: var(--book-charcoal); }
.thesis-card { color: var(--book-charcoal); border-color: var(--book-charcoal); background: var(--book-white); }
.thesis-card > span { color: var(--book-orange); }
.thesis-card h3 { font-family: "Bebas Neue", sans-serif; font-size: 34px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; }
.thesis-card p { color: rgba(37,37,37,.62); font-family: "Libre Baskerville", Georgia, serif; font-size: 11px; }
.thesis-card--accent { color: var(--book-white); background: var(--book-orange); }
.thesis-card--accent > span, .thesis-card--accent h3 { color: var(--book-white); }
.thesis-card--accent p { color: rgba(255,255,255,.78); }
.thesis-statement { border-color: var(--book-charcoal); }
.thesis-statement p { color: rgba(37,37,37,.58); font-family: "Libre Baskerville", Georgia, serif; font-style: italic; }
.thesis-statement strong { font-family: "Bebas Neue", sans-serif; font-weight: 400; letter-spacing: 0; text-transform: uppercase; }

.book-method { color: var(--book-charcoal); background: var(--book-pale); border-color: var(--book-charcoal); }
.book-method__intro > p:last-child { color: rgba(37,37,37,.68); font-family: "Libre Baskerville", Georgia, serif; }
.book-method__intro em, .company__copy em { color: var(--book-orange); }
.book-method__axis { border-color: var(--book-charcoal); }
.book-method__axis article > span, .book-method__axis article:last-child > span { color: var(--book-orange); }
.book-method__axis article strong { font-family: "Bebas Neue", sans-serif; font-size: clamp(31px, 3.2vw, 48px); font-weight: 400; letter-spacing: 0; text-transform: uppercase; }
.book-method__axis article p { color: rgba(37,37,37,.62); font-family: "Libre Baskerville", Georgia, serif; }
.book-method__axis-mark { border-color: var(--book-charcoal); }
.book-method__axis-mark i, .book-method__axis-mark i:last-child { background: var(--book-orange); }
.book-method__axis-mark b { color: var(--book-white); border: 0; border-radius: 0; background: var(--book-orange); box-shadow: 8px 8px 0 var(--book-charcoal); font-family: "Bebas Neue", sans-serif; font-size: 18px; font-weight: 400; }
.book-principles { border-color: var(--book-charcoal); }
.book-principle, .book-principle:nth-child(2), .book-principle:nth-child(3) { color: var(--book-charcoal); border-color: var(--book-charcoal); background: var(--book-white); }
.book-principle:nth-child(2) { background: var(--book-pale); }
.book-principle:nth-child(3) { background: linear-gradient(180deg, var(--book-white) 0 64%, var(--book-gray) 64%); }
.book-principle > span { color: var(--book-orange); }
.book-principle__label { color: var(--book-orange) !important; }
.book-principle h3 { font-family: "Bebas Neue", sans-serif; font-size: 36px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; }
.book-principle > p:last-child { color: rgba(37,37,37,.62); font-family: "Libre Baskerville", Georgia, serif; }
.inatre { border: 2px solid var(--book-charcoal); border-radius: 0; background: var(--book-white); box-shadow: 14px 14px 0 var(--book-gray); }
.inatre__copy h3 { color: var(--book-orange); background: none; font-family: "Bebas Neue", sans-serif; font-weight: 400; letter-spacing: -.02em; }
.inatre__copy > p:last-child { color: rgba(37,37,37,.65); font-family: "Libre Baskerville", Georgia, serif; }
.inatre__steps { border-color: var(--book-charcoal); }
.inatre__steps li { border-color: var(--book-charcoal); }
.inatre__steps li > span { color: var(--book-white); border: 0; border-radius: 0; background: var(--book-orange); font-family: "Bebas Neue", sans-serif; font-size: 17px; }
.inatre__steps strong { font-family: "Bebas Neue", sans-serif; font-size: 24px; font-weight: 400; text-transform: uppercase; }
.inatre__steps p { color: rgba(37,37,37,.58); font-family: "Libre Baskerville", Georgia, serif; }
.book-method__statement { border-color: var(--book-charcoal); }
.book-method__statement p { color: rgba(37,37,37,.55); font-family: "Libre Baskerville", Georgia, serif; font-style: italic; }
.book-method__statement strong { color: var(--book-orange); font-family: "Bebas Neue", sans-serif; font-weight: 400; letter-spacing: 0; text-transform: uppercase; }

.systems { color: var(--book-charcoal); background: var(--book-white); }
.section-heading--light .eyebrow { color: rgba(37,37,37,.5); }
.section-heading--light > p:last-child { color: rgba(37,37,37,.64); }
.system-stack, .system-family { border-color: var(--book-charcoal); }
.system-family__number { color: var(--book-orange); }
.system-family__meta span { color: rgba(37,37,37,.64); border-color: var(--book-charcoal); border-radius: 0; }
.system-family h3, .system-family--clinical h3, .system-family--gotchu h3, .system-family--work h3 { color: var(--book-charcoal); font-family: "Bebas Neue", sans-serif; font-weight: 400; letter-spacing: -.015em; text-transform: uppercase; }
.system-family h3 small { color: var(--book-orange); font-family: "Libre Baskerville", Georgia, serif; font-style: italic; text-transform: none; }
.system-family__copy > p { color: rgba(37,37,37,.66); font-family: "Libre Baskerville", Georgia, serif; }
.system-family__metric { border-color: var(--book-charcoal); border-radius: 0; background: var(--book-pale); }
.system-family__metric span { color: var(--book-orange); }
.system-family__metric strong { font-family: "Bebas Neue", sans-serif; font-size: 27px; font-weight: 400; text-transform: uppercase; }
.product-pills span { color: var(--book-charcoal); border: 1px solid var(--book-charcoal); border-radius: 0; background: var(--book-white); }
.button--dark { color: var(--book-white); border-radius: 0; background: var(--book-charcoal); box-shadow: 6px 6px 0 var(--book-orange); }
.button--dark:hover { background: var(--book-orange); }
.gotchu-promise { color: var(--book-orange); font-family: "Libre Baskerville", Georgia, serif; }

.gotchu-detail { background: var(--book-paper); }
.gotchu-steps { border-color: var(--book-charcoal); }
.gotchu-steps article { color: var(--book-charcoal); border-color: var(--book-charcoal); background: var(--book-white); }
.gotchu-steps article:nth-child(2) { background: var(--book-pale); }
.gotchu-steps article:nth-child(3) { background: linear-gradient(180deg, var(--book-white) 0 70%, var(--book-gray) 70%); }
.gotchu-steps span { color: var(--book-orange); }
.gotchu-steps h3 { font-family: "Bebas Neue", sans-serif; font-size: 38px; font-weight: 400; text-transform: uppercase; }
.gotchu-steps p { color: rgba(37,37,37,.62); font-family: "Libre Baskerville", Georgia, serif; }
.gotchu-disclaimer { color: rgba(37,37,37,.43); }

.company__manifesto { border-color: var(--book-charcoal); font-family: "Bebas Neue", sans-serif; font-weight: 400; text-transform: uppercase; }
.company__manifesto span:first-child { color: var(--book-charcoal); }
.company__manifesto span:nth-child(2) { color: var(--book-gray); }
.company__manifesto strong { color: var(--book-orange); background: none; font-weight: 400; }
.company__copy p { color: rgba(37,37,37,.68); }

.final-cta__panel { color: var(--book-charcoal); border: 2px solid var(--book-charcoal); border-radius: 0; background: var(--book-orange); box-shadow: 18px 18px 0 var(--book-gray); }
.final-cta__copy .eyebrow { color: rgba(37,37,37,.6); }
.final-cta__lede { color: rgba(37,37,37,.75); font-family: "Libre Baskerville", Georgia, serif; }
.waitlist-form, .waitlist-success { border: 1px solid var(--book-charcoal); border-radius: 0; background: var(--book-white); box-shadow: 8px 8px 0 var(--book-charcoal); }
.waitlist-form input, .waitlist-form select, .waitlist-form textarea { border-color: var(--book-charcoal); border-radius: 0; background: var(--book-paper); }
.waitlist-success__mark { border-radius: 0; background: var(--book-orange); }
.waitlist-success h3 { font-family: "Bebas Neue", sans-serif; font-size: 48px; font-weight: 400; text-transform: uppercase; }

.site-footer { color: rgba(37,37,37,.58); border-color: var(--book-charcoal); background: var(--book-paper); }
.site-footer .brand { color: var(--book-charcoal); }
.site-footer a:hover { color: var(--book-orange); }

@media (max-width: 1040px) {
  .hero::before { top: 130px; right: 0; opacity: .62; }
  .hero::after { top: 130px; right: 0; }
}

@media (max-width: 820px) {
  .site-nav { color: var(--book-charcoal); border-color: var(--book-charcoal); border-radius: 0; background: var(--book-paper); box-shadow: 8px 8px 0 var(--book-gray); }
  .hero::before { top: 112px; right: -10px; font-size: clamp(96px, 24vw, 170px); opacity: .42; }
  .hero::after { top: 112px; right: -10px; width: 58vw; }
  .book-method__axis-mark { border-color: var(--book-charcoal); }
  .book-method__axis-mark i, .book-method__axis-mark i:last-child { background: var(--book-orange); }
}

@media (max-width: 600px) {
  .site-header { box-shadow: 4px 4px 0 rgba(185,188,190,.35); }
  .hero { padding-top: 118px; }
  .hero h1 { font-size: clamp(65px, 21vw, 96px); }
  .hero::before { top: 88px; right: -18px; font-size: 92px; line-height: .76; }
  .hero::after { top: 88px; right: -18px; width: 65vw; height: 7px; }
  .hero__visual { padding: 12px; box-shadow: 9px 9px 0 var(--book-gray); }
  .inatre { box-shadow: 8px 8px 0 var(--book-gray); }
  .final-cta__panel { box-shadow: 10px 10px 0 var(--book-gray); }
  .waitlist-form, .waitlist-success { box-shadow: 5px 5px 0 var(--book-charcoal); }
}