.v2-page { --v2-panel: rgba(19, 15, 10, .9); }
.preview-ribbon { position: fixed; z-index: 90; top: 12px; left: 50%; transform: translateX(-50%); padding: 6px 12px; border: 1px solid rgba(233,173,67,.25); border-radius: 999px; background: rgba(8,8,6,.86); color: var(--text-muted); font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; backdrop-filter: blur(10px); }
.hero--v2 { min-height: 96svh; }
.hero__offer { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 15px; margin-top: 27px; }
.hero__offer p { margin: 0; color: var(--text-muted); font-size: .82rem; }
.hero__offer .hero__price { color: var(--text); font-family: var(--font-display); font-size: 1.65rem; }
.hero__price span { color: var(--text-muted); font-family: var(--font-body); font-size: .46em; letter-spacing: .08em; }
.hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 25px; margin-top: 22px; }
.hero__actions .cta-button { width: min(100%, 330px); }
.hero__actions .scroll-link { margin-top: 0; }
.editorial-section, .inside-preview, .resonance, .author, .faq { padding: clamp(70px, 9vw, 128px) 24px; }
.editorial-section__inner, .inside-preview__inner, .resonance__inner, .author__inner, .faq__inner { width: min(100%, 1040px); margin: 0 auto; }
.section-heading { max-width: 700px; }
.section-heading h2, .resonance h2, .author h2, .purchase--v2 h2, .offer-card h2 { margin: 0; font-family: var(--font-display); font-size: clamp(2.35rem, 4.6vw, 4.35rem); font-weight: 500; line-height: 1.05; letter-spacing: -.035em; text-wrap: balance; }
.section-heading p:last-child { color: var(--text-muted); }
.section-heading--center { margin-inline: auto; text-align: center; }
.section-heading--center .eyebrow { justify-content: center; }
.finding-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; margin: 58px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.finding-list li { display: grid; grid-template-columns: 42px 1fr; gap: 15px; padding: 28px 0; border-bottom: 1px solid var(--line); }
.finding-list span { color: var(--gold-dark); font-family: var(--font-display); }
.finding-list p { margin: 0; color: var(--text-soft); font-size: 1.03rem; }
.inside-preview { background: linear-gradient(180deg, rgba(28,19,10,.22), rgba(6,6,5,.6)); }
.inside-preview__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(14px, 2.5vw, 28px); margin-top: 52px; align-items: start; }
.page-sample { margin: 0; }
.page-sample button { position: relative; width: 100%; display: block; border: 0; padding: 0; overflow: hidden; border-radius: 4px; background: transparent; color: var(--text); cursor: zoom-in; box-shadow: 0 24px 60px rgba(0,0,0,.5); }
.page-sample button::after { content: ""; position: absolute; inset: 0; border: 1px solid transparent; border-radius: inherit; transition: border-color 180ms ease, background 180ms ease; }
.page-sample button:hover::after, .page-sample button:focus-visible::after { border-color: rgba(243,199,109,.7); background: rgba(233,173,67,.04); }
.page-sample button span { position: absolute; right: 10px; bottom: 10px; padding: 6px 9px; border: 1px solid rgba(243,199,109,.3); border-radius: 999px; background: rgba(8,8,6,.86); color: var(--gold-soft); font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(8px); }
.page-sample img { border-radius: 4px; transition: transform 300ms ease; }
.page-sample button:hover img { transform: scale(1.012); }
.page-sample figcaption { margin-top: 13px; color: var(--text-muted); font-size: .72rem; text-align: center; }
.resonance__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; border: 1px solid var(--line); background: var(--line); }
.resonance__column { padding: clamp(30px, 5vw, 58px); background: var(--bg); }
.resonance__column--quiet { background: #0c0a08; }
.resonance h2 { font-size: clamp(2rem, 3.5vw, 3.2rem); }
.resonance ul { margin: 28px 0 0; padding: 0; list-style: none; }
.resonance li { position: relative; margin: 15px 0; padding-left: 20px; color: var(--text-soft); }
.resonance li::before { content: "·"; position: absolute; left: 0; color: var(--gold); }
.offer-card { width: min(calc(100% - 48px), 820px); margin: clamp(75px, 10vw, 130px) auto; display: grid; grid-template-columns: 150px 1fr; gap: clamp(28px, 5vw, 55px); align-items: center; padding: clamp(26px, 4vw, 45px); border-block: 1px solid var(--line); }
.offer-card figure { margin: 0; }
.offer-card figure img { border-radius: 3px 7px 7px 3px; box-shadow: 0 20px 50px rgba(0,0,0,.5); }
.offer-card h2 { font-size: clamp(2rem, 4vw, 3.3rem); }
.offer-card__price { margin: 13px 0 5px; color: var(--text); font-family: var(--font-display); font-size: 2rem; }
.offer-card__price span { color: var(--text-muted); font-family: var(--font-body); font-size: .45em; }
.offer-card__meta { margin: 0 0 20px; color: var(--text-muted); font-size: .8rem; }
.author { background: radial-gradient(circle at 20% 50%, rgba(233,173,67,.08), transparent 28%); }
.author__inner { display: grid; grid-template-columns: 190px 1fr; gap: clamp(34px, 7vw, 82px); align-items: center; max-width: 850px; }
.author__portrait { position: relative; width: 190px; aspect-ratio: 1; margin: 0; padding: 5px; border: 1px solid rgba(233,173,67,.34); border-radius: 50%; background: linear-gradient(145deg,rgba(233,173,67,.2),rgba(8,8,6,.5)); box-shadow: 0 28px 70px rgba(0,0,0,.5), 0 0 42px rgba(233,173,67,.08); }
.author__portrait::after { content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255,239,207,.12); border-radius: inherit; pointer-events: none; }
.author__portrait img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: 50% 48%; filter: saturate(.88) contrast(1.04); }
.author p { color: var(--text-soft); }
.brand-line { color: var(--gold) !important; font-family: var(--font-display); font-style: italic; }
.faq__inner { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(42px, 8vw, 100px); }
.faq__list { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { padding: 22px 35px 22px 0; color: var(--text); cursor: pointer; font-family: var(--font-display); font-size: 1.12rem; }
.faq details p { margin: -4px 0 22px; color: var(--text-muted); font-size: .92rem; }
.faq a, .footer a { color: var(--gold-soft); }
.purchase--v2 h2 { margin-bottom: 11px; font-size: clamp(2rem, 4vw, 3.4rem); }
.footer p + p { margin-top: 7px; }
body.lightbox-open { overflow: hidden; }
.page-lightbox[hidden] { display: none; }
.page-lightbox { position: fixed; inset: 0; z-index: 140; display: grid; place-items: center; padding: 18px; opacity: 0; transition: opacity 180ms ease; }
.page-lightbox.is-open { opacity: 1; }
.page-lightbox__backdrop { position: absolute; inset: 0; background: rgba(3,3,2,.94); backdrop-filter: blur(12px); }
.page-lightbox__dialog { position: relative; width: min(100%, 1100px); height: min(94svh, 960px); display: grid; grid-template-rows: auto minmax(0,1fr) auto; padding: 18px; border: 1px solid rgba(233,173,67,.28); border-radius: 18px; background: linear-gradient(145deg,#0d0b08,#17110b); box-shadow: 0 45px 140px rgba(0,0,0,.76); transform: translateY(10px) scale(.99); transition: transform 180ms ease; }
.page-lightbox.is-open .page-lightbox__dialog { transform: none; }
.page-lightbox__header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 0 12px 8px; }
.page-lightbox__header p { margin: 0; color: var(--gold); font-size: .62rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.page-lightbox__header h2 { margin: 2px 0 0; font-family: var(--font-display); font-size: clamp(1.3rem,2vw,1.8rem); font-weight: 500; }
.page-lightbox__close, .page-lightbox__nav { display: grid; place-items: center; min-width: 48px; min-height: 48px; border: 1px solid rgba(233,173,67,.28); border-radius: 50%; background: rgba(255,255,255,.035); color: var(--text); cursor: pointer; font-size: 1.4rem; transition: background 180ms ease, border-color 180ms ease; }
.page-lightbox__close:hover, .page-lightbox__nav:hover, .page-lightbox__close:focus-visible, .page-lightbox__nav:focus-visible { border-color: var(--gold-soft); background: rgba(233,173,67,.12); }
.page-lightbox__stage { min-height: 0; display: grid; grid-template-columns: 56px minmax(0,1fr) 56px; gap: 16px; align-items: center; }
.page-lightbox__image-wrap { height: 100%; min-height: 0; display: grid; place-items: center; overflow: auto; overscroll-behavior: contain; }
.page-lightbox__image-wrap img { width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; box-shadow: 0 22px 70px rgba(0,0,0,.55); touch-action: pinch-zoom; }
.page-lightbox__count { margin: 10px 0 0; color: var(--text-muted); text-align: center; font-size: .7rem; letter-spacing: .1em; }

@media (max-width: 900px) {
  .inside-preview__grid { grid-template-columns: 1fr 1fr; gap: 34px 18px; }
  .faq__inner { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .preview-ribbon { top: 8px; white-space: nowrap; }
  .hero--v2 .hero__inner { padding-top: 62px; }
  .hero__offer { margin-top: 22px; }
  .hero__actions { align-items: stretch; flex-direction: column; gap: 18px; }
  .hero__actions .scroll-link { align-self: flex-start; }
  .editorial-section, .inside-preview, .resonance, .author, .faq { padding: 65px 17px; }
  .finding-list, .resonance__inner { grid-template-columns: 1fr; }
  .finding-list { gap: 0; }
  .inside-preview__grid { display: flex; gap: 15px; margin-inline: -17px; padding: 0 17px 20px; overflow-x: auto; scroll-snap-type: x mandatory; }
  .page-sample { flex: 0 0 78vw; scroll-snap-align: center; }
  .offer-card { width: calc(100% - 34px); grid-template-columns: 95px 1fr; gap: 22px; padding-inline: 0; }
  .offer-card .cta-button { grid-column: 1 / -1; }
  .author__inner { grid-template-columns: 96px 1fr; align-items: start; gap: 23px; }
  .author__portrait { width: 96px; }
  .author__inner > div:last-child { grid-column: 1 / -1; }
  .chapter--final-message { padding-bottom: 70px; }
  .page-lightbox { padding: 0; }
  .page-lightbox__dialog { width: 100%; height: 100svh; border: 0; border-radius: 0; padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom)); }
  .page-lightbox__stage { grid-template-columns: 48px minmax(0,1fr) 48px; gap: 6px; }
  .page-lightbox__nav { min-width: 44px; min-height: 44px; }
  .page-lightbox__header { padding-left: 3px; }
}
@media (max-width: 430px) {
  .hero__offer .hero__price { font-size: 1.5rem; }
  .section-heading h2, .resonance h2, .author h2 { font-size: 2.25rem; }
  .offer-card { grid-template-columns: 80px 1fr; }
  .offer-card h2 { font-size: 1.65rem; }
}
@media (prefers-reduced-motion: reduce) {
  .inside-preview__grid { scroll-behavior: auto; }
  .page-sample img, .page-lightbox, .page-lightbox__dialog { transition: none; }
}