.sales-hero .hero-copy { max-width: 680px; }
.sales-hero h1 { font-size: clamp(3.4rem, 6.2vw, 5.9rem); max-width: 650px; }
.sales-hero h1 em { margin-top: 8px; font-size: .71em; line-height: 1.03; }
.sales-hero .script-accent { margin-bottom: 13px; transform: rotate(-2deg); transform-origin: left center; }
.sales-hero .hero-text { max-width: 500px; }
.sales-hero .hero-art::after { background: linear-gradient(90deg, #070b14, #070b14ef 22%, #070b1450 59%, transparent 88%), linear-gradient(0deg, #070b14, transparent 35%); }
.recognition-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 13px; margin-top: 32px; }
.question-card { display: flex; align-items: end; min-height: 168px; grid-column: span 2; padding: 16px; border: 1px solid var(--line); border-radius: 48% 48% 4px 4px / 28% 28% 4px 4px; text-decoration: none; text-transform: uppercase; letter-spacing: .025em; font: 400 clamp(1.25rem, 2.5vw, 1.85rem)/1.12 var(--serif); background: linear-gradient(#070b1420, #0b1426 90%), var(--art) center / cover; }
.question-card:nth-child(n+4) { grid-column: span 3; }
.question-card:hover { border-color: var(--gold); }
.question-card, .chapter h3 { overflow-wrap: anywhere; }
.money-question { --art: url("./media/money.webp"); }
.love-question { --art: url("./media/love.webp"); }
.year-question { --art: url("./media/observatory.webp"); }
.energy-question { --art: url("./media/energy.webp"); }
.center-note { max-width: 630px; text-align: center; margin: 23px auto 0; }
.spread-controls { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 25px auto 13px; }
.spread-controls p { min-width: 4rem; text-align: center; font-size: .87rem; }
.spread-controls button { display: grid; place-items: center; width: 44px; height: 44px; background: var(--panel); border: 1px solid var(--line); border-radius: 50%; cursor: pointer; font-size: 1.25rem; }
.spread-controls button:disabled { opacity: .36; cursor: default; }
.spreads { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; max-width: 740px; margin: 0 auto; scrollbar-width: thin; scrollbar-color: #526584 #0a101d; }
.spreads figure { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; margin: 0; }
.spreads a { display: block; }
.spreads a:focus-visible { outline-offset: -3px; }
.spreads img { border: 1px solid var(--line); }
.spreads figcaption { display: grid; gap: 5px; text-align: center; padding: 14px 6px 18px; color: var(--muted); font-size: .9rem; }
.spreads strong { font: 600 clamp(1.5rem, 3vw, 2rem)/1 var(--serif); color: var(--text); }
.center-actions { text-align: center; margin-top: 23px; }
.chapter-intro { margin-top: 15px; }
.method { background: radial-gradient(ellipse at 50% 51%, #162645, #0b1322 58%, var(--bg)); border-block: 1px solid var(--line); }
.lens-grid { display: grid; grid-template-columns: 1fr clamp(100px, 18vw, 200px) 1fr; align-items: center; max-width: 880px; gap: 22px 28px; margin: 37px auto; }
.lens-grid article { padding: 16px 0; border-top: 1px solid var(--line); }
.lens-grid h3 { font-size: clamp(1.5rem, 3vw, 2.2rem); margin-bottom: 7px; overflow-wrap: anywhere; }
.lens-grid p { font-size: .9rem; }
.lens-center { grid-column: 2; grid-row: 1 / span 2; aspect-ratio: 1; display: grid; place-content: center; text-align: center; border: 1px solid #c8daee66; border-radius: 50%; box-shadow: 0 0 0 8px #c8daee0b, 0 0 0 16px #c8daee0b; color: var(--gold); font: 600 clamp(2.8rem, 6vw, 5rem)/.94 var(--serif); }
.lens-center span { color: var(--silver); font-size: .48em; }
.method blockquote { max-width: 700px; margin: 30px auto 0; text-align: center; font: 600 clamp(1.55rem, 3.5vw, 2.35rem)/1.2 var(--serif); }
.method .section-head { max-width: 800px; }
.method .section-head .script-accent { margin-bottom: 17px; }
.method-promise { max-width: 800px; margin: 46px auto 0; padding-top: 33px; text-align: center; border-top: 1px solid var(--line); }
.method-promise .script-accent { font-size: clamp(2.1rem, 5vw, 4rem); }
.method-promise blockquote { margin-top: 18px; text-transform: uppercase; font-weight: 400; letter-spacing: .025em; }
.author-role { color: var(--silver); margin-bottom: 8px; }
.author-more { margin-top: 14px; }
.author-more summary { padding: 8px 0; color: var(--silver); font-size: .88rem; }
.author-more p { padding-left: 0; }
.author .script-accent { margin-bottom: 18px; }
.author-actions { display: grid; justify-items: start; gap: 8px; margin-top: 20px; }
.author-actions small { color: var(--muted); font-size: .72rem; }
.pending-link { opacity: .72; cursor: not-allowed; }
.closing h2 { max-width: 800px; margin-inline: auto; }
.closing .script-accent { margin-bottom: 18px; }
.closing .offer-price { color: var(--silver); font: 400 clamp(2.4rem, 5vw, 3.6rem)/1 var(--serif); letter-spacing: .03em; }
.offer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; max-width: 980px; margin: 34px auto 0; text-align: left; }
.offer-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; padding: clamp(24px, 4vw, 42px); border: 1px solid var(--line); background: radial-gradient(circle at 92% 0, #1b3153 0, transparent 31%), #09101d; }
.offer-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, transparent, var(--silver), transparent); opacity: .55; }
.offer-card-featured { border-color: #cfb78abb; background: radial-gradient(circle at 88% 0, #284770 0, transparent 36%), linear-gradient(145deg, #12233d, #09101d 72%); box-shadow: 0 18px 55px #0007; }
.offer-card-featured::before { background: linear-gradient(90deg, transparent, var(--gold), transparent); opacity: 1; }
.offer-card h3 { margin: 8px 0 14px; font-size: clamp(2rem, 4vw, 3rem); }
.closing .offer-card > p { max-width: none; margin: 0 0 17px; }
.offer-badge { align-self: flex-end; margin-bottom: 23px !important; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--gold); font-size: .67rem; font-weight: 650; letter-spacing: .09em; text-transform: uppercase; }
.offer-card .offer-lead { color: #d5e0ef; font-size: .95rem; }
.offer-card ul { display: grid; gap: 7px; margin: 3px 0 23px; padding-left: 19px; color: var(--muted); font-size: .88rem; }
.offer-card .offer-price { margin-top: auto; }
.offer-card .button { width: 100%; text-align: center; }
.closing .offer-card .small { margin-top: 9px; font: 400 .73rem/1.45 var(--sans); }
.closing .offer-note { margin: 20px auto 0; }
.order-page { background: radial-gradient(ellipse at 70% 10%, #162745, #070b14 60%); min-height: 100vh; }
.order-shell { width: min(610px, calc(100% - 36px)); margin: 44px auto 72px; padding: clamp(19px, 5vw, 42px); border: 1px solid var(--line); background: #0b1424; }
.order-shell h1, .order-shell h2 { font-size: clamp(2.25rem, 7vw, 3.65rem); letter-spacing: -.02em; margin: 9px 0 14px; overflow-wrap: anywhere; }
.order-shell .intro { font-size: .9rem; margin-bottom: 20px; }
.order-shell .step-progress { margin: 0 0 18px; color: var(--gold); font-size: .85rem; }
.plan-banner { display: grid; gap: 3px; margin: 19px 0; padding: 14px 16px; border: 1px solid var(--line); background: #070c16; }
.plan-banner strong { color: var(--silver); font: 600 1.3rem/1.1 var(--serif); }
.plan-banner span { color: var(--muted); font-size: .78rem; }
.order-shell fieldset { padding: 0; margin: 0; border: 0; min-inline-size: 0; }
.order-shell legend { font: 600 2rem/1.1 var(--serif); margin: 0 0 14px; padding: 0; }
.order-shell label { display: block; margin: 12px 0 5px; color: var(--silver); font-size: .9rem; }
.order-shell input, .order-shell select, .order-shell textarea { display: block; width: 100%; min-height: 49px; padding: 11px; font: inherit; background: var(--bg); color: var(--text); border: 1px solid #516482; border-radius: 4px; }
.order-shell textarea { min-height: 100px; resize: vertical; }
.subtopic-box { margin-top: 18px; padding: 15px; border: 1px solid var(--line); background: #070c16; }
.subtopic-title { margin-bottom: 8px; color: var(--silver); font: 600 1.25rem/1.2 var(--serif); }
.check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
.order-shell .checkline { display: flex; align-items: flex-start; gap: 9px; margin: 8px 0; color: var(--muted); font-size: .83rem; cursor: pointer; }
.order-shell .checkline input { flex: 0 0 18px; width: 18px; min-height: 18px; margin: 2px 0 0; padding: 0; accent-color: var(--gold); }
.order-shell .checkline input:disabled + * { opacity: .5; }
.order-actions { margin-top: 23px; display: flex; flex-wrap: wrap; gap: 10px; }
.order-actions .button { cursor: pointer; text-align: center; }
.summary-list div { padding-block: 9px; border-top: 1px solid var(--line); }
.summary-list dt { font: 600 .81rem/1.4 var(--sans); }
.summary-list dd { overflow-wrap: anywhere; }
.order-shell [hidden] { display: none !important; }
.result-cover { width: min(100%, 180px); margin: 0 auto 19px; border: 1px solid var(--line); animation: reveal .5s ease-out; }
.result-author { display: grid; grid-template-columns: 128px 1fr; gap: 20px; align-items: start; margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--line); }
.result-author > img { aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 35%; border: 1px solid var(--line); border-radius: 49% 49% 4px 4px / 34% 34% 4px 4px; }
.result-author .script-accent { margin-bottom: 10px; font-size: 2.3rem; }
.result-author h3 { margin: 8px 0 12px; font-size: clamp(1.85rem, 6vw, 2.6rem); }
.result-author p:not(.eyebrow, .small) { font-size: .86rem; }
@keyframes reveal { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 620px) {
  .sales-hero .hero-art::after { background: linear-gradient(0deg, var(--bg), #070b1459 57%, transparent); }
  .sales-hero h1 { font-size: clamp(2.55rem, 11vw, 4.3rem); }
  .sales-hero h1 em { display: block; }
  .sales-hero h1 { overflow-wrap: anywhere; }
  .sales-hero .hero-copy { padding-top: 185px; }
  .recognition-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .question-card, .question-card:nth-child(n+4) { grid-column: auto; min-height: 143px; padding: 10px; font-size: 1.2rem; }
  .question-card:last-child { grid-column: span 2; min-height: 126px; }
  .lens-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  .lens-center { grid-row: 1; grid-column: span 2; width: 92px; margin: 0 auto 13px; }
  .lens-grid p { font-size: .83rem; }
  .order-shell { margin-top: 22px; }
  .center-actions .button { max-width: 100%; text-align: center; }
  .offer-grid { grid-template-columns: minmax(0, 1fr); }
  .check-grid { grid-template-columns: minmax(0, 1fr); }
  .result-author { grid-template-columns: minmax(0, 1fr); }
  .result-author > img { width: 128px; }
}
@media (prefers-reduced-motion: reduce) { .result-cover { animation: none; } }