@charset "UTF-8";

:root {
  --ink: #171715;
  --ink-soft: #4c4a46;
  --paper: #f7f2e9;
  --paper-deep: #e9e1d4;
  --cobalt: #3157dc;
  --cobalt-dark: #172b70;
  --navy: #10182b;
  --rule: #c9c0b2;
  --green: #225c45;
  --amber: #a86416;
  --serif: "New York", "Iowan Old Style", Baskerville, Georgia, serif;
  --sans: "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --display: "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }

html {
  color: var(--ink);
  background: #d6d0c6;
  font-family: var(--serif);
  font-size: 11.35pt;
  line-height: 1.45;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body { margin: 0; background: var(--paper); }

@page {
  size: 7in 10in;
  margin: 0.62in 0.64in 0.58in;
}

@page reader {
  size: 7in 10in;
  margin: 0.62in 0.64in 0.58in;
  @top-left {
    content: "YOU.ONE";
    color: var(--cobalt-dark);
    font-family: var(--display);
    font-size: 7pt;
    font-weight: 800;
    letter-spacing: 0.13em;
  }
  @top-right {
    content: "FOUNDER STORY + PUBLIC VISION";
    color: #5f5b54;
    font-family: var(--sans);
    font-size: 6.7pt;
    font-weight: 700;
    letter-spacing: 0.09em;
  }
  @bottom-left {
    content: "JOSHUA SEGEREN · AUGUST 2026";
    color: #6f6a62;
    font-family: var(--sans);
    font-size: 6.5pt;
    font-weight: 700;
    letter-spacing: 0.07em;
  }
  @bottom-right {
    content: counter(page);
    color: var(--ink-soft);
    font-family: var(--sans);
    font-size: 7.2pt;
  }
}

@page cover {
  size: 7in 10in;
  margin: 0;
  @top-left { content: none; }
  @top-right { content: none; }
  @bottom-left { content: none; }
  @bottom-right { content: none; }
}

.cover {
  page: cover;
  position: relative;
  width: 7in;
  height: 10in;
  overflow: hidden;
  break-after: page;
  background: var(--paper);
}

.cover-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cover-copy {
  position: absolute;
  inset: 0;
  padding: 0.58in 0.58in 0.52in;
  display: flex;
  flex-direction: column;
}

.cover-brand,
.cover-footer {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  color: var(--cobalt-dark);
  font-family: var(--sans);
  font-size: 8pt;
  font-weight: 820;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

.cover-brand {
  position: static;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  font-size: 7.2pt;
  letter-spacing: 0.08em;
}

.cover-brand span:last-child {
  position: absolute;
  top: 0.48in;
  right: 0.58in;
  padding: 0.08in 0.12in 0.075in;
  color: #fff;
  background: rgba(16, 24, 43, 0.94);
  border-radius: 0.035in;
  box-shadow: 0 0.035in 0.1in rgba(16, 24, 43, 0.2);
  font-weight: 800;
  line-height: 1;
  text-shadow: none;
  white-space: nowrap;
}

.you-one-wordmark {
  position: absolute;
  top: 0.38in;
  left: 0.44in;
  width: 1.72in;
  height: auto;
  padding: 0.09in 0.12in 0.08in;
  background: rgba(247, 242, 233, 0.94);
  border-radius: 0.035in;
  box-shadow: 0 0.035in 0.1in rgba(16, 24, 43, 0.16);
}

.cover-top-copy {
  position: absolute;
  top: 1.05in;
  right: 0.58in;
  width: 2.85in;
  padding: 0.18in 0.22in 0.22in;
  background: rgba(247,242,233,.97);
  border-left: 0.06in solid var(--cobalt);
}

.cover-bottom-copy {
  position: absolute;
  top: 5.3in;
  right: 0.58in;
  width: 2.95in;
  padding: 0.2in 0.22in 0.24in;
  color: #fff;
  background: rgba(16,24,43,.97);
  border-left: 0.06in solid var(--cobalt);
}

.cover-role {
  margin-bottom: 0.08in;
  color: var(--cobalt-dark);
  font-family: var(--sans);
  font-size: 7.8pt;
  font-weight: 850;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.cover-bottom-copy .cover-role { color: #b9c5ff; }

.cover h1,
.cover h2 {
  margin: 0;
  font-family: var(--display);
  font-weight: 790;
  letter-spacing: -0.045em;
  line-height: 0.92;
}

.cover h1 { color: var(--cobalt); font-size: 31pt; }
.cover h2 { max-width: 2.55in; font-size: 29pt; }
.cover-footer { margin-top: auto; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.7); }

.reader-page {
  page: reader;
  min-height: 8.8in;
  break-after: page;
}

.reader-page:last-child { break-after: auto; }

.page-kicker {
  margin: 0 0 0.28in;
  display: flex;
  align-items: center;
  gap: 0.12in;
  color: var(--cobalt-dark);
  font-family: var(--sans);
  font-size: 7.5pt;
  font-weight: 820;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.page-kicker span {
  width: 0.28in;
  height: 0.28in;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--cobalt);
  font-size: 6.7pt;
  letter-spacing: 0;
}

.page-body {
  font-family: var(--serif);
  font-size: 10.45pt;
}

.page-body h1 {
  max-width: 5.35in;
  margin: 0 0 0.25in;
  font-family: var(--display);
  font-size: 27pt;
  font-weight: 790;
  letter-spacing: -0.042em;
  line-height: 0.98;
}

.page-body h2 {
  margin: 0;
  font-family: var(--display);
  font-size: 15.5pt;
  letter-spacing: -0.025em;
  line-height: 1.08;
}

.page-body p { margin: 0 0 0.68em; }
.page-body p + p { text-indent: 1.05em; }
.page-body em { font-style: italic; }
.page-body strong { font-weight: 700; }

/* Keep editorial emphasis inside prose compact. The display-weight treatment
   used elsewhere makes the system serif expand noticeably at inline sizes. */
.page-body p strong,
.page-body p b,
.page-body li strong,
.page-body li b,
.page-body figcaption strong,
.page-body figcaption b {
  font-weight: 650;
  font-stretch: normal;
  letter-spacing: -0.018em;
  word-spacing: normal;
}

.act-marker { margin: -.16in 0 .03in; color: var(--cobalt-dark); font-family: var(--sans); font-size: 6.6pt; font-weight: 880; line-height: 1; letter-spacing: .12em; text-transform: uppercase; }

.pull-quote {
  margin-top: 0.25in;
  padding: 0.2in 0.22in;
  color: #fff;
  background: #262522;
  border-radius: 0.09in;
  font-family: var(--display);
  font-size: 16pt;
  font-weight: 680;
  letter-spacing: -0.02em;
  line-height: 1.18;
}

.pull-quote.cobalt { background: var(--cobalt-dark); }

.formula {
  margin: 0.22in 0 0;
  padding: 0.22in 0.24in;
  display: grid;
  gap: 0.03in;
  color: #fff;
  background: var(--cobalt-dark);
  border-radius: 0.09in;
  font-family: var(--display);
  font-size: 20pt;
  letter-spacing: -0.03em;
  line-height: 1.05;
}
.formula span { color: #c9d3ff; }

.truth-line {
  margin-top: 0.1in;
  padding: 0.12in 0.14in;
  color: #34312d;
  background: #e9e3d9;
  border-radius: 0.05in;
  font-family: var(--sans);
  font-size: 9.2pt;
  line-height: 1.35;
}
.truth-line b { color: var(--cobalt-dark); }

.screen-proof,
.origin-screen,
.guide-current {
  margin: 0.16in 0;
  overflow: hidden;
  background: #fffaf1;
  border: 1px solid var(--rule);
  border-radius: 0.08in;
  break-inside: avoid;
}
.screen-proof img { display: block; width: 100%; height: 2.52in; object-fit: cover; object-position: center; }
.screen-proof figcaption,
.origin-screen figcaption,
.guide-current figcaption {
  padding: 0.08in 0.11in;
  color: #393632;
  background: #fffaf3;
  border-top: 1px solid var(--rule);
  font-family: var(--sans);
  font-size: 8.7pt;
  line-height: 1.32;
}
.chat-blank img { object-position: center; }
.mobile-proof-layout { margin: 0.12in 0; display: grid; gap: 0.16in; align-items: start; }
.mobile-proof-layout.chat-proof { grid-template-columns: minmax(0, 1fr) 2.28in; }
.mobile-proof-layout.guide-proof { grid-template-columns: 2.46in minmax(0, 1fr); }
.mobile-proof-layout figure { margin: 0; overflow: hidden; background: #050506; border: 1px solid #bdb5a8; border-radius: 0.08in; break-inside: avoid; }
.mobile-proof-layout figure img { display: block; width: 100%; height: auto; object-fit: contain; }
.mobile-proof-layout figcaption { padding: 0.08in 0.1in; color: #393632; background: #fffaf3; border-top: 1px solid var(--rule); font-family: var(--sans); font-size: 8.4pt; line-height: 1.3; }
.mobile-proof-copy { font-family: inherit; font-size: inherit; line-height: 1.4; }
.mobile-proof-copy p { margin: 0 0 0.1in; text-indent: 0 !important; }
.mini-callout { margin-top: 0.12in; padding: 0.12in 0.14in; color: #fff; background: var(--cobalt-dark); border-radius: 0.05in; font-family: var(--display); font-size: 13.5pt; font-weight: 760; letter-spacing: -0.02em; }
.origin-screen { display: grid; grid-template-columns: 1.42in 1fr; }
.origin-screen figure,
.guide-current figure { margin: 0; }
.origin-screen > div,
.guide-current > div { padding: 0.14in 0.16in; font-family: var(--sans); }
.guide-current > div { display: grid; align-content: center; }
.origin-screen > div p,
.guide-current > div p { margin: 0 0 0.08in; font-size: 9.2pt; line-height: 1.35; text-indent: 0; }
.origin-screen img { display: block; width: 1.42in; height: 2.12in; object-fit: cover; object-position: top center; }
.origin-screen figcaption { font-size: 8.5pt; line-height: 1.34; }
.origin-screen figcaption strong { display: block; margin-bottom: 0.05in; color: var(--cobalt-dark); font-family: var(--display); font-size: 12pt; }

.help-line {
  margin: 0.22in 0;
  padding: 0.27in 0.28in;
  color: #fff;
  background: linear-gradient(135deg, var(--cobalt-dark), #3157dc);
  border-radius: 0.09in;
  font-family: var(--sans);
  text-align: center;
}
.help-line span { display: block; color: #cbd4ff; font-size: 8pt; font-weight: 850; letter-spacing: 0.13em; }
.help-line b { display: block; margin: 0.06in 0; font-family: var(--display); font-size: 25pt; line-height: 1; }
.help-line p { max-width: 4.5in; margin: 0 auto; font-size: 10pt; line-height: 1.4; text-indent: 0; }

.life-loops {
  margin: 0.18in 0 0.2in;
  display: grid;
  grid-template-columns: 1.18fr 1fr 1fr;
  gap: 0.09in;
  font-family: var(--sans);
  font-size: 9.5pt;
}
.life-loops > div { min-height: 0.55in; padding: 0.12in; display: grid; place-items: center; text-align: center; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.08in; }
.life-loops .loop-center { grid-row: span 2; color: #fff; background: var(--cobalt-dark); border-color: var(--cobalt-dark); font-family: var(--display); font-size: 15pt; font-weight: 760; line-height: 1.05; }

.power-balance {
  margin-top: 0.26in;
  padding: 0.15in;
  display: grid;
  grid-template-columns: minmax(0, 1.85fr) 0.6in minmax(0, 0.68fr);
  gap: 0.08in;
  align-items: center;
  background: var(--navy);
  border-radius: 0.09in;
  color: #fff;
  font-family: var(--sans);
}
.power-balance .system-side,
.power-balance .person-side { padding: 0.12in; border-radius: 0.06in; }
.power-balance .system-side {
  min-height: 0.98in;
  background: linear-gradient(135deg, rgba(49, 88, 231, .28), rgba(49, 88, 231, .08));
  border: 1.5px solid rgba(122, 151, 255, .66);
  box-shadow: 0 0 0.22in rgba(49, 88, 231, .18);
}
.power-balance .person-side {
  min-height: 0.68in;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .18);
}
.power-balance .system-side > span,
.power-balance .person-side > span,
.power-balance .gap-marker > span {
  display: block;
  margin-bottom: 0.05in;
  color: #aebdff;
  font-size: 7.6pt;
  font-weight: 850;
  letter-spacing: .09em;
}
.power-balance .system-side > b,
.power-balance .person-side > b { display: block; font-size: 10pt; line-height: 1.22; }
.power-balance small { display: block; margin-top: 0.055in; color: #d9e0ff; font-size: 7.8pt; font-weight: 680; line-height: 1.2; }
.power-balance .gap-marker { text-align: center; color: #aebdff; }
.power-balance .gap-marker > span { margin-bottom: 0.015in; font-size: 6.7pt; }
.power-balance .gap-marker > b { display: block; color: #fff; font-size: 8.1pt; line-height: 1; letter-spacing: .04em; }
.power-balance .gap-marker > i { display: block; margin-top: 0.025in; color: #7894ff; font-size: 20pt; font-style: normal; line-height: 1; }
.power-growth { height: 0.18in; margin-top: 0.055in; display: flex; align-items: end; gap: 0.035in; }
.power-growth i { display: block; width: 0.12in; background: linear-gradient(180deg, #91a8ff, #3158e7); border-radius: 1px 1px 0 0; }
.power-growth i:nth-child(1) { height: 28%; }
.power-growth i:nth-child(2) { height: 44%; }
.power-growth i:nth-child(3) { height: 62%; }
.power-growth i:nth-child(4) { height: 80%; }
.power-growth i:nth-child(5) { height: 100%; }

.power-stories { margin: 0.15in 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.08in; font-family: var(--sans); }
.power-stories article { min-height: 1.6in; padding: 0.11in; background: #fffaf1; border-top: 4px solid var(--amber); border-radius: 0.05in; }
.power-stories span { display: block; color: var(--amber); font-size: 7.5pt; font-weight: 850; letter-spacing: 0.08em; }
.power-stories b { display: block; margin: 0.04in 0; font-family: var(--display); font-size: 11.5pt; line-height: 1.08; }
.power-stories p { margin: 0; font-size: 8.7pt; line-height: 1.28; text-indent: 0; }

.feature-grid .feature-icon { display: block; margin-bottom: 0.05in; font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 16pt; line-height: 1; }

.car-proof { margin: 0.14in 0; overflow: hidden; background: #071022; border: 1px solid #bdb5a8; border-radius: 0.08in; break-inside: avoid; }
.car-proof img { display: block; width: 100%; height: auto; object-fit: contain; }
.car-proof figcaption { padding: 0.08in 0.11in; color: #34312e; background: #fffaf3; border-top: 1px solid var(--rule); font-family: var(--sans); font-size: 8.6pt; line-height: 1.32; }
.superboard-origin-open { margin: 0.1in 0 0.12in; display: grid; grid-template-columns: 1.12fr 0.88fr; gap: 0.14in; align-items: start; }
.superboard-origin-open > div p { margin: 0 0 0.5em; text-indent: 0; }
.superboard-origin-open .car-proof { margin: 0; }

.principle-stack { margin: 0.2in 0; display: grid; gap: 0.08in; }
.principle-stack div { padding: 0.14in 0.17in; display: grid; grid-template-columns: 0.35in 1fr; align-items: center; background: #fffaf1; border-left: 4px solid var(--cobalt); border-radius: 0.04in; font-family: var(--sans); }
.principle-stack span { color: var(--cobalt); font-size: 8.5pt; font-weight: 850; }
.principle-stack b { font-size: 10.2pt; }

.mode-grid { margin: 0.2in 0 0.22in; display: grid; grid-template-columns: 1fr 1fr; gap: 0.14in; }
.mode-grid article { min-height: 1.72in; padding: 0.2in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.09in; }
.mode-grid article.dark { color: #fff; background: var(--navy); border-color: var(--navy); }
.mode-grid span { color: var(--cobalt); font-family: var(--sans); font-size: 8pt; font-weight: 850; letter-spacing: 0.1em; }
.mode-grid h2 { margin: 0.09in 0 0.08in; font-size: 18pt; }
.mode-grid p { margin: 0; font-family: var(--sans); font-size: 9.7pt; line-height: 1.4; text-indent: 0; }
.mode-grid .dark span { color: #9eb0ff; }
.mode-brand { min-height: 0.34in; display: flex; align-items: center; gap: 0.08in; }
.mode-brand img { display: block; width: 0.32in; height: 0.32in; flex: 0 0 auto; object-fit: contain; }
.mode-brand span { display: block; font-size: 8.2pt; line-height: 1; }

.ava-model { margin: 0.22in 0; display: grid; grid-template-columns: 1fr .96in 1fr; align-items: center; gap: 0.06in; font-family: var(--sans); }
.ava-model > div:not(.ava-core) { min-height: 1.35in; padding: 0.15in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.08in; }
.ava-model > div:last-child { color: #fff; background: var(--navy); border-color: var(--navy); }
.ava-model span { display: block; color: var(--cobalt); font-size: 7.8pt; font-weight: 850; letter-spacing: .09em; }
.ava-model b { display: block; margin: .04in 0; font-family: var(--display); font-size: 14.5pt; }
.ava-model p { margin: 0; font-size: 9.4pt; line-height: 1.35; text-indent: 0; }
.ava-model .ava-core { width: .96in; height: .78in; display: grid; place-items: center; align-content: center; color: var(--cobalt); background: #fffaf1; border: 2px solid var(--cobalt); border-radius: 999px; text-align: center; }
.ava-model .ava-core b { margin: 0; font-size: 14pt; }
.ava-model .ava-core span { color: var(--cobalt-dark); font-size: 5.8pt; letter-spacing: .02em; line-height: 1.05; }
.ava-signature { display: block; width: 1.26in; max-height: 0.76in; margin: 0.02in 0 0.12in; object-fit: contain; object-position: left center; }
.ava-model .ava-core img { width: 0.76in; max-height: 0.5in; object-fit: contain; }
.seven-powers { margin: 0.15in 0 0; padding: 0.11in 0.12in; display: grid; grid-template-columns: 0.95in repeat(7, auto); gap: 0.055in; align-items: center; border-top: 3px solid var(--cobalt); background: #ebe5db; font-family: var(--sans); }
.seven-powers span { color: var(--cobalt-dark); font-size: 6.4pt; font-weight: 850; letter-spacing: 0.08em; line-height: 1.15; }
.seven-powers b { font-size: 6.65pt; line-height: 1.16; text-align: center; }
.section-turn { margin: 0.14in 0 0.08in; padding-top: 0.11in; border-top: 2px solid var(--cobalt); font-family: var(--display); font-size: 15pt; line-height: 1.05; letter-spacing: -0.025em; }

.guide-current { display: grid; grid-template-columns: 1.75in 1fr; align-items: stretch; }
.guide-current img { display: block; width: 1.75in; height: auto; object-fit: contain; object-position: top center; background: #050506; }
.guide-current figure { display: flex; min-width: 0; flex-direction: column; background: #050506; }
.guide-current figcaption { margin-top: auto; }
.guide-current > div span { display: block; margin-bottom: 0.025in; color: var(--cobalt); font-size: 7.4pt; font-weight: 850; letter-spacing: 0.09em; }
.guide-current > div h2 { margin: 0 0 0.055in; font-size: 12.2pt; }
.guide-current figcaption b { display: block; margin-bottom: 0.05in; color: var(--cobalt-dark); font-family: var(--display); font-size: 12pt; }
.guide-flow { grid-template-columns: 1.36in 1.36in 1fr; }
.guide-flow figure + figure { border-left: 1px solid var(--rule); }
.guide-flow img { width: 1.36in; }
.guide-flow figcaption { min-height: 0.78in; font-size: 7.8pt; line-height: 1.25; }
.guide-flow figcaption b { font-size: 9.8pt; }
.guide-flow > div { padding: 0.12in 0.14in; }

.journey { margin: 0.22in 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 0.1in; font-family: var(--sans); }
.journey div { min-height: 1.75in; padding: 0.16in; background: #fffaf1; border-top: 4px solid var(--cobalt); border-radius: .06in; }
.journey span { width: .28in; height: .28in; display: grid; place-items: center; color: #fff; background: var(--cobalt); border-radius: 50%; font-size: 8pt; font-weight: 850; }
.journey b { display: block; margin: .08in 0 .05in; font-family: var(--display); font-size: 13.5pt; }
.journey p { margin: 0; font-size: 9.4pt; line-height: 1.35; text-indent: 0; }

.product-shot { margin: 0; overflow: hidden; background: #e4ded3; border: 1px solid #bdb5a8; border-radius: 0.08in; break-inside: avoid; }
.product-shot img { display: block; width: 100%; object-fit: cover; }
.product-shot figcaption { padding: 0.09in 0.11in; color: #33312e; background: #fffaf3; border-top: 1px solid #cfc5b8; font-family: var(--sans); font-size: 8.8pt; line-height: 1.35; }
.product-shot.large { margin: .16in 0 .13in; }
.product-shot.large img { height: 3.5in; object-position: center top; }
.founder-dogfood-board img { height: auto !important; object-fit: contain; background: #050506; }
.two-shots { margin: .18in 0; display: grid; grid-template-columns: 1.2fr .8fr; gap: .12in; align-items: start; }
.two-shots .product-shot img { height: 2.8in; }
.two-shots .product-shot:first-child img { object-fit: contain; object-position: center top; background: #08090c; }
.two-shots .product-shot:last-child img { object-position: center center; }
.card-room-wide { margin: 0.14in 0 0.1in; }
.card-room-wide img { height: auto; object-fit: contain; background: #08090c; }
.stage-capabilities { margin: 0 0 0.13in; padding: 0.09in 0.11in; display: grid; grid-template-columns: 1.35fr repeat(4, 1fr); gap: 0.05in; align-items: center; color: #fff; background: var(--navy); border-radius: 0.05in; font-family: var(--sans); font-size: 7.8pt; }
.stage-capabilities span { color: #b9c5ff; font-size: 6.8pt; font-weight: 850; letter-spacing: 0.08em; }
.stage-capabilities b { padding-left: 0.07in; border-left: 1px solid #46516b; font-size: 7.8pt; line-height: 1.15; }
.search-shot { margin: .16in 0 .13in; }
.search-shot img { height: 3.18in; object-fit: cover; object-position: top left; }
.founder-room { margin: .13in 0 .1in; }
.founder-room img { height: auto; object-fit: contain; object-position: center top; background: #08090c; }

.board-switcher { margin: 0.14in 0; }
.board-switcher img { height: 2.72in; object-position: center top; }

.product-diagram { margin: .15in 0; overflow: hidden; border: 1px solid #bbb3a7; border-radius: .08in; background: #fffaf3; break-inside: avoid; }
.product-diagram figcaption { padding: .09in .11in; color: #34312e; border-top: 1px solid #cdc4b7; font-family: var(--sans); font-size: 8.5pt; line-height: 1.34; }
.board-tabs { min-height: 2.08in; padding: .24in; display: grid; grid-template-columns: repeat(3,1fr); gap: .12in; align-items: stretch; background: var(--navy); }
.board-tabs > div { padding: .16in; border: 1px solid #44506c; border-radius: .07in; background: #1a243b; color: #fff; }
.board-tabs > div.active { border: 2px solid #708bff; box-shadow: 0 0 0 3px rgba(49,87,220,.22); }
.board-tabs img { float: right; width: .28in; height: .28in; }
.board-tabs > div.personal img { object-fit: cover; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; }
.board-tabs span { display: block; margin-bottom: .19in; color: #aebcff; font-family: var(--sans); font-size: 6.8pt; font-weight: 850; letter-spacing: .1em; }
.board-tabs b { display: block; font-family: var(--display); font-size: 11pt; line-height: 1.14; }
.board-continuity { padding: .1in .17in; display: flex; justify-content: center; gap: .2in; color: var(--cobalt-dark); background: #e8e1d6; font-family: var(--sans); font-size: 6.5pt; font-weight: 850; letter-spacing: .08em; }
.stage-diagram { margin: 0; }
.stage-shell { min-height: 2.8in; padding: .26in .21in; color: #fff; background: var(--navy); }
.stage-shell > span { color: #b9c5ff; font-family: var(--sans); font-size: 6.7pt; font-weight: 850; letter-spacing: .1em; }
.stage-types { margin-top: .2in; display: grid; grid-template-columns: 1fr 1fr; gap: .11in; }
.stage-types div { min-height: .82in; padding: .12in; border: 1px solid #4b5978; border-radius: .05in; background: #172136; }
.stage-types b, .stage-types small { display: block; font-family: var(--sans); }
.stage-types b { font-size: 9.2pt; }
.stage-types small { margin-top: .04in; color: #b7c0d4; font-size: 6.6pt; line-height: 1.2; }
.search-shell { padding: .22in; color: #fff; background: var(--navy); }
.search-query { height: .66in; padding: .13in .15in; display: grid; grid-template-columns: .26in 1fr auto; align-items: center; gap: .08in; border: 1px solid #546384; border-radius: .08in; background: #182237; font-family: var(--sans); }
.search-query span { color: #9fb1ff; font-size: 16pt; }
.search-query b { font-size: 11pt; }
.search-query small { color: #b9c1d0; font-size: 6.6pt; }
.search-results { margin-top: .13in; display: grid; grid-template-columns: repeat(3,1fr); gap: .1in; }
.search-results article { min-height: 1.12in; padding: .13in; border-radius: .06in; background: #f6f1e8; color: var(--ink); }
.search-results span, .search-results b, .search-results small { display: block; font-family: var(--sans); }
.search-results span { color: var(--cobalt-dark); font-size: 6pt; font-weight: 850; letter-spacing: .08em; }
.search-results b { margin: .08in 0; font-size: 8.5pt; line-height: 1.15; }
.search-results small { color: #6b665f; font-size: 6.2pt; }
.search-scope { margin-top: .13in; display: flex; gap: .08in; }
.search-scope span { padding: .05in .08in; border: 1px solid #4f5c77; border-radius: 999px; color: #c3cbe0; font-family: var(--sans); font-size: 5.8pt; font-weight: 800; letter-spacing: .06em; }
.mission-strip { margin: 0.12in 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.07in; font-family: var(--sans); }
.mission-strip div { padding: 0.08in; display: flex; align-items: center; justify-content: center; gap: 0.055in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.05in; }
.mission-strip div img { width: 0.2in; height: 0.2in; object-fit: contain; }
.mission-strip div.personal img { object-fit: cover; border-radius: 999px; }
.mission-strip div b { font-size: 9pt; }
.mission-strip span { grid-column: 1 / -1; padding: 0.08in; color: #fff; background: var(--cobalt-dark); border-radius: 0.05in; font-size: 9pt; font-weight: 760; text-align: center; }
.search-facts { margin: 0.11in 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.07in; font-family: var(--sans); }
.search-facts div { padding: 0.09in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.05in; }
.search-facts b { display: block; margin-bottom: 0.025in; color: var(--cobalt-dark); font-size: 9pt; }
.search-facts p { margin: 0; font-size: 8.5pt; line-height: 1.28; text-indent: 0; }
.search-facts .search-icon { display: block; margin-bottom: 0.035in; font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 14pt; line-height: 1; }
.logo-work { margin: 0.12in 0; }
.logo-work img { height: auto; object-fit: contain; object-position: center; background: #fff; }
.search-production { margin: 0.14in 0 0.12in; }
.search-production img { height: auto; object-fit: contain; background: #050506; }

.capability-ribbon { display: flex; flex-wrap: wrap; gap: .06in; font-family: var(--sans); }
.capability-ribbon span { padding: .06in .1in; color: var(--cobalt-dark); background: #e5eaff; border-radius: 99px; font-size: 8.4pt; font-weight: 760; }
.product-note { margin-top: .11in !important; padding: .1in .12in; color: #3b3834; background: #ebe5db; border-radius: .05in; font-family: var(--sans); font-size: 9.2pt; line-height: 1.38; text-indent: 0 !important; }

.feature-grid { margin: .16in 0; display: grid; grid-template-columns: 1fr 1fr; gap: .1in; font-family: var(--sans); }
.feature-grid div { min-height: 1.06in; padding: .13in; background: #fffaf1; border: 1px solid var(--rule); border-radius: .06in; }
.feature-grid b { display: block; margin-bottom: .04in; font-family: var(--display); font-size: 12.2pt; }
.feature-grid p { margin: 0; font-size: 9.35pt; line-height: 1.35; text-indent: 0; }

.horizon-label {
  width: max-content;
  margin: -0.08in 0 0.14in;
  padding: 0.06in 0.1in;
  color: #fff;
  background: var(--cobalt-dark);
  border-radius: 99px;
  font-family: var(--sans);
  font-size: 8pt;
  font-weight: 820;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.narrative-hero { margin: 0.13in 0; overflow: hidden; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.07in; }
.narrative-hero img { display: block; width: 100%; height: 2.02in; object-fit: cover; object-position: center 43%; }
.narrative-hero.household img { object-position: center 47%; }
.narrative-hero figcaption { padding: 0.07in 0.1in; font-family: var(--sans); font-size: 8.8pt; line-height: 1.3; }
.caregiver-open { margin: 0.11in 0; display: grid; grid-template-columns: 1.25fr 1fr; gap: 0.1in; align-items: stretch; }
.caregiver-open > div p { margin: 0 0 0.08in; line-height: 1.32; text-indent: 0; }
.caregiver-open .narrative-hero { margin: 0; display: flex; flex-direction: column; }
.caregiver-open .narrative-hero img { flex: 1; height: 2.5in; object-position: center 47%; }
.caregiver-open .narrative-hero figcaption { margin-top: auto; font-size: 8.1pt; }

.success-flow { margin: 0.13in 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.08in; font-family: var(--sans); }
.success-flow div { min-height: 1.4in; padding: 0.11in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.05in; }
.success-flow span { width: 0.24in; height: 0.24in; display: grid; place-items: center; color: #fff; background: var(--cobalt); border-radius: 50%; font-size: 7.5pt; font-weight: 850; }
.success-flow b { display: block; margin: 0.05in 0 0.035in; font-family: var(--display); font-size: 11.8pt; line-height: 1.05; }
.success-flow p { margin: 0; font-size: 9pt; line-height: 1.29; text-indent: 0; }

.success-result { margin: 0.12in 0; padding: 0.14in 0.16in; color: #fff; background: var(--cobalt-dark); border-radius: 0.06in; font-family: var(--sans); }
.success-result span { display: block; margin-bottom: 0.04in; color: #b9c6ff; font-size: 7.6pt; font-weight: 850; letter-spacing: 0.1em; }
.success-result b { display: block; font-family: var(--display); font-size: 12.8pt; line-height: 1.18; }

.success-story { margin: 0.16in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.09in; font-family: var(--sans); }
.success-story div { min-height: 1.35in; padding: 0.13in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.05in; }
.success-story .before { border-top: 4px solid #9d661e; }
.success-story .after { color: #fff; background: var(--navy); border-color: var(--navy); }
.success-story span { display: block; margin-bottom: 0.045in; color: var(--cobalt-dark); font-size: 7.6pt; font-weight: 850; letter-spacing: 0.09em; }
.success-story .after span { color: #b8c5ff; }
.success-story b { display: block; font-size: 9.5pt; line-height: 1.34; }
.proof-note { padding: 0.12in 0.14in; color: #3d3934; background: #e9e3d9; border-radius: 0.05in; font-family: var(--sans); font-size: 9.2pt; line-height: 1.35; }
.local-business-layout { margin: 0.14in 0; display: grid; grid-template-columns: 1.62fr 1fr; gap: 0.1in; align-items: stretch; }
.local-business-layout .success-story { margin: 0; gap: 0.07in; }
.local-business-layout .success-story div { min-height: 1.25in; padding: 0.1in; }
.local-business-layout .success-story b { font-size: 8.3pt; line-height: 1.25; }
.local-business-layout figure { margin: 0; overflow: hidden; display: flex; flex-direction: column; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.06in; }
.local-business-layout figure img { display: block; width: 100%; height: 2.44in; object-fit: cover; object-position: 70% center; }
.local-business-layout figcaption { padding: 0.08in 0.09in; font-family: var(--sans); font-size: 8pt; line-height: 1.25; }

.agent-modes { margin: 0.14in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.09in; font-family: var(--sans); }
.agent-modes article { min-height: 1.72in; padding: 0.14in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.06in; }
.agent-modes article:last-child { color: #fff; background: var(--navy); border-color: var(--navy); }
.agent-modes span { display: block; color: var(--cobalt); font-size: 7.5pt; font-weight: 850; letter-spacing: 0.09em; }
.agent-modes article:last-child span { color: #b8c5ff; }
.agent-modes b { display: block; margin: 0.04in 0; font-family: var(--display); font-size: 12.5pt; }
.agent-modes h2 { margin: 0.035in 0 0.055in; font-size: 13.2pt; line-height: 1.02; }
.agent-modes p { margin: 0; font-size: 8.85pt; line-height: 1.3; text-indent: 0; }
.decision-line { margin: 0.13in 0; padding: 0.11in 0.14in; display: grid; gap: 0.055in; color: #fff; background: var(--cobalt-dark); border-radius: 0.05in; font-family: var(--sans); }
.decision-line > div { display: grid; grid-template-columns: 0.95in 1fr; gap: 0.1in; align-items: baseline; }
.decision-line span { display: block; color: #c3ceff; font-size: 7.2pt; font-weight: 850; letter-spacing: 0.08em; }
.decision-line b { display: block; font-size: 8.8pt; line-height: 1.3; }

.builder-shift { margin: 0.15in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.08in; align-items: stretch; font-family: var(--sans); }
.builder-shift div { padding: 0.14in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.06in; }
.builder-shift div:last-child { color: #fff; background: var(--navy); border-color: var(--navy); }
.builder-shift span { display: block; color: var(--cobalt); font-size: 7.5pt; font-weight: 850; letter-spacing: 0.09em; }
.builder-shift b { display: block; margin: 0.04in 0; font-family: var(--display); font-size: 13pt; }
.builder-shift p { margin: 0; font-size: 9pt; line-height: 1.32; text-indent: 0; }
.builder-shift i { display: grid; place-items: center; color: var(--cobalt); font-family: var(--sans); font-size: 16pt; font-style: normal; }
.builder-methods { margin: 0.1in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.07in; font-family: var(--sans); }
.builder-methods article { padding: 0.1in 0.11in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.05in; }
.builder-methods span { display: block; color: var(--cobalt); font-size: 7pt; font-weight: 850; letter-spacing: 0.08em; }
.builder-methods b { display: block; margin: 0.025in 0; font-family: var(--display); font-size: 10.5pt; line-height: 1.12; }
.builder-methods p { margin: 0; font-size: 8pt; line-height: 1.24; text-indent: 0; }
.founder-role { margin: 0.13in 0; padding: 0.14in 0.16in; color: #fff; background: var(--cobalt-dark); border-radius: 0.06in; font-family: var(--sans); }
.founder-role span { display: block; color: #bdc9ff; font-size: 7.5pt; font-weight: 850; letter-spacing: 0.1em; }
.founder-role b { display: block; margin-top: 0.035in; font-family: var(--display); font-size: 12pt; line-height: 1.25; }

.industry-capabilities { margin: 0.15in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.09in; font-family: var(--sans); }
.industry-capabilities article { min-height: 1.03in; padding: 0.11in 0.13in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.05in; }
.industry-capabilities span { display: block; color: var(--cobalt); font-size: 7.5pt; font-weight: 850; letter-spacing: 0.09em; }
.industry-capabilities b { display: block; margin: 0.025in 0; font-family: var(--display); font-size: 11pt; line-height: 1.08; }
.industry-capabilities p { margin: 0; font-size: 8.9pt; line-height: 1.28; text-indent: 0; }
.reality-check { margin: 0.12in 0; padding: 0.14in 0.16in; color: #fff; background: var(--navy); border-radius: 0.06in; font-family: var(--sans); }
.reality-check b { display: block; margin-bottom: 0.03in; font-family: var(--display); font-size: 12.5pt; }
.reality-check p { margin: 0; font-size: 9.2pt; line-height: 1.35; text-indent: 0; }

.ai-timeline { margin: 0.15in 0; display: grid; gap: 0.09in; font-family: var(--sans); }
.ai-timeline article { padding: 0.13in 0.15in; display: grid; grid-template-columns: 0.93in 1.25fr 1.65fr; column-gap: 0.13in; align-items: start; background: #fffaf1; border-left: 5px solid #968e82; border-radius: 0.05in; }
.ai-timeline article.now { color: #fff; background: var(--navy); border-color: var(--cobalt); }
.ai-timeline span { color: var(--cobalt-dark); font-size: 8pt; font-weight: 850; letter-spacing: 0.06em; }
.ai-timeline .now span { color: #adbcff; }
.ai-timeline h2 { font-size: 13.2pt; line-height: 1.06; }
.ai-timeline p { margin: 0; font-size: 9pt; line-height: 1.3; text-indent: 0; }
.ai-timeline small { grid-column: 2 / 4; margin-top: 0.05in; color: #5b5650; font-size: 8.3pt; }
.ai-timeline .now small { color: #c9d2fb; }
.timeline-thesis { margin: 0.13in 0; padding: 0.14in 0.16in; background: #e6ebff; border-radius: 0.05in; font-family: var(--sans); }
.timeline-thesis span { display: block; margin-bottom: 0.035in; color: var(--cobalt); font-size: 7.5pt; font-weight: 850; letter-spacing: 0.09em; }
.timeline-thesis b { font-size: 10pt; }

.personal-health { margin: 0.2in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.11in; font-family: var(--sans); }
.personal-health div { min-height: 1.25in; padding: 0.14in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.06in; }
.personal-health div:last-child { color: #fff; background: var(--navy); border-color: var(--navy); }
.personal-health span { display: block; margin-bottom: 0.05in; color: var(--cobalt); font-size: 7.7pt; font-weight: 850; letter-spacing: 0.09em; }
.personal-health div:last-child span { color: #adbcff; }
.personal-health b { display: block; font-family: var(--display); font-size: 13pt; line-height: 1.15; }

.profession-grid { margin: 0.14in 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.08in; font-family: var(--sans); }
.profession-grid article { min-height: 3.5in; padding: 0.13in; background: #fffaf1; border-top: 4px solid var(--cobalt); border-radius: 0.05in; }
.profession-grid span { display: block; color: var(--cobalt-dark); font-size: 7.7pt; font-weight: 850; letter-spacing: 0.09em; }
.profession-grid h2 { margin: 0.04in 0 0.06in; font-size: 13.1pt; line-height: 1.04; }
.profession-grid b { display: block; margin-bottom: 0.06in; color: var(--cobalt-dark); font-size: 9pt; line-height: 1.25; }
.profession-grid p { margin: 0; font-size: 8.85pt; line-height: 1.28; text-indent: 0; }
.profession-grid small { display: block; margin-top: 0.07in; padding-top: 0.06in; border-top: 1px solid var(--rule); color: #5b5650; font-size: 8.4pt; line-height: 1.28; }
.benchmark-bottom { margin: 0.12in 0; padding: 0.12in 0.14in; color: #fff; background: var(--cobalt-dark); border-radius: 0.05in; font-family: var(--sans); }
.benchmark-bottom b { display: block; font-family: var(--display); font-size: 11.7pt; }
.benchmark-bottom p { margin: 0.025in 0 0; font-size: 9pt; line-height: 1.3; text-indent: 0; }

.persona-grid { margin: .14in 0 .12in; display: grid; grid-template-columns: 1fr 1fr; gap: .12in; font-family: var(--sans); }
.persona-grid article { overflow: hidden; background: #fffaf1; border: 1px solid var(--rule); border-radius: .08in; padding-bottom: .14in; }
.persona-grid img { width: 100%; height: 1.65in; object-fit: cover; }
.persona-grid span, .persona-list span, .connector-grid span, .roadmap span { display: block; margin: .1in .14in .04in; color: var(--cobalt-dark); font-size: 7.8pt; font-weight: 850; letter-spacing: .1em; }
.persona-grid h2 { margin: 0 .14in .07in; font-size: 13.6pt; }
.persona-grid p { margin: 0 .14in; font-size: 9.25pt; line-height: 1.35; text-indent: 0; }
.evidence-pair { display: grid; grid-template-columns: 1fr 1fr; gap: .12in; }
.evidence-pair figure { margin: 0; overflow: hidden; background: #fffaf1; border: 1px solid var(--rule); border-radius: .07in; }
.evidence-pair img { width: 100%; height: 1.18in; object-fit: cover; object-position: top; }
.evidence-pair figcaption { padding: .07in .09in; font-family: var(--sans); font-size: 8.4pt; line-height: 1.3; }

.persona-list { display: grid; gap: .08in; font-family: var(--sans); }
.persona-list article { padding: .12in .15in; background: #fffaf1; border-left: 4px solid var(--cobalt); border-radius: .05in; }
.persona-list article:last-child { color: #fff; background: var(--navy); }
.persona-list span { margin: 0 0 .025in; }
.persona-list article:last-child span { color: #aebdff; }
.persona-list h2 { margin: 0 0 .03in; font-size: 12.8pt; }
.persona-list p { margin: 0; font-size: 9.25pt; line-height: 1.33; text-indent: 0; }

.connector-grid { margin: .18in 0 .2in; display: grid; grid-template-columns: repeat(3,1fr); gap: .09in; font-family: var(--sans); }
.connector-grid article { min-height: 2.08in; padding: .14in; background: #fffaf1; border-top: 4px solid #918a7f; border-radius: .06in; }
.connector-grid article.current { border-color: var(--green); }
.connector-grid article.direction { color: #fff; background: var(--navy); border-color: var(--cobalt); }
.connector-grid span { margin: 0 0 .05in; }
.connector-grid article.current span { color: var(--green); }
.connector-grid article.direction span { color: #aebdff; }
.connector-grid h2 { margin-bottom: .07in; font-size: 14pt; }
.connector-grid p { margin: 0; font-size: 9.2pt; line-height: 1.35; text-indent: 0; }

.comparison { margin: .14in 0 .12in; display: grid; border: 1px solid var(--rule); border-radius: .06in; overflow: hidden; font-family: var(--sans); }
.comparison > div { display: grid; grid-template-columns: 1fr 1.38fr 1fr; }
.comparison > div > * { margin: 0; padding: .09in .08in; border-right: 1px solid var(--rule); font-size: 8.7pt; line-height: 1.32; text-indent: 0; }
.comparison > div > *:last-child { border-right: 0; }
.comparison > div:not(:last-child) { border-bottom: 1px solid var(--rule); }
.comparison-head { color: #fff; background: var(--navy); }
.comparison-head b { font-size: 7.5pt !important; letter-spacing: .06em; text-transform: uppercase; }
.comparison strong { font-size: 8.8pt !important; }
.comparison .ours { background: #e8ecff; }
.comparison strong { display: flex; align-items: center; gap: 0.06in; }
.comparison strong img { width: 0.22in; height: 0.22in; flex: 0 0 auto; object-fit: contain; }
.comparison strong > span { display: grid; gap: 0.01in; line-height: 1.08; }
.comparison strong small { display: block; font-size: 7.25pt; font-weight: 650; line-height: 1.12; }
.comparison-answer { margin: 0.1in 0 0.12in; padding: 0.14in 0.16in; color: #fff; background: var(--cobalt-dark); border-radius: 0.06in; font-family: var(--sans); }
.comparison-answer > div { display: flex; align-items: center; gap: 0.07in; }
.comparison-answer img { width: 0.25in; height: 0.25in; }
.comparison-answer span { color: #c3ceff; font-size: 7.3pt; font-weight: 850; letter-spacing: 0.08em; }
.comparison-answer span small { font-size: 6.3pt; }
.comparison-answer > b { display: block; margin: 0.055in 0 0.035in; font-family: var(--display); font-size: 12pt; line-height: 1.2; }
.comparison-answer > p { margin: 0; font-size: 8.8pt; line-height: 1.3; text-indent: 0; }
.source-note { color: #56524d; font-family: var(--sans); font-size: 8.8pt; line-height: 1.35; text-indent: 0 !important; }
.source-note a { color: var(--cobalt-dark); text-decoration-color: rgba(49,87,220,.4); text-underline-offset: .11em; }
.stack-callout { margin: 0.12in 0; padding: 0.13in 0.15in; color: #fff; background: var(--navy); border-left: 4px solid var(--cobalt); border-radius: 0.05in; font-family: var(--sans); }
.stack-callout span { display: block; margin-bottom: 0.04in; color: #b8c5ff; font-size: 7.5pt; font-weight: 850; letter-spacing: 0.1em; }
.stack-callout b { display: block; font-size: 9.2pt; line-height: 1.35; }

.agent-landscape { margin: 0.13in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.08in; font-family: var(--sans); }
.agent-landscape article { padding: 0.11in 0.12in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.05in; }
.agent-landscape article.ours { grid-column: 1 / -1; color: #fff; background: var(--cobalt-dark); border-color: var(--cobalt-dark); }
.agent-landscape span { display: block; color: var(--cobalt); font-size: 7.2pt; font-weight: 850; letter-spacing: 0.08em; }
.agent-landscape article.ours span { color: #bdc9ff; }
.agent-landscape b { display: block; margin: 0.025in 0; font-family: var(--display); font-size: 10.8pt; }
.agent-landscape p { margin: 0; font-size: 8.55pt; line-height: 1.26; text-indent: 0; }
.consumer-thesis { margin: 0.1in 0; padding: 0.11in 0.13in; background: #e8ecff; border-left: 4px solid var(--cobalt); border-radius: 0.04in; font-family: var(--sans); }
.consumer-thesis span { display: block; color: var(--cobalt-dark); font-size: 6.9pt; font-weight: 850; letter-spacing: 0.09em; }
.consumer-thesis b { display: block; margin: 0.025in 0 0.04in; font-family: var(--display); font-size: 11.2pt; line-height: 1.16; }
.consumer-thesis p { margin: 0; font-size: 8.4pt; line-height: 1.29; text-indent: 0; }
.value-shift { margin: 0.15in 0; display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 0.08in; font-family: var(--sans); }
.value-shift div { padding: 0.15in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.06in; }
.value-shift div:last-child { color: #fff; background: var(--navy); border-color: var(--navy); }
.value-shift span { display: block; color: var(--cobalt); font-size: 7.4pt; font-weight: 850; letter-spacing: 0.09em; }
.value-shift div:last-child span { color: #b8c5ff; }
.value-shift b { display: block; margin-top: 0.04in; font-family: var(--display); font-size: 12.5pt; line-height: 1.14; }
.question-stack { margin: 0.12in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.06in; }
.question-stack p { margin: 0; padding: 0.09in 0.11in; background: #e8ecff; border-left: 3px solid var(--cobalt); font-family: var(--sans); font-size: 9.2pt; font-weight: 720; text-indent: 0; }
.care-command { margin: 0.16in 0; padding: 0.17in 0.19in; display: grid; grid-template-columns: 1.22in 1fr; align-items: center; gap: 0.05in 0.15in; color: #fff; background: var(--navy); border-radius: 0.08in; font-family: var(--sans); }
.care-command img { grid-row: 1 / span 3; width: 1.15in; max-height: 0.72in; object-fit: contain; filter: brightness(0) invert(1); }
.care-command span { color: #d0d8ff; font-size: 9.2pt; font-weight: 850; letter-spacing: 0.09em; }
.advocate-line { margin: 0.12in 0 0.14in; padding-left: 0.13in; border-left: 4px solid var(--cobalt); font-family: var(--display); font-size: 16pt; line-height: 1.18; text-indent: 0; }

.values-grid { margin: .14in 0 .18in; display: grid; grid-template-columns: 1fr 1fr; gap: .1in; font-family: var(--sans); }
.values-grid article { min-height: 1.42in; padding: .14in; background: #fffaf1; border: 1px solid var(--rule); border-radius: .06in; }
.values-grid span { display: flex; align-items: center; gap: 0.065in; color: var(--cobalt); font-weight: 850; }
.values-grid span i { font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 15pt; font-style: normal; line-height: 1; }
.values-grid span small { font-size: 8pt; line-height: 1; }
.values-grid h2 { margin: .04in 0 .04in; font-size: 13pt; }
.values-grid p { margin: 0; font-size: 9.25pt; line-height: 1.34; text-indent: 0; }

.help-kpi { margin: 0.14in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.08in; font-family: var(--sans); }
.help-kpi article { padding: 0.12in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.05in; }
.help-kpi span { color: var(--cobalt); font-size: 7.4pt; font-weight: 850; }
.help-kpi h2 { margin: 0.025in 0 0.035in; font-size: 11.5pt; }
.help-kpi p { margin: 0; font-size: 8.8pt; line-height: 1.29; text-indent: 0; }
.business-bet { margin: 0.12in 0; padding: 0.13in 0.15in; color: #fff; background: var(--cobalt-dark); border-radius: 0.05in; font-family: var(--sans); }
.business-bet span { display: block; margin-bottom: 0.03in; color: #bdc9ff; font-size: 7.4pt; font-weight: 850; letter-spacing: 0.1em; }
.business-bet b { display: block; font-family: var(--display); font-size: 11.5pt; line-height: 1.25; }
.alignment-model { margin: 0.1in 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.06in; font-family: var(--sans); }
.alignment-model article { padding: 0.09in; background: #fffaf1; border: 1px solid var(--rule); border-top: 4px solid var(--cobalt); border-radius: 0.05in; }
.alignment-model span { display: block; color: var(--cobalt-dark); font-size: 6.2pt; font-weight: 850; letter-spacing: 0.075em; }
.alignment-model b { display: block; margin: 0.025in 0; font-family: var(--display); font-size: 10.4pt; line-height: 1.08; }
.alignment-model p { margin: 0; font-size: 8pt; line-height: 1.24; text-indent: 0; }
.success-sharing-example { margin: 0.08in 0; padding: 0.09in 0.11in; display: grid; grid-template-columns: 0.56in 1fr; gap: 0.08in; color: #fff; background: var(--navy); border-radius: 0.05in; font-family: var(--sans); font-size: 8.3pt; line-height: 1.3; }
.success-sharing-example b { color: #b9c5ff; }
.trust-grid { margin: 0.13in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.07in; font-family: var(--sans); }
.trust-grid article { padding: 0.1in 0.11in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.05in; }
.trust-grid span { display: flex; align-items: center; gap: 0.065in; color: var(--cobalt); font-weight: 850; }
.trust-grid span i { font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 14pt; font-style: normal; line-height: 1; }
.trust-grid span small { font-size: 7.1pt; line-height: 1; letter-spacing: 0.08em; }
.trust-grid b { display: block; margin: 0.025in 0; font-family: var(--display); font-size: 10.6pt; line-height: 1.1; }
.trust-grid p { margin: 0; font-size: 8.35pt; line-height: 1.25; text-indent: 0; }
.trust-bar { margin: 0.11in 0; padding: 0.11in 0.13in; display: grid; grid-template-columns: 0.3in 1fr; gap: 0.02in 0.09in; align-items: center; color: #fff; background: var(--navy); border-radius: 0.05in; font-family: var(--sans); }
.trust-bar img { grid-row: 1 / span 2; width: 0.27in; height: 0.27in; }
.trust-bar b { font-size: 9.6pt; }
.trust-bar span { color: #c6d0ff; font-size: 8pt; }

.roadmap { margin: .16in 0 .18in; display: grid; gap: .1in; font-family: var(--sans); }
.roadmap article { padding: .15in .17in; background: #fffaf1; border-left: 5px solid var(--cobalt); border-radius: .05in; }
.roadmap article.now { border-color: var(--green); }
.roadmap article.horizon { color: #fff; background: var(--navy); border-color: #8ca4ff; }
.roadmap span { margin: 0 0 .03in; }
.roadmap .now span { color: var(--green); }
.roadmap .horizon span { color: #aebdff; }
.roadmap h2 { margin: 0 0 .04in; font-size: 14.2pt; }
.roadmap p { margin: 0; font-size: 9.5pt; line-height: 1.36; text-indent: 0; }

.execution-flow { margin: .15in 0 .18in; display: grid; grid-template-columns: 1fr 1fr; gap: .08in; font-family: var(--sans); }
.execution-flow div { padding: .1in .12in; display: grid; grid-template-columns: .39in 1fr; column-gap: .08in; background: #fffaf1; border: 1px solid var(--rule); border-radius: .05in; }
.execution-flow span { grid-row: 1 / span 2; width: .37in; height: .29in; display: flex; align-items: center; justify-content: center; gap: .025in; color: #fff; background: var(--cobalt); border-radius: .15in; font-weight: 850; }
.execution-flow span i { font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 10.5pt; font-style: normal; line-height: 1; }
.execution-flow span small { font-size: 6.5pt; line-height: 1; }
.execution-flow b { font-family: var(--display); font-size: 11.8pt; }
.execution-flow p { margin: .02in 0 0; font-size: 9pt; line-height: 1.3; text-indent: 0; }
.pool-payoff { margin-top: .14in; padding: .18in .2in; color: #fff; background: linear-gradient(125deg,#152663,#3157dc); border-radius: .08in; font-family: var(--sans); }
.pool-payoff span { display: block; margin-bottom: .05in; color: #c7d1ff; font-size: 7.8pt; font-weight: 850; letter-spacing: .1em; }
.pool-payoff b { display: block; font-family: var(--display); font-size: 15.5pt; line-height: 1.15; }

.closing { margin-top: .28in; padding: .25in; color: #fff; background: var(--cobalt-dark); border-radius: .1in; }
.closing-kicker { color: #bbc7ff; font-family: var(--sans); font-size: 7.5pt; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.closing p { margin: .06in 0 .1in; font-family: var(--display); font-size: 21pt; font-weight: 780; letter-spacing: -.035em; line-height: 1; text-indent: 0; }
.closing span { font-family: var(--sans); font-size: 9.3pt; font-weight: 680; }
.closing.mini { margin-top: .2in; padding: .19in; }
.closing.mini p { font-size: 17pt; line-height: 1.08; }
.closing-thesis { margin: 0.08in 0 0.12in !important; font-family: var(--serif); font-size: 10.45pt; font-weight: 650; font-stretch: normal; letter-spacing: -0.018em; word-spacing: normal; line-height: 1.42; text-align: left; text-indent: 0 !important; }
.colophon { margin-top: .2in; padding-top: .13in; border-top: 1px solid var(--rule); color: #5d5952; font-family: var(--sans); font-size: 8.5pt; line-height: 1.35; }
.colophon b { color: var(--ink); }
.colophon p { margin: .04in 0 0; text-indent: 0; }

/* Page-specific component tuning. Body copy keeps one editorial scale. */
.page-5 .help-line { margin: 0.1in 0; }
.page-5 .help-line { padding: 0.14in 0.2in; }
.page-5 .help-line b { margin: 0.035in 0; font-size: 20pt; }
.page-5 .help-line p { font-size: 9.2pt; line-height: 1.25; }
.page-5 .life-loops { margin: 0.1in auto; }
.page-5 .life-loops { gap: 0.06in; font-size: 8.8pt; }
.page-5 .life-loops > div { min-height: 0.44in; padding: 0.07in; }
.page-5 .life-loops .loop-center { font-size: 13pt; }
.page-5 .section-turn { margin-top: 0.08in; padding-top: 0.08in; }
.page-5 .page-body > p { margin-bottom: 0.38em; line-height: 1.34; }
.page-5 .pull-quote { margin-top: 0.1in; padding: 0.14in 0.17in; font-size: 13.5pt; }
.page-7 .pull-quote { padding: 0.16in 0.19in; font-size: 14pt; }
.page-8 .car-proof img { height: 1.6in; object-fit: cover; }
.page-8 .car-proof figcaption { font-size: 8.4pt; }
.page-10 .ava-model { margin: 0.14in 0; }
.page-11 .page-body h1 { margin-bottom: 0.17in; }
.page-11 .guide-current { margin: 0.1in 0; }
.page-11 .guide-flow { grid-template-columns: 1.62in 1.62in 1fr; }
.page-11 .guide-flow img { width: 1.62in; }
.page-11 .guide-flow > div { padding: 0.11in 0.13in; }
.page-11 .guide-flow > div p { font-size: 8.8pt; line-height: 1.3; }
.page-11 .page-body > p { margin-bottom: 0.45em; line-height: 1.34; }
.page-11 .pull-quote { margin-top: 0.1in; padding: 0.15in 0.18in; font-size: 14pt; }
.page-16 .search-shot img { height: 2.72in; }
.page-16 .pull-quote { margin-top: 0.12in; padding: 0.15in 0.18in; font-size: 14pt; }
.page-17 .logo-work img { width: 100%; height: 2.34in; object-fit: contain; }
.page-20 .narrative-hero img { height: 1.72in; }
.page-20 .success-flow div { min-height: 1.24in; padding: 0.09in; }
.page-20 .success-result { padding: 0.11in 0.14in; }
.page-23 .builder-shift { margin: 0.1in 0; }
.page-23 .founder-role { margin: 0.09in 0; padding: 0.11in 0.13in; }
.page-22 .success-flow { margin: 0.08in 0; gap: 0.06in; }
.page-22 .success-flow div { min-height: 1.08in; padding: 0.085in; }
.page-22 .success-flow p { font-size: 8.6pt; line-height: 1.24; }
.page-22 .success-result { margin: 0.08in 0; padding: 0.1in 0.12in; }
.page-22 .success-result b { font-size: 11.8pt; }
.page-22 .founder-room img { height: 2.55in; object-fit: contain; }
.page-34 .help-kpi { margin: 0.14in 0; gap: 0.1in; }
.page-34 .help-kpi article { min-height: 1.3in; padding: 0.13in; }
.page-34 .help-kpi h2 { font-size: 12.4pt; }
.page-34 .help-kpi p { font-size: 9.25pt; line-height: 1.32; }
.page-35 .alignment-model { margin: 0.18in 0; gap: 0.1in; }
.page-35 .alignment-model article { min-height: 1.5in; padding: 0.13in; }
.page-35 .alignment-model span { font-size: 7pt; }
.page-35 .alignment-model b { font-size: 12pt; }
.page-35 .alignment-model p { font-size: 9pt; line-height: 1.32; }
.page-35 .success-sharing-example { margin: 0.14in 0; padding: 0.13in 0.15in; font-size: 9.1pt; line-height: 1.36; }
.page-39 .page-body { line-height: 1.34; }
.page-39 .page-body p { margin-bottom: 0.31em; }
.page-39 .closing-thesis { margin-top: 0.045in !important; margin-bottom: 0.07in !important; }
.page-39 .closing { margin-top: 0.09in; padding: 0.15in; }

.page-30 .agent-landscape { grid-template-columns: repeat(3, 1fr); gap: 0.055in; margin: 0.08in 0; }
.page-30 .agent-landscape article { padding: 0.075in 0.085in; }
.page-30 .agent-landscape article.ours { grid-column: 1 / -1; }
.page-30 .agent-landscape b { font-size: 9.2pt; }
.page-30 .agent-landscape p { font-size: 7.45pt; line-height: 1.18; }
.page-30 .consumer-thesis { margin: 0.06in 0; padding: 0.075in 0.09in; }
.page-30 .consumer-thesis b { font-size: 9.8pt; }
.page-30 .consumer-thesis p { font-size: 7.4pt; line-height: 1.18; }
.page-30 .section-turn { margin-top: 0.09in; padding-top: 0.08in; font-size: 13.5pt; }
.page-30 .source-note { font-size: 6.85pt; line-height: 1.18; }
.page-11 .page-body > p, .page-12 .page-body > p, .page-13 .page-body > p, .page-15 .page-body > p, .page-16 .page-body > p, .page-17 .page-body > p { line-height: 1.4; }

@media screen {
  .pagedjs_pages { display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 24px 0; }
  .pagedjs_page { background: var(--paper); box-shadow: 0 12px 36px rgba(0,0,0,.18); }
}

@media print { html, body { background: var(--paper); } }

@charset "UTF-8";


.short-page-3 .page-body h1 { margin-bottom: 0.17in; }
.short-page-3 .page-body > p { margin-bottom: 0.42em; }
.short-page-3 .short-origin { grid-template-columns: 1.54in minmax(0, 1fr); margin-top: 0.07in; gap: 0.12in; }
.short-page-3 .short-origin .mobile-proof-copy { line-height: 1.25; }
.short-page-3 .short-origin .mobile-proof-copy p { margin-bottom: 0.045in; }
.short-page-3 .short-origin figcaption { padding: 0.06in 0.08in; }
.short-page-3 .mini-callout { margin-top: 0.06in; padding: 0.09in 0.11in; font-size: 12.5pt; }

.short-page-4 .power-stories { margin-top: 0.11in; }
.short-page-4 .power-stories article { min-height: 1.48in; }
.short-page-4 .power-balance { margin: 0.11in 0; }

.short-page-5 .page-body p { margin-bottom: 0.46em; }
.short-page-5 .help-line { margin: 0.11in 0; padding: 0.15in 0.2in; }
.short-page-5 .help-line b { font-size: 21pt; }
.short-page-5 .principle-stack { margin: 0.09in 0; gap: 0.05in; }
.short-page-5 .principle-stack div { padding: 0.09in 0.12in; }
.short-page-5 .pull-quote { margin-top: 0.08in; padding: 0.13in 0.16in; font-size: 13.5pt; }

.short-page-6 .superboard-origin-open { margin-top: 0.05in; }
.short-page-6 .car-proof img { height: 1.72in; object-fit: cover; }

.short-page-7 .mode-grid { margin: 0.13in 0; }
.short-page-7 .mode-grid article { min-height: 1.48in; padding: 0.16in; }
.short-page-7 .formula { margin-top: 0.14in; padding: 0.16in 0.19in; font-size: 18pt; }

.short-page-8 .page-body > p { margin-bottom: 0.45em; }
.short-guide { grid-template-columns: 1.58in 1.58in 1fr; margin: 0.08in 0; }
.short-guide img { width: 1.58in; }
.short-guide > div { padding: 0.1in 0.12in; }
.short-guide > div p { font-size: 8.7pt; line-height: 1.28; }
.short-page-8 .pull-quote { margin-top: 0.09in; padding: 0.14in 0.17in; font-size: 14pt; }

.short-board-shot img { height: 3.62in !important; object-position: center top; }
.short-page-9 .capability-ribbon { margin-top: 0.11in; }
.short-page-9 .page-body h1 { margin-bottom: 0.17in; }
.short-page-9 .page-body > p { margin-bottom: 0.42em; }
.short-page-9 .short-board-shot { margin: 0.09in 0 !important; }
.short-page-9 .short-board-shot img { height: 2.18in !important; object-fit: contain; background: #050506; }
.short-page-9 .short-board-shot figcaption { padding: 0.06in 0.09in; }
.short-page-9 .pull-quote { margin-top: 0.1in; padding: 0.13in 0.16in; font-size: 13.5pt; }
.complexity-scale { margin: 0.11in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.08in; font-family: var(--sans); }
.complexity-scale article { min-height: 0.96in; padding: 0.09in 0.1in; background: #fffaf1; border: 1px solid var(--rule); border-top: 4px solid var(--cobalt); border-radius: 0.06in; }
.complexity-scale span { display: block; color: var(--cobalt); font-size: 7.2pt; font-weight: 850; letter-spacing: 0.09em; }
.complexity-scale b { display: block; margin: 0.035in 0; font-family: var(--display); font-size: 11.8pt; line-height: 1.08; }
.complexity-scale p { margin: 0; font-size: 8.55pt; line-height: 1.24; text-indent: 0; }

.short-page-10 .page-body > p { margin-bottom: 0.5em; }
.short-page-10 .pull-quote { margin-top: 0.1in; padding: 0.13in 0.16in; font-size: 13.4pt; }
.airbnb-loop { margin: 0.11in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.07in; font-family: var(--sans); }
.airbnb-loop article { min-height: 1.15in; padding: 0.1in 0.11in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.06in; }
.airbnb-loop span { float: left; margin-right: 0.07in; font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 16pt; line-height: 1; }
.airbnb-loop b { display: block; font-family: var(--display); font-size: 12.2pt; line-height: 1.05; }
.airbnb-loop p { clear: both; margin: 0.045in 0 0; font-size: 8.8pt; line-height: 1.28; text-indent: 0; }
.product-trust { margin: 0.1in 0; padding: 0.12in 0.14in; color: #fff; background: var(--navy); border-radius: 0.06in; font-family: var(--sans); }
.product-trust b { display: block; margin-bottom: 0.03in; color: #bdc9ff; font-family: var(--display); font-size: 12pt; }
.product-trust span { display: block; font-size: 8.9pt; line-height: 1.32; }

.short-page-11 .page-body > p { margin-bottom: 0.48em; }
.seven-powers { margin: 0.1in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.065in; font-family: var(--sans); }
.seven-powers article { min-height: 0.92in; padding: 0.085in 0.1in; background: #fffaf1; border: 1px solid var(--rule); border-radius: 0.055in; }
.seven-powers article:last-child { grid-column: 1 / -1; }
.seven-powers span { float: left; width: 0.3in; margin-right: 0.05in; font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 15pt; line-height: 1; }
.seven-powers b { display: block; font-family: var(--display); font-size: 11.3pt; line-height: 1.05; }
.seven-powers p { clear: both; margin: 0.035in 0 0.045in; font-size: 8.55pt; line-height: 1.22; text-indent: 0; }
.seven-powers small { display: block; color: var(--cobalt-dark); font-size: 6.25pt; font-weight: 850; letter-spacing: 0.055em; line-height: 1.15; }
.external-presence { margin-top: 0.09in; padding: 0.12in 0.14in; color: #fff; background: linear-gradient(135deg, var(--cobalt-dark), #243f9e); border-radius: 0.06in; font-family: var(--sans); }
.external-presence span { display: block; color: #becaff; font-size: 6.8pt; font-weight: 850; letter-spacing: 0.09em; }
.external-presence b { display: block; margin: 0.035in 0; font-family: var(--display); font-size: 12.2pt; }
.external-presence p { margin: 0; font-size: 8.6pt; line-height: 1.25; text-indent: 0; }

.short-page-12 .success-flow { margin-top: 0.12in; }
.short-page-12 .success-story { margin: 0.11in 0; }
.short-page-12 .success-result { margin-top: 0.11in; }

.scenario-grid {
  margin: 0.14in 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.09in;
  font-family: var(--sans);
}
.scenario-grid article {
  min-height: 1.52in;
  padding: 0.13in;
  background: #fffaf1;
  border: 1px solid var(--rule);
  border-top: 4px solid var(--cobalt);
  border-radius: 0.06in;
}
.scenario-grid span { display: block; color: var(--cobalt-dark); font-size: 7.3pt; font-weight: 850; letter-spacing: 0.07em; }
.scenario-grid b { display: block; margin: 0.045in 0; font-family: var(--display); font-size: 12.3pt; line-height: 1.08; }
.scenario-grid p { margin: 0; font-size: 8.75pt; line-height: 1.3; text-indent: 0; }
.scenario-note {
  padding: 0.12in 0.14in;
  display: grid;
  grid-template-columns: 1.18in 1fr;
  gap: 0.05in 0.1in;
  color: #fff;
  background: var(--navy);
  border-radius: 0.06in;
  font-family: var(--sans);
  font-size: 8.9pt;
  line-height: 1.3;
}
.scenario-note b { color: #bac7ff; }

.short-page-14 .personal-health { margin: 0.16in 0; }

.short-capabilities { margin: 0.11in 0; gap: 0.065in; }
.short-capabilities article { min-height: 0.69in; padding: 0.085in 0.1in; }
.short-capabilities b { font-size: 10.3pt; }
.short-capabilities p { display: none; }
.short-timeline { margin: 0.11in 0; gap: 0.065in; }
.short-timeline article { grid-template-columns: 0.83in 0.9in 1fr; padding: 0.095in 0.11in; }
.short-timeline h2 { font-size: 11.8pt; }
.short-timeline p { font-size: 8.5pt; }

.short-landscape { grid-template-columns: 1fr 1fr; margin-top: 0.1in; }
.short-landscape article { padding: 0.1in 0.11in; }
.short-landscape article.ours { grid-column: 1 / -1; }
.short-page-16 .page-body > p { margin-bottom: 0.48em; }
.short-page-16 .page-body h1 { margin-bottom: 0.18in; }
.short-page-16 .short-landscape { margin-top: 0.06in; gap: 0.05in; }
.short-page-16 .short-landscape article { min-height: 0; padding: 0.075in 0.09in; }
.short-page-16 .short-landscape article p { font-size: 8.25pt; line-height: 1.22; }
.short-page-16 .short-landscape article b { font-size: 10.8pt; }
.short-page-16 .value-shift { margin: 0.06in 0; }
.short-page-16 .pull-quote { margin-top: 0.06in; padding: 0.11in 0.14in; font-size: 12.5pt; }

.short-values { margin-top: 0.1in; gap: 0.07in; }
.short-values article { min-height: 1.15in; padding: 0.1in 0.11in; }
.short-values h2 { font-size: 11.8pt; }
.short-values p { font-size: 8.7pt; line-height: 1.28; }
.short-page-17 .trust-bar { margin: 0.09in 0; }
.short-page-17 .pull-quote { margin-top: 0.09in; padding: 0.13in 0.16in; font-size: 13.5pt; }

.short-page-18 .page-body > p { margin-bottom: 0.48em; }
.short-page-18 .help-kpi { margin: 0.08in 0; }
.short-page-18 .business-bet { margin: 0.08in 0; }
.human-value { margin: 0.08in 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.07in; font-family: var(--sans); }
.human-value article { min-height: 1.08in; padding: 0.1in 0.11in; color: #fff; background: var(--navy); border-radius: 0.06in; }
.human-value article:last-child { background: var(--cobalt-dark); }
.human-value span { display: block; color: #bdc9ff; font-size: 6.7pt; font-weight: 850; letter-spacing: 0.09em; }
.human-value b { display: block; margin: 0.035in 0; font-family: var(--display); font-size: 11.5pt; line-height: 1.08; }
.human-value p { margin: 0; font-size: 8.3pt; line-height: 1.24; text-indent: 0; }

.short-page-19 .execution-flow { margin: 0.1in 0; gap: 0.065in; }
.short-page-19 .execution-flow div { min-height: 0.88in; padding: 0.08in 0.1in; }
.short-page-19 .execution-flow b { font-size: 11.2pt; }
.short-page-19 .execution-flow p { font-size: 8.35pt; line-height: 1.24; }
.short-page-19 .pool-payoff { margin-top: 0.1in; padding: 0.13in 0.16in; }
.short-page-19 .pool-payoff b { font-size: 13.6pt; }
.short-page-19 .closing-thesis { margin: 0.07in 0 0.08in !important; font-size: 9.65pt; line-height: 1.35; }
.short-page-19 .closing { margin-top: 0.07in; padding: 0.14in 0.17in; }
.short-page-19 .closing p { margin: 0.045in 0 0.065in; font-size: 17.5pt; }

/* Long-form web reading surface generated from the same editorial source. */
body.web-reader { background: #dfd8cd; }
.web-hero {
  position: relative;
  min-height: min(920px, 92vh);
  overflow: hidden;
  color: #fff;
  background: #0c1324 url("assets/reader/cover-you-one-guidance-execution-photoreal-v2.png") center / cover no-repeat;
}
.web-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,13,25,.06) 30%, rgba(8,13,25,.82) 100%); }
.web-hero-inner { position: relative; z-index: 1; width: min(1120px, calc(100% - 48px)); min-height: min(920px, 92vh); margin: auto; padding: 48px 0; display: flex; flex-direction: column; }
.web-hero-brand { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.web-hero-brand img { width: 185px; padding: 11px 14px; background: rgba(247,242,233,.95); border-radius: 5px; }
.web-hero-brand span { padding: 10px 14px; background: rgba(16,24,43,.95); border-radius: 4px; font-family: var(--sans); font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.web-hero-title { margin-top: auto; max-width: 720px; }
.web-hero-title span { font-family: var(--sans); font-size: 13px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.web-hero-title h1 { margin: 12px 0 14px; font-family: var(--display); font-size: clamp(52px, 8vw, 92px); line-height: .92; letter-spacing: -.055em; }
.web-hero-title p { margin: 0; max-width: 650px; font-family: var(--sans); font-size: clamp(18px, 2vw, 25px); line-height: 1.35; }
.web-shell { width: min(940px, calc(100% - 40px)); margin: 34px auto 80px; background: var(--paper); box-shadow: 0 18px 60px rgba(26,22,17,.16); }
.web-section { padding: clamp(44px, 8vw, 84px); border-bottom: 1px solid var(--rule); }
.web-section:last-child { border-bottom: 0; }
.web-section .page-body { max-width: none; }
.web-section .page-body h1 { max-width: 760px; font-size: clamp(38px, 5.5vw, 58px); }
.web-section .page-body > p { max-width: 760px; font-size: 19px; line-height: 1.58; }
.web-section .page-body p + p { text-indent: 0; }
.web-section .mobile-proof-layout.chat-proof { grid-template-columns: minmax(0, 1fr) 270px; }
.web-section .mobile-proof-layout.guide-proof { grid-template-columns: 250px minmax(0, 1fr); }
.web-section .short-guide { grid-template-columns: 230px 230px 1fr; }
.web-section .short-guide img { width: 100%; }
.web-section .product-shot img { height: auto !important; }
.web-footer { padding: 52px 24px; color: #fff; background: var(--navy); text-align: center; font-family: var(--sans); }
.web-footer b { display: block; font-family: var(--display); font-size: 30px; }
.web-footer span { color: #bec9ff; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }

@media (max-width: 760px) {
  .web-hero { min-height: 760px; background-position: 46% center; }
  .web-hero-inner { min-height: 760px; width: calc(100% - 28px); padding: 24px 0 32px; }
  .web-hero-brand { align-items: flex-start; flex-direction: column; }
  .web-hero-brand img { width: 155px; }
  .web-hero-brand span { font-size: 10px; }
  .web-shell { width: 100%; margin: 0; box-shadow: none; }
  .web-section { padding: 42px 22px; }
  .web-section .mobile-proof-layout,
  .web-section .mobile-proof-layout.chat-proof,
  .web-section .mobile-proof-layout.guide-proof,
  .web-section .guide-current,
  .web-section .short-guide,
  .web-section .mode-grid,
  .web-section .journey,
  .web-section .power-stories,
  .web-section .scenario-grid,
  .web-section .industry-capabilities,
  .web-section .agent-landscape,
  .web-section .values-grid,
  .web-section .help-kpi,
  .web-section .personal-health,
  .web-section .success-flow,
  .web-section .success-story,
  .web-section .execution-flow,
  .web-section .complexity-scale,
  .web-section .airbnb-loop,
  .web-section .seven-powers,
  .web-section .human-value { grid-template-columns: 1fr; }
  .web-section .seven-powers article:last-child { grid-column: auto; }
  .web-section .mobile-proof-layout figure { max-width: 330px; margin: auto; }
  .web-section .short-guide img { width: 100%; }
  .web-section .power-balance { grid-template-columns: 1fr; }
  .web-section .gap-marker { padding: 12px 0; }
  .web-section .scenario-note { grid-template-columns: 1fr; }
  .web-section .ai-timeline article { grid-template-columns: 1fr; gap: 5px; }
}