:root {
  --ink: #0b1117;
  --ink-soft: #18242b;
  --paper: #f3f0e9;
  --paper-bright: #fbfaf7;
  --line: rgba(11, 17, 23, 0.14);
  --line-light: rgba(255, 255, 255, 0.15);
  --muted: #667278;
  --muted-dark: #a6b0b2;
  --accent: #f3a62f;
  --accent-light: #ffc66a;
  --signal: #9fc9b0;
  --white: #ffffff;
  --shadow: 0 24px 60px rgba(6, 12, 17, 0.15);
  --display: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
  --body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper-bright); font-family: var(--body); line-height: 1.55; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }

.container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; position: relative; z-index: 2; }
.section-dark { color: var(--white); background: var(--ink); }
.section-light { color: var(--ink); background: var(--paper-bright); }
.section-paper { color: var(--ink); background: var(--paper); }

.site-header { position: absolute; inset: 0 0 auto; z-index: 10; color: var(--white); border-bottom: 1px solid rgba(255,255,255,.1); }
.nav-wrap { height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--white); }
.brand-logo { width: 38px; height: 38px; object-fit: contain; flex: 0 0 38px; }
.brand-mark { width: 30px; height: 30px; display: grid; place-items: center; position: relative; border: 1px solid var(--accent); transform: rotate(30deg); }
.brand-mark::before, .brand-mark::after { content: ""; position: absolute; background: var(--accent); }
.brand-mark::before { width: 1px; height: 35px; }
.brand-mark::after { width: 35px; height: 1px; }
.brand-mark span { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
.brand-mark span:nth-child(1) { top: 4px; left: 4px; }.brand-mark span:nth-child(2) { top: 4px; right: 4px; }.brand-mark span:nth-child(3) { bottom: 4px; left: 12px; }
.brand-text { display: flex; flex-direction: column; line-height: 1; letter-spacing: -.03em; }
.brand-text strong { font: 700 14px/1 var(--display); letter-spacing: .08em; text-transform: uppercase; }
.brand-text small { color: var(--accent-light); font: 700 10px/1.3 var(--mono); letter-spacing: .22em; text-transform: uppercase; margin-top: 5px; }
.main-nav { display: flex; align-items: center; gap: 32px; margin-left: auto; margin-right: 16px; }
.main-nav a { font: 600 11px/1 var(--mono); letter-spacing: .07em; text-transform: uppercase; color: rgba(255,255,255,.72); transition: color .2s ease; }
.main-nav a:hover { color: var(--accent-light); }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 16px; min-height: 54px; padding: 0 22px; border: 1px solid transparent; font: 700 11px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--ink); background: var(--accent); border-color: var(--accent); box-shadow: 0 10px 26px rgba(243,166,47,.16); }
.button-primary:hover { background: var(--accent-light); border-color: var(--accent-light); }
.button-outline { color: var(--white); border-color: rgba(255,255,255,.42); }
.button-outline:hover { color: var(--ink); background: var(--white); border-color: var(--white); }
.button-small { min-height: 42px; padding: 0 16px; }
.button-full { width: 100%; }
.button-amazon { min-height: 66px; font-size: 14px; letter-spacing: .07em; }

.hero { min-height: 760px; padding: 164px 0 86px; position: relative; overflow: hidden; background: radial-gradient(circle at 75% 44%, rgba(243,166,47,.12), transparent 24%), var(--ink); }
.hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(45deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 92px 92px, 156px 156px; mask-image: linear-gradient(90deg, black, transparent 75%); opacity: .3; }
.hero-grid-lines { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 52px 52px; opacity: .35; mask-image: radial-gradient(ellipse at 80% 45%, black 0%, transparent 58%); }
.hero-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center; }
.hero-copy { max-width: 620px; }
.eyebrow, .kicker { margin: 0 0 22px; font: 700 11px/1.2 var(--mono); letter-spacing: .16em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--accent-light); }
.eyebrow-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(243,166,47,.15); }
.hero h1 { max-width: 650px; margin: 0; font: 700 clamp(54px, 6.6vw, 94px)/.95 var(--display); letter-spacing: -.075em; text-transform: uppercase; }
h1 em, h2 em { font-style: normal; color: var(--accent); }
.hero-lead { max-width: 500px; margin: 28px 0 30px; color: rgba(255,255,255,.72); font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font: 700 11px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; border-bottom: 1px solid currentColor; padding-bottom: 7px; transition: color .2s ease, gap .2s ease; }
.text-link:hover { color: var(--accent); gap: 15px; }
.hero .text-link { color: var(--white); }
.hero-proof { display: flex; gap: 30px; margin-top: 58px; padding-top: 22px; border-top: 1px solid var(--line-light); }
.hero-proof div { display: flex; gap: 10px; align-items: center; }
.hero-proof strong { color: var(--accent); font: 700 25px/1 var(--display); letter-spacing: -.05em; }
.hero-proof span { color: rgba(255,255,255,.54); font: 10px/1.35 var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.hero-visual { min-height: 515px; position: relative; display: grid; place-items: center; }
.book-object { width: min(340px, 72%); margin: 0; position: relative; transform: rotate(5deg); z-index: 2; filter: drop-shadow(30px 28px 22px rgba(0,0,0,.36)); animation: book-float 6s ease-in-out infinite; }
.book-object::after { content: ""; position: absolute; right: -9px; top: 3%; bottom: 3%; width: 18px; border-radius: 0 5px 5px 0; background: linear-gradient(90deg, #8c5424, #d18a34, #895221); transform: skewY(-5deg); z-index: -1; }
.book-object img { width: 100%; border-radius: 2px; box-shadow: inset -10px 0 14px rgba(0,0,0,.24); }
.book-shadow { position: absolute; width: 115%; height: 55px; bottom: -41px; left: -5%; border-radius: 50%; background: rgba(0,0,0,.38); filter: blur(18px); transform: rotate(-5deg); z-index: -2; }
.orbit { position: absolute; border: 1px solid rgba(243,166,47,.28); border-radius: 50%; transform: rotate(-26deg); }
.orbit-one { width: 560px; height: 208px; }.orbit-two { width: 430px; height: 165px; transform: rotate(44deg); border-color: rgba(159,201,176,.2); }
.signal-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 13px 15px; color: var(--white); border: 1px solid rgba(255,255,255,.17); background: rgba(11,17,23,.68); backdrop-filter: blur(10px); font: 10px/1.25 var(--mono); letter-spacing: .06em; text-transform: uppercase; box-shadow: 0 15px 35px rgba(0,0,0,.14); }
.signal-card-top { top: 53px; left: 5%; }.signal-card-bottom { right: 0; bottom: 75px; }
.signal-pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 5px rgba(159,201,176,.16); }.signal-card b { color: var(--accent-light); font-weight: 400; }
.mini-grid { width: 24px; height: 24px; display: inline-block; border: 1px solid var(--accent); background: repeating-linear-gradient(90deg, transparent 0 5px, rgba(243,166,47,.4) 6px), repeating-linear-gradient(0deg, transparent 0 5px, rgba(243,166,47,.4) 6px); }
.cover-caption { position: absolute; max-width: 205px; right: -14px; bottom: 7px; color: rgba(255,255,255,.38); font: 10px/1.45 var(--mono); text-transform: uppercase; }
.scroll-cue { position: absolute; bottom: 25px; left: 50%; display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.4); transform: translateX(-50%); font: 10px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }.scroll-cue span { width: 22px; height: 1px; background: var(--accent); }
@keyframes book-float { 0%, 100% { transform: translateY(0) rotate(5deg); } 50% { transform: translateY(-10px) rotate(4deg); } }

.trust-strip { border-bottom: 1px solid var(--line); background: #e9e6df; }
.trust-items { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-item { min-height: 90px; display: flex; align-items: center; gap: 14px; padding: 20px 24px 20px 0; border-right: 1px solid var(--line); font: 700 10px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; }.trust-item:not(:first-child) { padding-left: 24px; }.trust-item:last-child { border-right: 0; }
.trust-icon { color: var(--accent); font: 700 12px/1 var(--mono); }

.intro { padding: 140px 0 150px; }.split-layout { display: grid; grid-template-columns: 200px 1fr; gap: 64px; }.section-label { display: flex; gap: 10px; align-items: center; color: var(--muted); font: 700 10px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); align-self: start; }.section-label > span:first-child { color: var(--accent); }.label-line { width: 1px; height: 56px; background: var(--accent); display: block; }
.intro-content { max-width: 850px; }.kicker { color: #9b651e; }.intro h2, .section-heading h2, .worksheet-copy h2, .audience h2, .faq h2 { max-width: 850px; margin: 0 0 22px; font: 700 clamp(38px, 5.4vw, 72px)/.98 var(--display); letter-spacing: -.07em; text-transform: uppercase; }.intro h2 span, .section-heading h2 span, .worksheet-copy h2 span, .audience h2 span, .faq h2 span { color: var(--muted); }.body-large { max-width: 710px; margin: 0; color: #566267; font-size: 21px; line-height: 1.62; }.quote-block { max-width: 520px; display: grid; grid-template-columns: auto 1fr; column-gap: 20px; margin-top: 55px; padding: 24px 0 0; border-top: 1px solid var(--line); }.quote-mark { color: var(--accent); font: 70px/.6 Georgia, serif; }.quote-block p { margin: 0; font: 700 23px/1.2 var(--display); letter-spacing: -.04em; text-transform: uppercase; }.quote-block small { grid-column: 2; margin-top: 9px; color: var(--muted); font: 10px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; }

.chapters { padding: 130px 0 145px; border-top: 1px solid var(--line); }.section-heading { max-width: 780px; }.centered-heading { margin: 0 auto 58px; text-align: center; }.centered-heading h2 { margin-bottom: 17px; }.section-heading > p:last-child { max-width: 600px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }.centered-heading > p:last-child { margin-inline: auto; }
.chapter-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }.chapter-card { min-height: 350px; display: flex; flex-direction: column; padding: 26px; border: 1px solid var(--line); position: relative; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }.chapter-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }.chapter-card:nth-child(-n+2) { grid-column: span 3; }.chapter-card:nth-child(n+3) { grid-column: span 2; min-height: 315px; }.chapter-number { color: #8b9698; font: 700 10px/1 var(--mono); letter-spacing: .1em; }.chapter-number span { color: var(--accent); }.chapter-icon { width: 54px; height: 54px; display: grid; place-items: center; margin: 30px 0 22px; color: var(--ink); border: 1px solid var(--ink); font: 30px/1 Georgia, serif; }.icon-radiation { color: #91601e; border-color: #91601e; }.icon-shelter { border-radius: 50%; }.icon-stockpile { border-style: dashed; }.icon-inside { border-radius: 50% 0 50% 0; }.icon-recovery { transform: rotate(45deg); }.chapter-card h3 { margin: 0 0 10px; font: 700 23px/1 var(--display); letter-spacing: -.045em; text-transform: uppercase; }.chapter-card p { margin: 0; color: #5f696d; font-size: 14px; line-height: 1.55; }.chapter-card ul { display: grid; gap: 7px; margin: auto 0 0; padding: 20px 0 0; list-style: none; border-top: 1px solid var(--line); color: #687478; font: 10px/1.35 var(--mono); text-transform: uppercase; letter-spacing: .03em; }.chapter-card li::before { content: "—"; margin-right: 7px; color: var(--accent); }
.card-threat { background: #d8d5cc; }.card-shelter { background: #d7dfdd; }.card-stockpile { background: #e2e5df; }.card-inside { background: #ddd9d1; }.card-recovery { background: #dce5dd; }

.timeline { padding: 136px 0; position: relative; overflow: hidden; background: #111a20; }.timeline::before { content: "72"; position: absolute; right: -4vw; top: 24px; color: rgba(255,255,255,.035); font: 800 400px/.8 var(--display); letter-spacing: -.1em; }.timeline-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 105px; }.timeline-intro { max-width: 390px; }.timeline h2 { margin: 0 0 25px; font: 700 clamp(48px, 6vw, 76px)/.9 var(--display); letter-spacing: -.07em; text-transform: uppercase; }.timeline-intro > p:not(.eyebrow) { color: var(--muted-dark); font-size: 16px; line-height: 1.7; }.light-link { margin-top: 24px; color: var(--white); }.timeline-steps { border-top: 1px solid var(--line-light); }.timeline-step { display: grid; grid-template-columns: 80px 1fr; gap: 26px; padding: 25px 0 27px; border-bottom: 1px solid var(--line-light); }.time-marker { color: var(--muted-dark); font: 700 9px/1.1 var(--mono); letter-spacing: .1em; }.time-marker b { display: block; margin-top: 4px; color: var(--white); font: 700 32px/.8 var(--display); letter-spacing: -.04em; }.timeline-step.active .time-marker, .timeline-step.active .time-marker b { color: var(--accent); }.timeline-step h3 { margin: 0 0 7px; color: var(--white); font: 700 24px/1 var(--display); letter-spacing: -.04em; text-transform: uppercase; }.timeline-step p { max-width: 520px; margin: 0; color: var(--muted-dark); font-size: 14px; line-height: 1.55; }

.worksheets { padding: 150px 0; }.worksheet-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 90px; align-items: center; }.worksheet-visual { min-height: 430px; position: relative; display: grid; place-items: center; }.worksheet-sheet { position: absolute; width: 300px; height: 365px; padding: 28px; background: #f9f5e9; border: 1px solid #d1c9b7; box-shadow: 15px 18px 25px rgba(36,36,25,.13); }.sheet-back { transform: translate(-42px, -7px) rotate(-7deg); background: #e4dfd0; }.sheet-back span { color: #8c938c; font: 700 11px/1 var(--mono); letter-spacing: .1em; }.sheet-back i { display: block; height: 5px; margin-top: 28px; background: #c4c0b1; }.sheet-back i + i { margin-top: 14px; width: 80%; }.sheet-front { transform: translate(27px, 12px) rotate(6deg); }.sheet-front::after { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(126,130,115,.3); pointer-events: none; }.sheet-stamp { position: absolute; top: 30px; right: 24px; display: grid; place-items: center; width: 48px; height: 48px; border: 2px solid var(--accent); border-radius: 50%; color: #9c681f; font: 700 7px/1.2 var(--mono); text-align: center; transform: rotate(13deg); }.sheet-front small { display: block; margin-bottom: 60px; color: #7d827a; font: 700 9px/1 var(--mono); letter-spacing: .1em; }.sheet-front strong { display: block; max-width: 150px; color: #2a302c; font: 700 27px/.9 var(--display); letter-spacing: -.06em; text-transform: uppercase; }.fake-lines { margin-top: 45px; }.fake-lines i { display: block; margin-top: 14px; height: 1px; background: #b9b6a8; }.fake-lines i:nth-child(2) { width: 80%; }.fake-lines i:nth-child(3) { width: 92%; }.fake-lines i:nth-child(4) { width: 62%; }.fake-checks { display: flex; gap: 17px; margin-top: 20px; color: #8d937f; font: 15px/1 var(--mono); }.pencil-mark { position: absolute; bottom: 25px; right: 5%; color: var(--accent); font: 700 12px/1 var(--mono); letter-spacing: .1em; transform: rotate(-8deg); }.worksheet-copy { max-width: 580px; }.worksheet-copy h2 { font-size: clamp(42px, 5.5vw, 70px); }.worksheet-copy > p:not(.micro-note) { color: var(--muted); font-size: 17px; line-height: 1.7; }.checklist { margin-top: 30px; border-top: 1px solid var(--line); }.checklist div { display: flex; gap: 14px; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--line); }.checklist span { color: #678873; font-weight: 700; }.checklist p { margin: 0; font: 700 11px/1.3 var(--mono); letter-spacing: .04em; text-transform: uppercase; }.micro-note { margin-top: 24px; color: var(--muted); font: 11px/1.5 var(--mono); }

.audience { padding: 140px 0; border-top: 1px solid var(--line); }.audience-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; }.audience h2 { font-size: clamp(46px, 5.4vw, 72px); }.audience-list { border-top: 1px solid var(--line); }.audience-row { display: grid; grid-template-columns: 44px 1fr 24px; gap: 20px; align-items: center; padding: 25px 0; border-bottom: 1px solid var(--line); }.audience-index { color: var(--accent); font: 700 16px/1 var(--mono); }.audience-row h3 { margin: 0 0 6px; font: 700 22px/1 var(--display); letter-spacing: -.04em; text-transform: uppercase; }.audience-row p { margin: 0; max-width: 550px; color: var(--muted); font-size: 14px; line-height: 1.55; }.row-arrow { color: var(--accent); font-size: 24px; }

.faq { padding: 140px 0; border-top: 1px solid var(--line); }.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; }.faq h2 { font-size: clamp(42px, 5vw, 68px); }.faq .section-heading > p:last-child { max-width: 450px; }.faq-list { border-top: 1px solid var(--line); }.faq details { border-bottom: 1px solid var(--line); padding: 0; }.faq summary { display: flex; justify-content: space-between; gap: 20px; padding: 22px 0; cursor: pointer; list-style: none; font: 700 18px/1.2 var(--display); letter-spacing: -.03em; text-transform: uppercase; }.faq summary::-webkit-details-marker { display: none; }.faq summary::after { content: "+"; color: var(--accent); font: 400 25px/1 var(--body); }.faq details[open] summary::after { content: "−"; }.faq details p { max-width: 640px; margin: -4px 0 23px; color: var(--muted); font-size: 14px; line-height: 1.65; }

.purchase { padding: 145px 0 125px; position: relative; overflow: hidden; }.purchase::before { content: "PREPARE"; position: absolute; left: -2vw; bottom: -40px; color: rgba(255,255,255,.035); font: 800 230px/.8 var(--display); letter-spacing: -.08em; }.purchase-noise { position: absolute; inset: 0; background-image: linear-gradient(120deg, transparent 0 48%, rgba(243,166,47,.08) 48% 48.2%, transparent 48.2% 100%); background-size: 260px 260px; opacity: .5; }.purchase-layout { display: grid; grid-template-columns: 1fr .9fr; gap: 90px; align-items: center; }.purchase-copy { max-width: 620px; }.purchase h2 { margin: 0 0 24px; font: 700 clamp(50px, 6.2vw, 84px)/.9 var(--display); letter-spacing: -.08em; text-transform: uppercase; }.purchase-copy > p:not(.eyebrow) { max-width: 480px; color: var(--muted-dark); font-size: 18px; line-height: 1.65; }.purchase-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }.purchase-meta span { padding: 8px 11px; border: 1px solid var(--line-light); color: rgba(255,255,255,.65); font: 9px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }.purchase-card { color: var(--ink); background: var(--paper-bright); box-shadow: 0 30px 60px rgba(0,0,0,.25); transform: rotate(1.2deg); }.card-topline, .card-bottomline { display: flex; justify-content: space-between; gap: 18px; padding: 16px 22px; color: #74807f; border-bottom: 1px solid var(--line); font: 9px/1 var(--mono); letter-spacing: .1em; }.card-bottomline { border-top: 1px solid var(--line); border-bottom: 0; color: #708372; }.purchase-card-body { padding: 40px 38px 37px; }.purchase-card-body .kicker { margin-bottom: 19px; }.purchase-card h3 { max-width: 400px; margin: 0 0 14px; font: 700 34px/.95 var(--display); letter-spacing: -.06em; text-transform: uppercase; }.price-note { margin: 0 0 26px; color: var(--muted); font-size: 14px; line-height: 1.55; }.purchase-card small { display: block; margin-top: 15px; color: #8a8f8c; font: 9px/1.45 var(--mono); }

.site-footer { color: var(--white); background: #080d11; }.footer-top { display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 112px; border-bottom: 1px solid var(--line-light); }.footer-top p { color: rgba(255,255,255,.5); font: 11px/1.4 var(--mono); letter-spacing: .04em; }.back-top { color: var(--accent-light); font: 10px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }.footer-bottom { display: flex; justify-content: space-between; gap: 30px; padding: 22px 0 29px; color: rgba(255,255,255,.35); font: 9px/1.5 var(--mono); text-transform: uppercase; letter-spacing: .04em; }.footer-bottom p { margin: 0; }

@media (max-width: 980px) {
  .main-nav { gap: 18px; }.hero { padding-top: 145px; }.hero-layout { gap: 34px; }.hero h1 { font-size: clamp(52px, 8vw, 76px); }.hero-visual { min-height: 450px; }.cover-caption { right: 0; }.split-layout, .worksheet-layout, .audience-layout, .faq-layout { gap: 44px; }.timeline-layout, .purchase-layout { gap: 55px; }.chapter-card:nth-child(-n+2), .chapter-card:nth-child(n+3) { grid-column: span 3; }.chapter-card:nth-child(n+3) { min-height: 350px; }
}

@media (max-width: 720px) {
  .container { width: min(100% - 34px, 560px); }.site-header { position: absolute; }.nav-wrap { height: 76px; }.main-nav { display: none; }.button-small { min-height: 38px; font-size: 9px; padding: 0 12px; }.brand-text strong { font-size: 12px; }.brand-text small { font-size: 8px; }.hero { min-height: auto; padding: 125px 0 72px; }.hero-layout { grid-template-columns: 1fr; }.hero-copy { max-width: none; }.hero h1 { font-size: clamp(48px, 14vw, 74px); }.hero-lead { font-size: 16px; }.hero-proof { gap: 13px; justify-content: space-between; }.hero-proof div { gap: 6px; }.hero-proof strong { font-size: 21px; }.hero-proof span { font-size: 8px; }.hero-visual { min-height: 460px; margin-top: 6px; }.book-object { width: min(300px, 68%); }.signal-card-top { left: 0; top: 46px; }.signal-card-bottom { right: 0; bottom: 61px; }.cover-caption { right: 0; bottom: 7px; max-width: 170px; }.orbit-one { width: 420px; height: 180px; }.orbit-two { width: 330px; height: 138px; }.scroll-cue { display: none; }
  .trust-items { grid-template-columns: repeat(2, 1fr); }.trust-item { min-height: 68px; padding: 15px 10px 15px 0; font-size: 8px; }.trust-item:not(:first-child) { padding-left: 10px; }.trust-item:nth-child(2) { border-right: 0; }.trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .intro, .chapters, .worksheets, .audience, .faq { padding: 88px 0; }.split-layout { display: block; }.section-label { writing-mode: initial; transform: none; margin-bottom: 28px; }.section-label .label-line { width: 45px; height: 1px; }.intro h2, .section-heading h2, .worksheet-copy h2, .audience h2, .faq h2 { font-size: clamp(42px, 12vw, 66px); }.body-large { font-size: 18px; }.quote-block { margin-top: 42px; }.chapter-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }.chapter-card:nth-child(-n+2), .chapter-card:nth-child(n+3) { grid-column: auto; min-height: 330px; }.centered-heading { text-align: left; margin-bottom: 40px; }.centered-heading > p:last-child { margin-inline: 0; }
  .timeline { padding: 90px 0; }.timeline-layout, .purchase-layout, .worksheet-layout, .audience-layout, .faq-layout { display: block; }.timeline-intro { max-width: none; margin-bottom: 60px; }.timeline::before { font-size: 240px; top: 40px; }.timeline-step { grid-template-columns: 60px 1fr; gap: 17px; }.timeline-step h3 { font-size: 20px; }.worksheet-visual { min-height: 390px; margin-bottom: 34px; }.worksheet-sheet { width: 260px; height: 320px; }.worksheet-copy { max-width: none; }.audience .section-heading { margin-bottom: 50px; }.faq .section-heading { margin-bottom: 52px; }.faq summary { font-size: 16px; }
  .purchase { padding: 90px 0 82px; }.purchase::before { font-size: 120px; bottom: -3px; }.purchase-copy { margin-bottom: 55px; }.purchase h2 { font-size: clamp(50px, 14vw, 78px); }.purchase-card { transform: none; }.purchase-card-body { padding: 31px 25px 29px; }.purchase-card h3 { font-size: 30px; }.card-topline, .card-bottomline { padding: 13px 16px; font-size: 8px; }.footer-top { align-items: flex-start; flex-direction: column; padding: 30px 0; }.footer-top p { margin: 0; }.footer-bottom { flex-direction: column; gap: 8px; padding: 18px 0 24px; }.footer-bottom p { max-width: 330px; }
}

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