/* Norvane visual study. Presentation only; purchase and delivery scripts are unchanged. */
:root {
  --paper: #f6f3ec;
  --paper-2: #eeece4;
  --paper-3: #e8e3d9;
  --ink: #252923;
  --ink-soft: #51564e;
  --ink-faint: #5e635a;
  --rule: #d8d8ce;
  --field-line: #888d80;
  --blue: #384c3c;
  --blue-deep: #27392c;
  --ember: #965433;
  --ember-deep: #834728;
  --wrap: 1200px;
  --gutter: clamp(22px, 5.2vw, 80px);
}
html { scroll-padding-top: 106px; }
body { font-size: 17px; line-height: 1.7; }
::selection { background: #ddc5ae; color: var(--ink); }
h1,h2,h3 { font-weight: 400; letter-spacing: -.045em; text-wrap: balance; }
h2 { font-size: clamp(36px,4.5vw,58px); line-height: 1.1; }
h3 { letter-spacing: -.022em; }
p { text-wrap: pretty; }
a { text-underline-offset: 5px; }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 5px; }
.eyebrow { font-size: 11px; letter-spacing: .18em; line-height: 1.5; margin-bottom: 22px; }
.btn,.dl,.retry { border-radius: 4px; min-height: 52px; font-size: 14px; font-weight: 500; line-height: 1.3; padding: 15px 23px; }
.btn { transition: background-color .2s, border-color .2s, color .2s; }
.btn:hover { transform: none; }
.btn.secondary { border-color: transparent; padding-inline: 12px; gap: 18px; }
.btn.secondary::after { content: '↗'; font-size: 20px; font-weight: 400; }
.btn.secondary:hover { border-color: transparent; color: var(--ember); }
.site-header { height: 86px; background: rgba(246,243,236,.96); backdrop-filter: blur(16px); }
.header-in { height: 86px; border-bottom: 1px solid var(--rule); }
.site-header.scrolled { border-bottom: 0; }
.wordmark,.mark { font-size: 27px; font-weight: 500; letter-spacing: -.07em; }
.nav { gap: 32px; }
.nav>a:not(.btn) { font-size: 13px; }
.head-buy { min-height: 44px; font-size: 12px; padding: 12px 18px; }
.home .hero { padding: 64px 0 62px; }
.hero-grid { grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 48px; }
.hero-copy { padding-block: 18px; }
.home h1 { font-size: clamp(45px,5.55vw,76px); line-height: 1.04; letter-spacing: -.058em; }
.home h1 em { color: var(--ember); font-weight: 400; }
.hero .lede { max-width: 43ch; margin-top: 28px; font-size: 17px; line-height: 1.75; }
.hero .actions { gap: 14px; margin-top: 30px; align-items: center; }
.hero .reassure { font-size: 13px; margin-top: 19px; }

/* A crisp, resolution-independent cover illustration; delivered product is a PDF. */
.book-scene { position: relative; min-width: 0; margin: 0; padding: 25px 0 0; }
.book-stage { position: relative; height: 492px; isolation: isolate; display: grid; place-items: center; }
.book-stage::before { content: ''; position: absolute; width: 94%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 38% 35%,#eeeee4,#e1e3d5 68%,#d8dccd); z-index: -2; }
.book-stage::after { content: ''; position: absolute; bottom: 27px; left: 11%; width: 87%; height: 35px; border-radius: 50%; background: #3c432b; filter: blur(23px); opacity: .19; z-index: -1; transform: rotate(-8deg); }
.back-book { position: absolute; width: 57%; height: 365px; border: 1px solid #ccc4b4; background: linear-gradient(110deg,#d5c9b8,#f1e7d8 12%,#e7dbc9); transform: translate(51px,18px) rotate(9deg); box-shadow: 9px 14px 20px #5148341c; border-radius: 2px 5px 5px 2px; }
.back-book::after { content: ''; position: absolute; inset: 15px 10px auto auto; width: 3px; height: 92%; background: #fff8e9; box-shadow: 2px 0 #cac4b7; }
.cover { position: relative; width: 65%; height: 417px; padding: 28px 31px 24px 35px; background: linear-gradient(100deg,#191e1b 0,#363c30 2%,#242b24 5%,#30382d 10%,#282f28 100%); color: #f2eddf; transform: rotate(-8deg); border: 1px solid #42483e; border-radius: 2px 4px 4px 2px; box-shadow: -2px 1px 1px #171c16,3px 4px 0 #e9e1cf,5px 6px 0 #c9c7b7,7px 8px 0 #f1e8d7,16px 23px 28px #26332230; overflow: hidden; }
.cover::after { content: ''; position: absolute; top: 0; bottom: 0; left: 15px; border-left: 1px solid #ffffff14; box-shadow: 1px 0 2px #1118; }
.cover-brand { font: 500 17px var(--serif); letter-spacing: -.04em; }
.cover-rule { height: 1px; background: #c1aa8260; margin: 18px 0 24px; }
.cover-kicker { display: block; font-size: 8px; letter-spacing: .2em; color: #c7c6ad; text-transform: uppercase; }
.cover-title { display: block; margin-top: 11px; font: 400 clamp(33px,3.3vw,46px)/1.08 var(--serif); letter-spacing: -.045em; }
.cover-title em { color: #d4b18d; font-weight: 400; }
.cover-art { position: absolute; width: 205px; height: 140px; left: 39px; bottom: 52px; overflow: hidden; }
.cover-art span { position: absolute; bottom: -72px; left: 0; width: 205px; height: 205px; border: 1px solid #c3a17c; border-radius: 50%; }
.cover-art span:nth-child(2) { inset-inline-start: 13px; width: 179px; height: 179px; bottom: -59px; }
.cover-art span:nth-child(3) { inset-inline-start: 26px; width: 153px; height: 153px; bottom: -46px; }
.cover-art span:nth-child(4) { inset-inline-start: 39px; width: 127px; height: 127px; bottom: -33px; }
.cover-art span:nth-child(5) { inset-inline-start: 52px; width: 101px; height: 101px; bottom: -20px; }
.cover-art span:nth-child(6) { inset-inline-start: 65px; width: 75px; height: 75px; bottom: -7px; }
.cover-art span:nth-child(7) { inset-inline-start: 78px; width: 49px; height: 49px; bottom: 6px; }
.cover-foot { display: flex; justify-content: space-between; position: absolute; left: 35px; right: 28px; bottom: 22px; border-top: 1px solid #c1aa8250; padding-top: 10px; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.book-caption { display: flex; justify-content: center; gap: 14px; align-items: center; margin: 15px 0 0; font-size: 10px; letter-spacing: .15em; text-transform: uppercase; color: var(--ink-faint); }
.book-caption::before { content: ''; width: 22px; height: 1px; background: var(--ember); }

.home .factstrip { background: transparent; color: var(--ink); padding: 0; }
.home .factstrip>.wrap { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); padding: 27px 0; }
.home .factstrip p { max-width: none; font-size: 12px; letter-spacing: .075em; }
.home .facts { margin: 28px 0 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; background: transparent; border: 0; padding: 0; }
.home .facts>.eyebrow { grid-column: 1/-1; margin: 0; }
.home .fact { display: flex; flex-direction: column; gap: 12px; padding: 0 0 0 24px; border: 0; border-left: 1px solid var(--rule); }
.home .fact:first-of-type { padding-left: 0; border-left: 0; }
.home .fact:last-of-type { border-bottom: 0; }
.home .fact b { font-size: 45px; font-weight: 400; }
.home .fact span { font-size: 13px; line-height: 1.6; max-width: 20ch; }
.home .factnote { grid-column: 1/-1; max-width: 84ch; font-size: 12px; margin: 4px 0 0; }
.home .section { padding: 104px 0; }
.home .section[aria-labelledby="gap-title"]>.wrap { display: grid; grid-template-columns: 1.08fr 1fr; column-gap: 100px; }
.home #gap-title { font-size: clamp(34px,3.65vw,48px); }
.gapcopy { display: block; margin-top: 38px; font-size: 16px; line-height: 1.8; color: var(--ink-soft); }
.gapcopy>p { margin-top: 22px; color: var(--ink); }
.home .section[aria-labelledby="gap-title"] .intro { font-size: 16px; line-height: 1.8; }
.home .section[aria-labelledby="gap-title"] .facts { grid-column: 1/-1; margin-top: 64px; }
.home #inside { background: var(--paper-2); }
.home #inside>.wrap { display: grid; grid-template-columns: .8fr 1.2fr; gap: 0 85px; align-items: start; }
.home #inside .heading { position: sticky; top: 128px; }
.home #inside h2 { max-width: 11ch; }
.home #inside .intro { font-size: 16px; max-width: 32ch; }
.days { margin: 0; }
.day { grid-template-columns: 40px 1fr; gap: 20px; padding: 25px 0; }
.daynum { font: 400 14px var(--sans); color: var(--ember); padding-top: 4px; }
.daynum::before { content: '0'; }
.day h3 { font-size: 22px; line-height: 1.3; }
.day p { font-size: 14px; line-height: 1.65; margin-top: 9px; }
.appendix { grid-column: 2; font-size: 12px; margin-top: 22px; line-height: 1.7; }
.freegrid { grid-template-columns: 1fr .94fr; align-items: center; gap: 100px; }
.freecopy>p:not(.eyebrow) { font-size: 16px; max-width: 39ch; color: var(--ink-soft); }
.previewbox,.panel { background: transparent; border: 1px solid var(--rule); border-radius: 5px; padding: 34px; box-shadow: 0 8px 30px #333b2405; }
.form-heading { margin: 0 0 25px; padding-bottom: 18px; border-bottom: 1px solid var(--rule); font: 400 24px var(--serif); letter-spacing: -.03em; }
.field input { min-height: 54px; background: #faf8f2; padding: 12px 14px; border-radius: 3px; }
.field input:focus-visible { outline-color: var(--blue); outline-offset: 3px; box-shadow: 0 0 0 6px #e3e8dc; }
.lead-form label { font-size: 13px; }
.consent { min-height: 44px; font-size: 14px!important; line-height: 1.65; }
.fine { font-size: 13px; line-height: 1.7; }
.field-error { font-size: 13px; }
.sample-sheet { display: flex; align-items: center; gap: 23px; margin-top: 30px; }
.sheet-art { width: 78px; height: 100px; flex-shrink: 0; padding: 12px; background: #fffdf8; border: 1px solid var(--rule); box-shadow: 3px 4px 0 var(--paper-2),4px 5px 0 var(--rule); transform: rotate(-5deg); }
.sheet-art b { display: block; font: 400 30px var(--serif); color: var(--ember); line-height: 1.3; }
.sheet-art i { display: block; border-top: 1px solid var(--rule); margin-top: 8px; }
.sample-sheet p { font-size: 12px; line-height: 1.8; color: var(--ink-faint); margin: 0; }
.sample-sheet strong { display: block; color: var(--ink); font-weight: 500; }
.home #pricing { background: #eceee5; }
.home #pricing .heading { max-width: 660px; margin-inline: auto; text-align: center; }
.home #pricing .intro { font-size: 15px; line-height: 1.8; }
.prices { max-width: 1030px; margin: 48px auto 0; gap: 24px; }
.tier { background: var(--paper); padding: 39px; border-radius: 5px; }
.tier.featured { padding: 39px; background: #e5e9df; border: 1px solid #a0ad95; }
.tier h3 { font-size: 29px; margin-top: 16px; }
.tier>p { font-size: 14px; min-height: 48px; }
.badge { position: static; align-self: flex-start; width: fit-content; margin: 0 0 2px; padding: 0; color: #47533e; background: transparent; font-size: 10px; font-weight: 500; letter-spacing: .14em; }
.tier:not(.featured)::before { content: 'THE ESSENTIALS'; margin-bottom: 2px; font-size: 10px; color: var(--ink-faint); letter-spacing: .14em; line-height: 1.7; }
.priceblock { margin-block: 30px; }
.live { font-size: 65px; letter-spacing: -.06em; font-weight: 400; }
.old { font-size: 18px; }
.suffix { font-size: 12px; }
.launch { font-size: 10px; letter-spacing: .08em; line-height: 1.6; }
.features li { font-size: 14px; line-height: 1.65; padding-block: 14px; border-top-color: #cbcec1; }
.features li:last-child { border-bottom-color: #cbcec1; }
.features svg { width: 15px; height: 15px; margin-top: 4px; color: #4d6245; }
.checkout-note:empty { display: none; }
.delivery { font-size: 13px; }
.purchase-terms { max-width: 1030px; margin: 30px auto 0; border: 0; border-top: 1px solid #cbd0c2; background: transparent; padding: 24px 0 0; font-size: 13px; }
.tax { max-width: 1030px; margin: 16px auto 0; font-size: 13px; line-height: 1.8; }
.steps { gap: 50px; }
.step { border-top: 1px solid var(--rule); padding-top: 25px; }
.stepnum { font-size: 36px; font-weight: 400; margin-bottom: 24px; }
.stepnum::before { content: '0'; }
.step h3 { font-size: 25px; }
.step p { font-size: 15px; line-height: 1.8; }
.home #faq { background: transparent; padding-top: 36px; }
.home #faq>.wrap { border-top: 1px solid var(--rule); padding-top: 90px; display: grid; grid-template-columns: .65fr 1.35fr; gap: 70px; }
.faq { margin: 0; }
.faq summary { font-size: 16px; min-height: 76px; gap: 20px; font-weight: 400; }
.faq summary svg { width: 17px; height: 17px; color: var(--ember); }
.faq summary { transition: color .18s ease, background-color .18s ease; border-radius: 3px; }
@media(hover:hover) and (pointer:fine) {
  .faq summary:hover { background-color: var(--paper-2); color: var(--blue); }
}
.answer { font-size: 15px; line-height: 1.8; }
.final { position: relative; overflow: hidden; background: #293328; padding: 106px 0; }
.final::before,.final::after { content: ''; width: 440px; height: 440px; border: 1px solid #d4d2b21c; border-radius: 50%; position: absolute; pointer-events: none; }
.final::before { left: -250px; top: -160px; box-shadow: 0 0 0 28px #d4d2b209,0 0 0 56px #d4d2b208; }
.final::after { right: -260px; bottom: -200px; box-shadow: 0 0 0 28px #d4d2b209,0 0 0 56px #d4d2b208; }
.finalin { position: relative; z-index: 1; max-width: 670px; }
.final h2 { font-size: clamp(39px,5vw,64px); }
.final .eyebrow { color: #d2b492; margin: 0 auto 22px; }
.final p:not(.eyebrow) { color: #d4d9cc; font-size: 15px; }
.final .actions { margin-top: 32px; }
.final .btn.outline-invert { border-color: #899781; }
.foot { padding: 58px 0 48px; }
.footgrid { grid-template-columns: 1fr .5fr 1.25fr; gap: 65px; }
.foot p,.footlinks { font-size: 13px; line-height: 1.8; }
.footlinks a { text-decoration: none; }
.footlinks a:hover,.foot-links a:hover { text-decoration: underline; }
.buybar { box-shadow: 0 -5px 25px #26332209; }
.trackbar { box-shadow: 0 -5px 30px #26332215; }

/* Same typography and spacing through the free guide, receipts, and legal pages. */
.site-head { height: 86px; border-bottom: 0; }
.site-head .page { width: min(1200px,calc(100% - var(--gutter)*2)); border-bottom: 1px solid var(--rule); justify-content: space-between; }
.subnav { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; text-decoration: none; color: var(--ink-soft); gap: 14px; }
.subnav::after { content: '↗'; font-size: 17px; }
.page { width: min(760px,calc(100% - var(--gutter)*2)); }
.guide .hero.page { width: min(1100px,calc(100% - var(--gutter)*2)); display: grid; grid-template-columns: 1fr .92fr; gap: 0 86px; padding: 80px 0 88px; align-items: start; }
.guide .guide-copy { padding-top: 16px; }
.guide h1 { font-size: clamp(44px,5.2vw,66px); line-height: 1.06; max-width: 10ch; }
.guide .lede { margin-top: 25px; max-width: 38ch; font-size: 16px; line-height: 1.8; }
.guide .panel { margin-top: 0; padding: 32px; }
.guide .section { padding: 64px 0; }
.guide .section>.page { width: min(1100px,calc(100% - var(--gutter)*2)); }
.guide .section h2 { font-size: 38px; }
.guide .facts { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 38px; border: 0; background: transparent; padding: 0; }
.guide .fact { display: flex; flex-direction: column; gap: 15px; padding: 0 0 0 24px; border: 0; border-left: 1px solid var(--rule); }
.guide .fact:first-child { border-left: 0; padding-left: 0; }
.guide .fact b { font-size: 44px; font-weight: 400; }
.guide .fact span { font-size: 13px; }
.guide .section[aria-labelledby="inside-title"] { background: var(--paper-2); }
.guide .day-list { max-width: 760px; }
.guide .day-list li { font-size: 16px; padding-block: 24px; }
.guide .honesty { max-width: 64ch; line-height: 1.8; }
.guide .foot>.page { width: min(1100px,calc(100% - var(--gutter)*2)); }
.receipt .content { padding: 82px 0 95px; min-height: calc(100dvh - 325px); }
.receipt .content>.page { position: relative; padding: 0 0 0 30px; border-left: 1px solid #b9c1b0; }
.receipt .content>.page::before { content: ''; position: absolute; top: 0; left: -5px; width: 9px; height: 9px; background: var(--ember); border-radius: 50%; }
.receipt h1 { font-size: clamp(42px,6vw,64px); font-weight: 400; line-height: 1.08; }
.receipt .body { font-size: 16px; line-height: 1.85; }
.receipt .note,.receipt .dl-note { font-size: 14px; line-height: 1.8; }
.receipt .btn.download,.receipt .dl { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.receipt .btn.download:hover,.receipt .dl:hover { background: var(--blue); }
.receipt .actions { margin-top: 30px; }
.receipt .legal { font-size: 12px; line-height: 1.8; }
.legal-page .wrap { width: min(850px,calc(100% - var(--gutter)*2)); max-width: 850px; padding-inline: 0; }
.legal-page>.nav { display: block; border: 0; }
.legal-page .nav-in { min-height: 86px; padding-block: 14px; border-bottom: 1px solid var(--rule); }
.legal-page .mark { min-height: 44px; display: inline-flex; align-items: center; }
.legal-page .mark span { color: var(--ink); }
.legal-page header.head { padding-block: 76px 40px; border: 0; }
.legal-page h1 { font-size: clamp(40px,5.5vw,62px); }
.legal-page main { padding-top: 8px; }
.legal-page main>.wrap { max-width: 74ch; padding-bottom: 12px; }
.legal-page h2 { font-size: 27px; line-height: 1.3; padding-top: 32px; margin-top: 45px; scroll-margin-top: 30px; }
.legal-page h3 { font-size: 21px; }
.legal-page .toc { border: 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); border-radius: 0; background: transparent; padding: 26px 0; margin-bottom: 46px; }
.legal-page .toc p { color: var(--ember); font-size: 11px; }
.legal-page .toc ol { column-gap: 48px; }
.legal-page .toc a { font-size: 14px; }
.legal-page .callout { background: var(--paper-2); border-left-width: 2px; padding: 22px 24px; }
.legal-page .foot { font-size: 12px; line-height: 1.8; }

@media(min-width:1440px) { .home .hero { padding-block: 76px; } .book-stage { height: 530px; } .cover { height: 438px; } .back-book { height: 385px; } }
@media(max-width:1100px) {
  .hero-grid { grid-template-columns: 1.1fr 1fr; gap: 24px; }
  .home h1 { font-size: clamp(43px,5.55vw,62px); }
  .cover { width: 72%; height: 360px; padding: 23px 25px 24px 30px; }
  .cover-title { font-size: 35px; }
  .cover-rule { margin-block: 15px 20px; }
  .cover-art { transform: scale(.8); transform-origin: left bottom; bottom: 43px; left: 30px; }
  .cover-foot { left: 30px; right: 20px; bottom: 17px; font-size: 7px; }
  .back-book { height: 316px; width: 65%; transform: translate(31px,17px) rotate(9deg); }
  .book-stage { height: 433px; }
  .hero .actions { gap: 8px; }
  .hero .btn { padding-inline: 17px; font-size: 14px; }
  .hero .lede { font-size: 16px; }
  .home #inside>.wrap,.freegrid,.home .section[aria-labelledby="gap-title"]>.wrap { column-gap: 50px; }
  .tier,.tier.featured { padding: 30px; }
  .tier h3 { font-size: 26px; }
  .guide .hero.page { gap: 45px; }
}
@media(max-width:899px) {
  .site-header,.header-in,.site-head { height: 74px; }
  .home .hero { padding-block: 48px; }
  .hero-grid { grid-template-columns: 1fr 1fr; }
  .home h1 { font-size: 46px; }
  .book-stage { height: 380px; }
  .cover { width: 78%; height: 327px; padding: 22px 23px 20px 27px; }
  .cover-title { font-size: 31px; }
  .cover-art { transform: scale(.7); bottom: 40px; left: 27px; }
  .back-book { height: 287px; width: 72%; transform: translate(23px,15px) rotate(8deg); }
  .cover-foot { left: 27px; right: 17px; font-size: 6px; }
  .cover-brand { font-size: 14px; }
  .cover-kicker { font-size: 7px; }
  .book-caption { font-size: 8px; letter-spacing: .08em; gap: 8px; }
  .hero .actions { align-items: stretch; flex-direction: column; }
  .hero .actions .btn { width: 100%; font-size: 14px; }
  .hero .reassure { max-width: 31ch; }
  .home .section { padding-block: 75px; }
  .home #inside>.wrap { grid-template-columns: .8fr 1.2fr; column-gap: 35px; }
  .home #inside .heading { top: 102px; }
  .day { grid-template-columns: 27px 1fr; gap: 13px; }
  .day h3 { font-size: 21px; }
  .freegrid { grid-template-columns: 1fr 1fr; gap: 35px; }
  .previewbox { padding: 26px; }
  .prices { grid-template-columns: 1fr 1fr; gap: 17px; }
  .tier,.tier.featured { padding: 24px; }
  .tier h3 { min-height: 62px; }
  .suffix { flex-basis: 100%; }
  .features li { font-size: 13px; gap: 6px; }
  .steps { grid-template-columns: repeat(3,1fr); gap: 28px; }
  .step h3 { font-size: 23px; }
  .home #faq>.wrap { grid-template-columns: .65fr 1.35fr; gap: 35px; padding-top: 65px; }
  .footgrid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .guide .hero.page { gap: 32px; padding-block: 60px; }
  .guide .panel { padding: 25px; }
  .guide h1 { font-size: 49px; }
}
@media(max-width:699px) {
  :root { --gutter: 24px; }
  html { scroll-padding-top: 90px; }
  .wordmark,.mark { font-size: 25px; }
  .header-in { gap: 16px; }
  .head-buy { font-size: 12px; padding: 11px 16px; }
  .home .hero { padding: 34px 0 30px; }
  .hero-grid { grid-template-columns: 1fr; gap: 8px; }
  .hero-copy { padding: 8px 0 0; }
  .home h1 { max-width: 12ch; font-size: clamp(44px,10.9vw,65px); line-height: 1.045; }
  .hero .eyebrow { margin-bottom: 22px; }
  .hero .lede { font-size: 16px; line-height: 1.7; margin-top: 24px; max-width: 40ch; }
  .hero .actions { margin-top: 25px; gap: 5px; }
  .hero .reassure { font-size: 13px; text-align: center; max-width: none; margin-top: 12px; }
  .book-scene { width: min(390px,100%); margin: 10px auto 0; padding-top: 10px; }
  .book-stage { height: 390px; }
  .book-stage::before { width: 91%; }
  .cover { width: 65%; height: 326px; }
  .back-book { width: 59%; height: 286px; transform: translate(33px,13px) rotate(9deg); }
  .cover-title { font-size: 32px; }
  .cover-rule { margin-block: 12px 17px; }
  .cover-art { transform: scale(.73); }
  .cover-foot { font-size: 6px; }
  .book-caption { font-size: 9px; margin-top: 5px; }
  .home .factstrip>.wrap { padding-block: 21px; }
  .home .factstrip p { font-size: 11px; line-height: 2; letter-spacing: .02em; }
  .home .section { padding-block: 63px; }
  h2 { font-size: 40px; }
  .home .section[aria-labelledby="gap-title"]>.wrap { display: block; }
  .home #gap-title { font-size: 37px; }
  .gapcopy { margin-top: 28px; }
  .home .facts { grid-template-columns: 1fr 1fr; row-gap: 30px; }
  .home .section[aria-labelledby="gap-title"] .facts { margin-top: 39px; }
  .home .fact { padding-left: 20px; }
  .home .fact:nth-of-type(3) { padding-left: 0; border-left: 0; }
  .home .fact b { font-size: 40px; }
  .home .factnote { font-size: 12px; }
  .home #inside>.wrap { display: block; }
  .home #inside .heading { position: static; }
  .home #inside h2 { max-width: 11ch; }
  .home #inside .intro { max-width: 40ch; }
  .days { margin-top: 35px; }
  .day { grid-template-columns: 30px 1fr; gap: 16px; padding-block: 22px; }
  .daynum { font-size: 13px; }
  .day h3 { font-size: 22px; }
  .day p { font-size: 14px; }
  .freegrid { grid-template-columns: 1fr; gap: 36px; }
  .freecopy>p:not(.eyebrow) { max-width: 45ch; }
  .previewbox { padding: 25px; }
  .sample-sheet { margin-top: 24px; }
  .home #pricing .heading { text-align: left; }
  .prices { grid-template-columns: 1fr; gap: 22px; margin-top: 34px; }
  .tier,.tier.featured { padding: 28px; }
  .tier h3 { min-height: 0; font-size: 28px; }
  .tier>p { min-height: 0; }
  .tier .badge { margin: 0 0 2px; }
  .priceblock { margin-block: 28px; }
  .suffix { flex-basis: auto; }
  .features li { font-size: 14px; gap: 10px; }
  .steps { grid-template-columns: 1fr; gap: 34px; margin-top: 35px; }
  .step { display: grid; grid-template-columns: 44px 1fr; gap: 0 19px; }
  .stepnum { grid-row: 1/3; margin: 0; font-size: 30px; }
  .step p { grid-column: 2; }
  .home #faq { padding-top: 0; }
  .home #faq>.wrap { display: block; padding-top: 60px; }
  .faq { margin-top: 32px; }
  .faq summary { font-size: 16px; min-height: 78px; }
  .answer { padding-right: 20px; font-size: 15px; }
  .final { padding-block: 70px; }
  .final h2 { font-size: 43px; }
  .final .actions { gap: 12px; }
  .foot { padding: 42px 0 45px; }
  .footgrid { grid-template-columns: 1fr; gap: 24px; }
  .footlinks { flex-direction: row; flex-wrap: wrap; gap: 5px 24px; }
  .legal { grid-column: auto; }
  .site-head .page { width: calc(100% - 48px); }
  .subnav { font-size: 11px; }
  .guide .hero.page { display: block; padding: 35px 0 48px; }
  .guide h1 { font-size: 48px; max-width: 11ch; }
  .guide .guide-copy { padding: 0; }
  .guide .lede { margin-top: 22px; }
  .guide .sample-sheet { display: none; }
  .guide .panel { margin-top: 32px; padding: 25px; }
  .guide .section { padding-block: 48px; }
  .guide .section h2 { font-size: 35px; }
  .guide .facts { grid-template-columns: 1fr 1fr; row-gap: 30px; }
  .guide .fact:nth-child(3) { border: 0; padding-left: 0; }
  .guide .fact b { font-size: 38px; }
  .guide .fact span { font-size: 12px; }
  .guide .fine { font-size: 13px; line-height: 1.7; }
  .receipt .content { padding: 52px 0 64px; }
  .receipt .content>.page { padding-left: 22px; }
  .receipt h1 { font-size: 45px; }
  .receipt .body { font-size: 15px; }
  .receipt .btn { padding-inline: 16px; }
  .legal-page .nav-in { min-height: 74px; }
  .legal-page .nav a.back { font-size: 12px; }
  .legal-page header.head { padding-block: 49px 28px; }
  .legal-page h1 { font-size: 44px; }
  .legal-page h2 { font-size: 26px; }
  .legal-page .toc ol { columns: 1; }
}
@media(max-width:359px) {
  :root { --gutter: 20px; }
  .home h1 { font-size: 42px; }
  .cover { width: 72%; }
  .cover-title { font-size: 30px; }
  .book-stage { height: 365px; }
  .tier,.tier.featured,.previewbox,.guide .panel { padding: 21px; }
  .guide h1 { font-size: 43px; }
  .receipt h1 { font-size: 39px; }
  .site-head .page { width: calc(100% - 40px); }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation: none!important; transition: none!important; }
}
@media print {
  .site-header,.site-head,.buybar,.trackbar,.skip { position: static; }
  .buybar,.trackbar { display: none!important; }
  .home #inside .heading { position: static; }
  .section,.tier,.day,.step,.content { break-inside: avoid; }
}