:root {
  --bg: #091326;
  --bg-2: #0d1b33;
  --text: #f2f4f8;
  --muted: #bac3d1;
  --gold: #f2c94c;
  --line: rgba(255,255,255,.12);
  --card: rgba(255,255,255,.04);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, system-ui, sans-serif;
  line-height: 1.65;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.wrap {
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
}
.narrow { max-width: 780px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(14px);
  background: rgba(9,19,38,.82);
  border-bottom: 1px solid var(--line);
}
.header-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:72px;
}
.brand { font-weight:600; letter-spacing:.01em; }
nav { display:flex; gap:24px; }
nav a { color: var(--muted); font-size: .95rem; }
nav a:hover { color: var(--text); }

.hero {
  min-height: 86vh;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 75% 25%, rgba(91,75,138,.28), transparent 32%),
    radial-gradient(circle at 15% 15%, rgba(47,128,237,.16), transparent 26%),
    var(--bg);
  padding: 80px 0;
}
.hero-grid, .purchase-grid, .author-grid {
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:72px;
  align-items:center;
}
.eyebrow {
  display:block;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .76rem;
  font-weight:600;
  margin-bottom:16px;
}
h1,h2,h3 {
  font-family:"Playfair Display", Georgia, serif;
  line-height:1.08;
  margin-top:0;
}
h1 {
  font-size: clamp(3.3rem, 8vw, 6.8rem);
  letter-spacing:-.035em;
  margin-bottom:22px;
}
h2 { font-size: clamp(2.25rem, 5vw, 4rem); margin-bottom:26px; }
h3 { font-size:1.45rem; }
.subtitle {
  max-width:720px;
  font-family:"Playfair Display", Georgia, serif;
  font-size: clamp(1.3rem, 2.5vw, 2rem);
  color:#d8dce5;
  margin:0 0 18px;
}
.author-line {
  color:var(--gold);
  font-weight:600;
  margin:0 0 28px;
}
.hero-text {
  max-width:640px;
  color:var(--muted);
  font-size:1.08rem;
}
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }
.btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  font-weight:600;
  border:1px solid transparent;
  transition:.2s ease;
  cursor:pointer;
}
.btn.primary { background:var(--gold); color:#101827; }
.btn.primary:hover { transform: translateY(-1px); filter:brightness(1.04); }
.btn.ghost { border-color:var(--line); color:var(--text); }
.btn.full { width:100%; }
.microcopy { color:#8f9bad; font-size:.88rem; margin-top:14px; }

.cover-placeholder {
  aspect-ratio: 2 / 3;
  max-width:420px;
  margin-left:auto;
  border:1px solid rgba(255,255,255,.18);
  background:
    linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.015)),
    linear-gradient(180deg, #111d35 0%, #070d18 100%);
  box-shadow: 0 45px 100px rgba(0,0,0,.35);
  display:flex;
  align-items:flex-end;
}
.cover-inner { padding:40px; }
.cover-inner span {
  color:var(--gold);
  font-size:.72rem;
  letter-spacing:.18em;
}
.cover-inner strong {
  display:block;
  font-family:"Playfair Display", Georgia, serif;
  font-size:2.4rem;
  line-height:1.05;
  margin:16px 0;
}
.cover-inner small { color:#8d98aa; }

.section { padding:110px 0; border-top:1px solid var(--line); }
.section p { color:var(--muted); font-size:1.08rem; }

.quote-section {
  padding:100px 0;
  background:var(--bg-2);
  border-block:1px solid var(--line);
}
blockquote {
  margin:0;
  font-family:"Playfair Display", Georgia, serif;
  font-size: clamp(2rem, 5vw, 4.2rem);
  line-height:1.15;
}
.quote-note { color:#8290a3; font-size:.84rem; margin-top:20px; }

.cards {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
}
.cards article {
  padding:28px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
}
.cards p { font-size:.95rem; }

.author-photo .photo-placeholder {
  min-height:520px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  background:linear-gradient(145deg, rgba(47,128,237,.08), rgba(91,75,138,.1));
  color:#8491a3;
}

.purchase { background:#0a1528; }
.price {
  font-family:"Playfair Display", Georgia, serif;
  font-size:3.3rem !important;
  color:var(--text) !important;
  margin:16px 0;
}
.benefits { padding-left:20px; color:var(--muted); }

.order-form {
  background:#f7f5ef;
  color:#172033;
  border-radius:22px;
  padding:30px;
}
.order-form h3 { margin-bottom:24px; }
.order-form label {
  display:block;
  font-size:.9rem;
  font-weight:600;
  margin-bottom:14px;
}
.order-form input, .order-form textarea {
  width:100%;
  margin-top:7px;
  padding:13px 14px;
  border:1px solid #ccd2dc;
  border-radius:10px;
  font:inherit;
  background:white;
}
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.freight-box {
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:16px;
  background:#ece9df;
  border-radius:10px;
  margin:10px 0 18px;
  font-size:.9rem;
}
.form-note { font-size:.78rem !important; color:#6f7784 !important; }

.final-cta {
  padding:120px 0;
  text-align:center;
  background:
    radial-gradient(circle at center, rgba(242,201,76,.08), transparent 38%),
    #070f1d;
}
.final-cta p { color:var(--muted); font-size:1.2rem; margin-bottom:28px; }

footer { border-top:1px solid var(--line); padding:42px 0; }
.footer-inner {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
}
footer p { color:#7f8b9d; margin:.35rem 0 0; }
.footer-links { display:flex; gap:18px; flex-wrap:wrap; color:#a6b0bf; }

@media (max-width: 900px) {
  nav { display:none; }
  .hero-grid, .purchase-grid, .author-grid { grid-template-columns:1fr; gap:46px; }
  .cover-placeholder { margin:0; max-width:360px; }
  .cards { grid-template-columns:1fr 1fr; }
}

@media (max-width: 620px) {
  .wrap { width:min(100% - 28px, 1160px); }
  .hero { padding:60px 0; }
  .section { padding:78px 0; }
  .cards, .form-row { grid-template-columns:1fr; }
  .footer-inner { flex-direction:column; }
}


.book-cover {
  display:block;
  width:100%;
  max-width:420px;
  margin-left:auto;
  height:auto;
  box-shadow:0 45px 100px rgba(0,0,0,.35);
  border-radius:2px;
}
.author-photo img {
  width:100%;
  max-width:520px;
  aspect-ratio: 4 / 5;
  object-fit:cover;
  object-position:center top;
  border:1px solid var(--line);
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}
.launch-label {
  margin:8px 0 -4px !important;
  color:var(--gold) !important;
  font-size:.82rem !important;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:600;
}
@media (max-width: 900px) {
  .book-cover { margin:0; max-width:360px; }
}


.btn.secondary {
  background:transparent;
  color:#172033;
  border:1px solid #aeb7c4;
}
.btn.secondary:hover {
  border-color:#172033;
}
.btn:disabled {
  opacity:.48;
  cursor:not-allowed;
  transform:none !important;
}
.freight-box-stack {
  display:block;
}
.freight-head {
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:12px;
}
.shipping-options {
  display:grid;
  gap:10px;
  margin-top:12px;
}
.shipping-option {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 14px;
  border:1px solid #ccd2dc;
  background:#fff;
  border-radius:10px;
  cursor:pointer;
}
.shipping-option input {
  width:auto !important;
  margin:0 8px 0 0 !important;
}
.shipping-option-main {
  display:flex;
  align-items:center;
}
.shipping-option small {
  display:block;
  color:#747d8b;
  font-weight:400;
}
.order-summary {
  border-top:1px solid #d7d2c6;
  border-bottom:1px solid #d7d2c6;
  padding:14px 0;
  margin:16px 0 18px;
}
.order-summary > div {
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:5px 0;
}
.summary-total {
  margin-top:6px;
  padding-top:12px !important;
  border-top:1px solid #d7d2c6;
  font-size:1.08rem;
}
.consent-row {
  display:flex !important;
  align-items:flex-start;
  gap:10px;
  font-weight:400 !important;
  line-height:1.4;
  margin:4px 0 16px !important;
}
.consent-row input {
  width:auto !important;
  margin:3px 0 0 !important;
}
.field-status {
  display:block;
  font-size:.78rem;
  color:#687283;
  margin-top:-6px;
  margin-bottom:10px;
}
.error-text { color:#a52a2a !important; }
.success-text { color:#27613c !important; }
.loading-inline::after {
  content:"";
  display:inline-block;
  width:12px;
  height:12px;
  margin-left:7px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  vertical-align:-2px;
  animation:spin .7s linear infinite;
}
@keyframes spin { to { transform:rotate(360deg); } }


/* ===== BOOK 3D ===== */
.book-scene {
  width:min(420px, 88vw);
  margin-left:auto;
  perspective:1600px;
  padding:24px 36px 54px 52px;
}
.book-3d {
  --book-w: 330px;
  --book-h: 495px;
  --depth: 34px;
  width:var(--book-w);
  height:var(--book-h);
  max-width:100%;
  position:relative;
  transform-style:preserve-3d;
  transform:rotateY(-22deg) rotateX(3deg);
  transition:transform .5s ease;
  margin-left:auto;
}
.book-scene:hover .book-3d {
  transform:rotateY(-13deg) rotateX(1deg) translateY(-5px);
}
.book-face {
  position:absolute;
  backface-visibility:hidden;
}
.book-front {
  width:100%;
  height:100%;
  transform:translateZ(calc(var(--depth) / 2));
  overflow:hidden;
  border-radius:2px 5px 5px 2px;
  box-shadow:0 22px 65px rgba(0,0,0,.38);
}
.book-front img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.book-spine {
  left:0;
  top:0;
  width:var(--depth);
  height:100%;
  background:linear-gradient(90deg,#050914 0%,#111c31 45%,#090f1d 100%);
  transform-origin:left center;
  transform:rotateY(-90deg) translateX(calc(var(--depth) / -2));
  display:flex;
  align-items:center;
  justify-content:center;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  padding:15px 4px;
  border-radius:3px 0 0 3px;
  color:#f2f4f8;
  letter-spacing:.09em;
  font-size:.72rem;
}
.book-spine small {
  color:#c5a849;
  margin-top:20px;
  font-size:.56rem;
}
.book-pages {
  position:absolute;
  right:-17px;
  top:7px;
  width:34px;
  height:calc(100% - 14px);
  background:
    repeating-linear-gradient(90deg,#f5f0e5 0,#f5f0e5 2px,#ddd6c8 3px);
  transform:rotateY(90deg) translateZ(313px);
  opacity:.95;
}
.book-shadow {
  width:78%;
  height:34px;
  margin:34px 0 0 auto;
  background:rgba(0,0,0,.45);
  filter:blur(18px);
  border-radius:50%;
  transform:rotate(-3deg);
}

/* ===== RICHER EDITORIAL CONTENT ===== */
.section-heading {
  max-width:800px;
  margin-bottom:44px;
}
.cards-six {
  grid-template-columns:repeat(3, 1fr);
}
.card-number {
  display:block;
  color:var(--gold);
  font-size:.72rem;
  letter-spacing:.16em;
  margin-bottom:34px;
}
.split-editorial {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:start;
}
.editorial-copy p:first-child {
  margin-top:0;
}
.timeline-section {
  background:var(--bg-2);
}
.timeline-intro {
  max-width:780px;
  margin-bottom:48px;
}
.timeline {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);
}
.timeline-item {
  padding:28px 26px 10px 0;
  border-right:1px solid var(--line);
}
.timeline-item:last-child { border-right:0; padding-right:0; }
.timeline-item span {
  display:block;
  color:var(--gold);
  font-size:.76rem;
  letter-spacing:.15em;
  margin-bottom:16px;
}
.timeline-item strong {
  display:block;
  font-family:"Playfair Display", Georgia, serif;
  font-size:1.28rem;
  margin-bottom:10px;
}
.timeline-item p { font-size:.92rem; }

.reader-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:80px;
}
.reader-list {
  border-top:1px solid var(--line);
}
.reader-list > div {
  padding:22px 0;
  border-bottom:1px solid var(--line);
}
.reader-list strong {
  display:block;
  font-family:"Playfair Display", Georgia, serif;
  font-size:1.18rem;
  margin-bottom:6px;
}
.reader-list span {
  display:block;
  color:var(--muted);
}

.book-facts {
  padding:54px 0;
  background:#07101e;
}
.facts-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.fact {
  padding:4px 28px;
  border-right:1px solid var(--line);
}
.fact:first-child { padding-left:0; }
.fact:last-child { border-right:0; }
.fact span {
  display:block;
  color:#8491a3;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:8px;
}
.fact strong {
  font-family:"Playfair Display", Georgia, serif;
  font-size:1.22rem;
}

.faq-section details {
  border-top:1px solid var(--line);
  padding:0;
}
.faq-section details:last-child {
  border-bottom:1px solid var(--line);
}
.faq-section summary {
  list-style:none;
  cursor:pointer;
  padding:22px 0;
  font-family:"Playfair Display", Georgia, serif;
  font-size:1.18rem;
  position:relative;
  padding-right:32px;
}
.faq-section summary::-webkit-details-marker { display:none; }
.faq-section summary::after {
  content:"+";
  position:absolute;
  right:0;
  top:20px;
  color:var(--gold);
  font-family:Inter,sans-serif;
}
.faq-section details[open] summary::after { content:"–"; }
.faq-section details p {
  margin:-4px 0 24px;
  max-width:700px;
}

@media (max-width: 900px) {
  .book-scene { margin:0; padding-left:34px; }
  .book-3d { --book-w:280px; --book-h:420px; }
  .book-pages { transform:rotateY(90deg) translateZ(263px); }
  .cards-six { grid-template-columns:1fr 1fr; }
  .split-editorial, .reader-grid { grid-template-columns:1fr; gap:35px; }
  .timeline { grid-template-columns:1fr 1fr; }
  .timeline-item:nth-child(2) { border-right:0; }
  .facts-grid { grid-template-columns:1fr 1fr; gap:26px 0; }
  .fact:nth-child(2) { border-right:0; }
}
@media (max-width: 620px) {
  .book-scene { width:100%; padding:15px 32px 42px 38px; }
  .book-3d { --book-w:235px; --book-h:352px; --depth:28px; margin:0 auto; }
  .book-pages { right:-14px; width:28px; transform:rotateY(90deg) translateZ(221px); }
  .cards-six, .timeline, .facts-grid { grid-template-columns:1fr; }
  .timeline-item, .fact, .fact:first-child {
    border-right:0;
    border-bottom:1px solid var(--line);
    padding:22px 0;
  }
  .fact:last-child { border-bottom:0; }
}


/* ===== PREMIUM PRE-SALE / PUBLISHER STYLE ===== */
.launch-strip {
  background:#f2c94c;
  color:#101827;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.launch-strip-inner {
  min-height:42px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  font-size:.8rem;
  letter-spacing:.06em;
}
.launch-strip-inner span { font-weight:800; }
.launch-strip-inner strong { font-family:"Playfair Display",Georgia,serif; font-size:1rem; }
.launch-strip-inner a {
  border-bottom:1px solid #101827;
  font-weight:700;
}
.editorial-proof {
  background:#f6f1e5;
  color:#111827;
  border-bottom:1px solid #ddd6c8;
}
.editorial-proof-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:26px 0;
}
.editorial-proof-grid > div {
  text-align:center;
  border-right:1px solid #d7cfbf;
}
.editorial-proof-grid > div:last-child { border-right:0; }
.editorial-proof span {
  display:block;
  font-family:"Playfair Display",Georgia,serif;
  font-size:1.8rem;
  line-height:1;
}
.editorial-proof small {
  display:block;
  margin-top:7px;
  color:#667085;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.name-section {
  background:
    radial-gradient(circle at 15% 20%, rgba(242,201,76,.06), transparent 28%),
    #07101e;
}
.name-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:90px;
  align-items:start;
}
.name-title h2 { font-size:clamp(2.4rem,5vw,4.5rem); }
.name-copy {
  border-left:1px solid var(--line);
  padding-left:42px;
}
.name-copy p:first-child { margin-top:0; }

.reading-preview {
  background:#f2eee4;
  color:#172033;
}
.reading-preview .eyebrow { color:#7c6414; }
.reading-preview p { color:#555e6e; max-width:700px; }
.reading-intro {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:50px;
}
.reading-intro h2 {
  max-width:760px;
  color:#172033;
}
.reader-overlay {
  position:fixed;
  inset:0;
  z-index:1000;
  background:rgba(3,8,16,.88);
  backdrop-filter:blur(14px);
  display:none;
  padding:18px;
}
.reader-overlay.open { display:block; }
.reader-shell {
  width:min(900px,100%);
  height:calc(100vh - 36px);
  margin:0 auto;
  background:#f7f3e9;
  color:#222938;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 40px 120px rgba(0,0,0,.5);
  display:flex;
  flex-direction:column;
}
.reader-toolbar {
  min-height:72px;
  padding:14px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #ded7c9;
  background:#fbf8f1;
}
.reader-toolbar span {
  display:block;
  color:#8a6f18;
  font-size:.66rem;
  letter-spacing:.14em;
  font-weight:700;
}
.reader-toolbar strong {
  display:block;
  font-family:"Playfair Display",Georgia,serif;
  font-size:1.08rem;
}
.reader-toolbar button {
  border:0;
  background:transparent;
  font-size:2rem;
  line-height:1;
  cursor:pointer;
  color:#384152;
}
.reader-progress {
  height:3px;
  background:#e2dccf;
}
.reader-progress span {
  display:block;
  height:100%;
  width:0;
  background:#9d7d16;
}
.reader-content {
  overflow-y:auto;
  padding:70px clamp(28px,8vw,100px) 100px;
  scroll-behavior:smooth;
}
.reader-book-title {
  color:#9d7d16;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.18em;
  margin-bottom:18px;
}
.reader-content h1 {
  color:#172033;
  font-size:clamp(2.8rem,7vw,5.5rem);
  margin-bottom:44px;
}
.reader-content h3 {
  color:#172033;
  margin-top:52px;
  font-size:1.7rem;
}
.reader-content p {
  color:#323a48;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.12rem;
  line-height:1.9;
  max-width:680px;
  margin:0 auto 1.2em;
}
.reader-content > h3,
.reader-content > h1,
.reader-book-title { max-width:680px; margin-left:auto; margin-right:auto; }
.reader-end {
  max-width:680px;
  margin:80px auto 0;
  padding:46px 0 10px;
  border-top:1px solid #cfc7b8;
  text-align:center;
}
.reader-end span {
  color:#8a6f18;
  font-size:.7rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
}
.reader-end h3 { margin:16px 0 8px; }
.reader-end p { font-family:Inter,sans-serif; font-size:1rem; }

.sticky-buy {
  display:none;
  position:fixed;
  z-index:60;
  left:12px;
  right:12px;
  bottom:12px;
  background:rgba(9,19,38,.94);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  padding:10px 12px 10px 16px;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.sticky-buy small {
  display:block;
  color:#f2c94c;
  font-size:.62rem;
  letter-spacing:.12em;
}
.sticky-buy strong {
  font-family:"Playfair Display",Georgia,serif;
  font-size:1.1rem;
}
.sticky-buy a {
  background:#f2c94c;
  color:#101827;
  border-radius:999px;
  padding:12px 16px;
  font-size:.78rem;
  font-weight:800;
}

@media (max-width:900px) {
  .editorial-proof-grid { grid-template-columns:1fr 1fr; }
  .editorial-proof-grid > div { padding:16px; border-bottom:1px solid #d7cfbf; }
  .editorial-proof-grid > div:nth-child(2) { border-right:0; }
  .name-grid { grid-template-columns:1fr; gap:30px; }
  .name-copy { border-left:0; border-top:1px solid var(--line); padding:28px 0 0; }
  .reading-intro { align-items:flex-start; flex-direction:column; }
}
@media (max-width:620px) {
  body { padding-bottom:82px; }
  .launch-strip-inner { justify-content:space-between; gap:8px; }
  .launch-strip-inner a { display:none; }
  .editorial-proof-grid { grid-template-columns:1fr 1fr; }
  .editorial-proof small { line-height:1.35; }
  .reader-overlay { padding:0; }
  .reader-shell { height:100vh; border-radius:0; }
  .reader-content { padding:48px 24px 90px; }
  .reader-content p { font-size:1.04rem; line-height:1.82; }
  .sticky-buy { display:flex; }
}


/* ===== V6 — LANDING PAGE EDITORIAL PREMIUM ===== */
.hero {
  position:relative;
  overflow:hidden;
}
.hero::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(9,19,38,.18),transparent 55%),
    radial-gradient(circle at 72% 46%,rgba(242,201,76,.055),transparent 25%);
}
.hero-grid { position:relative; z-index:1; }
.hero-badges {
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:24px;
}
.presale-badge {
  background:var(--gold);
  color:#101827;
  border-radius:999px;
  padding:7px 12px;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.13em;
}
.edition-badge {
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  padding:6px 11px;
  color:#aeb8c8;
  font-size:.66rem;
  letter-spacing:.12em;
}
.hero-offer {
  display:flex;
  align-items:center;
  gap:28px;
  margin-top:25px;
  padding:18px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  max-width:650px;
}
.hero-offer small {
  display:block;
  color:#8e9aab;
  font-size:.64rem;
  letter-spacing:.12em;
  margin-bottom:3px;
}
.hero-offer strong {
  font-family:"Playfair Display",Georgia,serif;
  font-size:2rem;
  color:#fff;
}
.hero-offer-detail {
  display:flex;
  flex-wrap:wrap;
  gap:6px 16px;
  color:#b9c3d2;
  font-size:.78rem;
}
.hero-offer-detail span::before {
  content:"✓";
  color:var(--gold);
  margin-right:6px;
}
.scroll-cue {
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  z-index:2;
  display:flex;
  align-items:center;
  gap:9px;
  color:#7f8b9e;
  font-size:.7rem;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.scroll-cue span {
  width:18px;
  height:28px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  position:relative;
}
.scroll-cue span::after {
  content:"";
  position:absolute;
  width:2px;height:5px;
  background:var(--gold);
  border-radius:2px;
  left:7px;top:6px;
  animation:scrollDot 1.8s infinite;
}
@keyframes scrollDot {
  0%{opacity:0;transform:translateY(0)}
  35%{opacity:1}
  100%{opacity:0;transform:translateY(9px)}
}

.manifesto-band {
  padding:70px 0;
  background:#060d19;
  border-bottom:1px solid var(--line);
}
.manifesto-inner {
  max-width:940px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:28px;
  align-items:start;
}
.manifesto-mark {
  font-family:Georgia,serif;
  color:var(--gold);
  font-size:5rem;
  line-height:.7;
}
.manifesto-inner p {
  margin:0;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(1.7rem,4vw,3rem);
  line-height:1.28;
  color:#e8ebf0;
}

.presale-value {
  background:#0a1528;
}
.presale-value-head {
  max-width:780px;
  margin-bottom:48px;
}
.presale-value-head p { max-width:680px; }
.value-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.value-grid article {
  padding:32px 26px;
  border-right:1px solid var(--line);
}
.value-grid article:last-child { border-right:0; }
.value-grid article > span {
  color:var(--gold);
  font-size:.7rem;
  letter-spacing:.14em;
}
.value-grid h3 { margin:28px 0 12px; }
.value-grid p { font-size:.92rem; margin-bottom:0; }

.reading-action {
  display:flex;
  align-items:center;
  gap:18px;
}
.mini-cover {
  width:62px;
  aspect-ratio:2/3;
  transform:rotate(-4deg);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.mini-cover img { width:100%;height:100%;object-fit:cover; }

.trust-strip {
  background:#f2c94c;
  color:#111827;
}
.trust-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:22px 0;
}
.trust-grid > div {
  padding:0 22px;
  border-right:1px solid rgba(17,24,39,.18);
}
.trust-grid > div:first-child { padding-left:0; }
.trust-grid > div:last-child { border-right:0; }
.trust-grid strong {
  display:block;
  font-size:.84rem;
}
.trust-grid span {
  display:block;
  margin-top:3px;
  font-size:.68rem;
  color:#4a4f58;
}

@media (max-width:900px) {
  .value-grid,.trust-grid { grid-template-columns:1fr 1fr; }
  .value-grid article:nth-child(2),.trust-grid > div:nth-child(2){border-right:0}
  .value-grid article { border-bottom:1px solid var(--line); }
  .trust-grid > div { padding:12px 18px; }
}
@media (max-width:620px) {
  .hero { padding-top:48px; }
  .hero-offer { align-items:flex-start; flex-direction:column; gap:10px; }
  .scroll-cue { display:none; }
  .manifesto-band { padding:55px 0; }
  .manifesto-inner { gap:12px; }
  .manifesto-mark { font-size:3.4rem; }
  .value-grid { grid-template-columns:1fr; }
  .value-grid article { border-right:0; }
  .trust-grid { grid-template-columns:1fr 1fr; }
  .reading-action { width:100%; justify-content:space-between; }
  .reading-action .btn { flex:1; }
}


/* ===== 3D REAL DO LIVRO — PATCH ISOLADO ===== */
.cover-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:0;
}
.real-book3d-stage{
  width:min(430px,100%);
  height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  perspective:1500px;
  overflow:visible;
  position:relative;
}
.real-book3d{
  --bw:300px;
  --bh:435px;
  --bd:34px;
  position:relative;
  width:var(--bw);
  height:var(--bh);
  transform-style:preserve-3d;
  transform:rotateX(-5deg) rotateY(-22deg);
  animation:realBookFloat 13s ease-in-out infinite;
  cursor:grab;
  touch-action:pan-y;
  will-change:transform;
}
.real-book3d:hover{animation-play-state:paused}
.real-book3d.dragging{animation:none;cursor:grabbing}
.real-face{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:2px 5px 5px 2px;
  backface-visibility:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.34);
}
.real-face img,
.real-spine img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.real-front{
  transform:translateZ(calc(var(--bd) / 2));
}
.real-back{
  transform:rotateY(180deg) translateZ(calc(var(--bd) / 2));
}
.real-spine{
  position:absolute;
  width:var(--bd);
  height:100%;
  left:calc(var(--bd) / -2);
  top:0;
  overflow:hidden;
  transform-origin:right center;
  transform:rotateY(-90deg);
  background:#101216;
  box-shadow:0 10px 30px rgba(0,0,0,.24);
}
.real-pages-right{
  position:absolute;
  width:var(--bd);
  height:calc(100% - 10px);
  top:5px;
  right:calc(var(--bd) / -2);
  transform:rotateY(90deg);
  background:repeating-linear-gradient(90deg,#f2eee5 0 2px,#ddd7ca 2px 3px);
}
.real-pages-top,
.real-pages-bottom{
  position:absolute;
  width:calc(100% - 8px);
  height:var(--bd);
  left:4px;
  background:repeating-linear-gradient(0deg,#f2eee5 0 2px,#ddd7ca 2px 3px);
}
.real-pages-top{
  top:calc(var(--bd) / -2);
  transform:rotateX(90deg);
}
.real-pages-bottom{
  bottom:calc(var(--bd) / -2);
  transform:rotateX(-90deg);
}
.real-book3d-shadow{
  width:260px;
  height:32px;
  border-radius:50%;
  background:rgba(0,0,0,.35);
  filter:blur(18px);
  margin-top:18px;
  transform:rotate(-3deg);
}
.real-book3d-hint{
  margin-top:10px;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#77859a;
}
@keyframes realBookFloat{
  0%,100%{transform:rotateX(-5deg) rotateY(-22deg) translateY(0)}
  25%{transform:rotateX(-4deg) rotateY(14deg) translateY(-5px)}
  50%{transform:rotateX(-5deg) rotateY(155deg) translateY(0)}
  75%{transform:rotateX(-4deg) rotateY(325deg) translateY(-5px)}
}
@media(max-width:900px){
  .real-book3d-stage{height:500px}
  .real-book3d{--bw:265px;--bh:384px;--bd:30px}
}
@media(max-width:620px){
  .real-book3d-stage{height:430px}
  .real-book3d{--bw:225px;--bh:326px;--bd:26px}
  .real-book3d-shadow{width:200px}
  .real-book3d-hint{font-size:.64rem}
}
@media(prefers-reduced-motion:reduce){
  .real-book3d{animation:none}
}


/* ===== V11 MULTIFORMATO ===== */
.product-choice-wrap{padding-top:70px}
.product-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px;margin-top:20px}
.product-option{appearance:none;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);border-radius:18px;padding:22px;cursor:pointer;transition:.2s ease}
.product-option:hover{transform:translateY(-2px);border-color:rgba(242,201,76,.38)}
.product-option.active{border-color:var(--gold);background:rgba(242,201,76,.07);box-shadow:0 0 0 1px rgba(242,201,76,.15)}
.product-option small{display:block;color:var(--gold);font-size:.68rem;letter-spacing:.14em;margin-bottom:10px}
.product-option strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:1.35rem;margin-bottom:6px}
.product-option span{color:var(--muted);font-size:.9rem}
.product-choice-note{color:var(--muted);max-width:720px}
.ebook-delivery-notice{border:1px solid #d7d2c6;border-radius:12px;padding:16px;margin:4px 0 18px;background:#ede9df;color:#172033}
.ebook-delivery-notice p{color:#606977!important;font-size:.88rem!important;margin:6px 0 0}
.contact-section{background:#07101e}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}
.contact-cards{display:grid;border-top:1px solid var(--line)}
.contact-cards a{display:block;padding:19px 0;border-bottom:1px solid var(--line)}
.contact-cards small{display:block;color:#7f8b9d;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}
.contact-cards strong{font-size:.95rem;font-weight:500}
@media(max-width:760px){.product-choice,.contact-grid{grid-template-columns:1fr}}


/* ===== V14 — CHECKOUT OFICIAL MERCADO PAGO ===== */
.payment-options-copy{
  text-align:center;
  font-size:.76rem!important;
  color:#7c8796!important;
  margin:9px 0 0!important;
}
.mp-overlay{
  position:fixed;inset:0;z-index:1300;display:none;
  background:rgba(3,8,16,.9);backdrop-filter:blur(14px);
  padding:18px;overflow:auto;
}
.mp-overlay.open{display:grid;place-items:center}
.mp-modal{
  position:relative;width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto;
  background:#fff;color:#172033;border-radius:24px;padding:32px;
  box-shadow:0 40px 120px rgba(0,0,0,.55)
}
.mp-close{
  position:absolute;right:15px;top:12px;border:0;background:transparent;
  font-size:2rem;color:#667080;cursor:pointer
}
.mp-head{text-align:center;padding:5px 30px 20px}
.mp-head .eyebrow{color:#176d58}
.mp-head h2{color:#172033;margin:8px 0;font-size:2rem}
.mp-head p{color:#687384;margin:0}
.mp-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:35px;color:#667080}
.mp-spinner{width:26px;height:26px;border:3px solid #dde2e6;border-right-color:#168b6b;border-radius:50%;animation:mpSpin .8s linear infinite}
@keyframes mpSpin{to{transform:rotate(360deg)}}
.mp-error{text-align:center;padding:25px;border:1px solid #efc9c9;border-radius:14px;background:#fff6f6}
.mp-error p{color:#8b5555!important}
.mp-result{padding:15px 0}
.payment-result{text-align:center}
.payment-result h3{color:#172033;font-size:1.6rem}
.payment-result p{color:#687384!important}
.result-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:#e0f3e7;color:#23774a;font-size:1.8rem;font-weight:800}
.brick-pix-qr{display:block;width:230px;height:230px;object-fit:contain;margin:18px auto;background:#fff;border:1px solid #dde2e6;padding:10px;border-radius:14px}
.brick-pix-code{width:100%;min-height:86px;resize:none;font-family:monospace;font-size:.75rem;padding:10px;border:1px solid #d9dee5;border-radius:10px}
.pending-note{font-size:.8rem!important;margin-top:15px!important}
@media(max-width:620px){
  .mp-overlay{padding:0}
  .mp-modal{min-height:100vh;max-height:none;border-radius:0;padding:24px 16px}
}

/* ===== V16 — IDENTIDADE VISUAL OFICIAL | O DESAPARECIMENTO DO NÓS =====
   Paleta unificada da campanha: navy profundo + dourado + off-white.
   Alteração visual apenas; checkout, frete, Mercado Pago e painel permanecem intactos.
*/
:root{
  --bg:#0B1326;
  --bg-2:#0F1B33;
  --text:#F5F1E6;
  --muted:#C8C2B5;
  --gold:#D4AF37;
  --gold-soft:#F2C56B;
  --line:rgba(212,175,55,.20);
  --card:rgba(15,27,51,.72);
}
body{
  background:
    radial-gradient(circle at 78% 12%,rgba(212,175,55,.035),transparent 26%),
    linear-gradient(180deg,#08101f 0%,var(--bg) 30%,#07101e 100%);
  color:var(--text);
}
.site-header{background:rgba(7,16,30,.91);border-bottom-color:rgba(212,175,55,.18)}
.brand{font-family:"Playfair Display",Georgia,serif;color:var(--text);letter-spacing:.025em}
nav a{color:#c7c2b8} nav a:hover{color:var(--gold-soft)}
.launch-strip{background:linear-gradient(90deg,#B78A24,#D4AF37 45%,#F2C56B);color:#08101f;border-bottom:1px solid rgba(212,175,55,.5)}
.launch-strip a{border-bottom-color:#08101f}
.hero{
  position:relative;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(8,16,31,.98) 0%,rgba(11,19,38,.94) 48%,rgba(11,19,38,.68) 100%),
    radial-gradient(circle at 80% 40%,rgba(212,175,55,.11),transparent 30%),
    var(--bg);
}
.hero::after{
  content:"";position:absolute;right:-7%;bottom:-24%;width:min(38vw,520px);aspect-ratio:9/16;
  background:none;
  opacity:.075;filter:saturate(.8) contrast(1.05);pointer-events:none;z-index:0;
}
.hero .wrap,.hero .scroll-cue{position:relative;z-index:1}
.eyebrow,.author-line,.card-number{color:var(--gold-soft)}
h1,h2,h3,blockquote{color:var(--text)}
.subtitle{color:#e5dfd2}.hero-text,.section p{color:var(--muted)}
.presale-badge,.edition-badge{border-color:rgba(212,175,55,.32)!important}
.btn.primary{background:linear-gradient(135deg,#B98C27,#D4AF37 52%,#F2C56B);color:#08101f;box-shadow:0 12px 30px rgba(212,175,55,.13)}
.btn.primary:hover{filter:brightness(1.08);box-shadow:0 16px 36px rgba(212,175,55,.2)}
.btn.ghost{border-color:rgba(212,175,55,.28);color:var(--text)}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold-soft)}
.editorial-proof{background:#F5F1E6;color:#101827;border-color:#d8cba5}
.editorial-proof-grid > div{border-color:#d8cba5}.editorial-proof small{color:#6b6254}
.manifesto-band,.quote-section{background:linear-gradient(180deg,#0F1B33,#0A1428);border-color:var(--line)}
.manifesto-mark{color:var(--gold)}
.cards article,.product-option{background:linear-gradient(145deg,rgba(15,27,51,.92),rgba(7,16,30,.82));border-color:rgba(212,175,55,.18)}
.cards article:hover,.product-option:hover{border-color:rgba(212,175,55,.45)}
.product-option.active{border-color:var(--gold);background:rgba(212,175,55,.075);box-shadow:0 0 0 1px rgba(212,175,55,.16)}
.purchase,.contact-section{background:#07101e}
.final-cta{background:radial-gradient(circle at center,rgba(212,175,55,.10),transparent 40%),#060d19}
footer{background:#07101e;border-top-color:rgba(212,175,55,.18)}
.footer-links a:hover{color:var(--gold-soft)}
.real-book3d-shadow{background:rgba(0,0,0,.48)}
.real-book3d-hint{color:#a89f90}
/* Formulários continuam claros para máxima legibilidade e conversão */
.order-form{background:#F5F1E6;color:#172033;border:1px solid rgba(212,175,55,.34);box-shadow:0 28px 80px rgba(0,0,0,.28)}
.order-form input,.order-form textarea{border-color:#cfc5b2}.freight-box{background:#ebe4d5}
/* Checkout Mercado Pago: apenas moldura da marca; componentes de pagamento preservados */
.mp-overlay{background:rgba(4,9,18,.94)}
.mp-modal{border:1px solid rgba(212,175,55,.28);box-shadow:0 40px 120px rgba(0,0,0,.65)}
.mp-head .eyebrow{color:#9D7D16}
@media(max-width:900px){.hero::after{width:54vw;right:-20%;bottom:-14%;opacity:.055}}
@media(max-width:620px){.hero::after{width:72vw;right:-35%;bottom:-8%;opacity:.045}}

/* =========================================================
   V17 — IDENTIDADE VISUAL OFICIAL UNIFICADA
   Referência: campanha social aprovada em 23/08/2026
   Navy luminoso + cinza-azulado + dourado quente + off-white
   ========================================================= */
:root{
  --bg:#14283a;
  --bg-2:#20394d;
  --text:#f5f1e6;
  --muted:#d6d4cf;
  --gold:#d7a548;
  --gold-light:#efc878;
  --line:rgba(239,200,120,.24);
  --card:rgba(245,241,230,.075);
}
body{
  background:
    radial-gradient(circle at 8% 5%, rgba(239,200,120,.14), transparent 24rem),
    linear-gradient(135deg,#32485a 0%,#1e374b 38%,#14283a 72%,#102234 100%);
  background-attachment:fixed;
}
.site-header{
  background:rgba(20,40,58,.88);
  border-bottom:1px solid rgba(239,200,120,.20);
}
.launch-strip{
  background:linear-gradient(90deg,rgba(215,165,72,.16),rgba(239,200,120,.07));
  border-bottom:1px solid rgba(239,200,120,.22);
}
.hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(239,200,120,.22),transparent 31%),
    radial-gradient(circle at 76% 28%,rgba(126,159,184,.28),transparent 34%),
    linear-gradient(135deg,#526272 0%,#2d4659 34%,#193247 66%,#12283b 100%);
}
.hero::after{
  content:"";
  position:absolute;
  width:170px;height:260px;
  right:4%;bottom:5%;
  background:none;
  opacity:.14;
  filter:drop-shadow(0 12px 28px rgba(215,165,72,.28));
  pointer-events:none;
}
.subtitle{color:#f0ece4}.hero-text,.section p{color:#d8d8d4}.microcopy{color:#c0c7cd}
.author-line,.eyebrow{color:var(--gold-light)}
.btn.primary{
  background:linear-gradient(135deg,var(--gold-light),var(--gold));
  color:#172535;
  box-shadow:0 10px 28px rgba(215,165,72,.20);
}
.btn.ghost{background:rgba(245,241,230,.05);border-color:rgba(239,200,120,.28)}
.quote-section{
  background:linear-gradient(135deg,rgba(82,98,114,.72),rgba(25,50,71,.92));
  border-block:1px solid rgba(239,200,120,.20);
}
.cards article,.purchase-card,.hero-offer{
  background:linear-gradient(145deg,rgba(245,241,230,.10),rgba(245,241,230,.035));
  border-color:rgba(239,200,120,.20);
  box-shadow:0 18px 45px rgba(7,20,31,.16);
}
.section{border-top-color:rgba(239,200,120,.16)}
footer,.site-footer{background:#102234}
input,select,textarea{
  background:rgba(245,241,230,.96)!important;
  color:#172535!important;
  border-color:rgba(215,165,72,.42)!important;
}
.real-book3d-shadow{opacity:.42}
@media(max-width:760px){.hero::after{width:110px;height:180px;right:-1%;bottom:2%;opacity:.10}}

/* =========================================================
   V19 — PALETA OFICIAL DEFINITIVA DA CAMPANHA
   Azul/navy mais luminoso + cinza-azulado + dourado quente + off-white
   + pontos de luz dourada + gota recorrente. Mantém toda a estrutura funcional.
   ========================================================= */
:root{
  --bg:#1d3447;
  --bg-2:#2e4b60;
  --bg-3:#496579;
  --text:#f6f0e4;
  --muted:#d8d7d2;
  --gold:#d8a54a;
  --gold-light:#f0c879;
  --gold-deep:#b9852f;
  --slate:#7890a2;
  --line:rgba(240,200,121,.26);
  --card:rgba(246,240,228,.09);
}
html{background:#1d3447}
body{
  position:relative;
  background:
    radial-gradient(circle at 12% 8%,rgba(240,200,121,.22) 0 1px,transparent 2px),
    radial-gradient(circle at 18% 22%,rgba(240,200,121,.11),transparent 12rem),
    radial-gradient(circle at 88% 16%,rgba(159,184,201,.24),transparent 17rem),
    radial-gradient(circle at 76% 78%,rgba(240,200,121,.08),transparent 15rem),
    linear-gradient(145deg,#637788 0%,#405b6f 22%,#2c485e 48%,#1f394d 72%,#183044 100%);
  background-attachment:fixed;
  color:var(--text);
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.8;
  background:
    radial-gradient(circle at 8% 30%,rgba(240,200,121,.30) 0 2px,transparent 3px),
    radial-gradient(circle at 24% 12%,rgba(240,200,121,.24) 0 1px,transparent 2px),
    radial-gradient(circle at 91% 42%,rgba(240,200,121,.28) 0 2px,transparent 3px),
    radial-gradient(circle at 72% 66%,rgba(240,200,121,.18) 0 1px,transparent 2px),
    radial-gradient(circle at 39% 86%,rgba(240,200,121,.20) 0 2px,transparent 3px);
}
.site-header{
  background:linear-gradient(180deg,rgba(35,58,76,.95),rgba(27,48,65,.88));
  border-bottom:1px solid rgba(240,200,121,.28);
  box-shadow:0 10px 35px rgba(17,35,50,.16);
}
.launch-strip{
  background:linear-gradient(90deg,rgba(240,200,121,.21),rgba(255,255,255,.04),rgba(216,165,74,.18));
  color:var(--text);border-bottom:1px solid rgba(240,200,121,.26)
}
.launch-strip a{border-bottom-color:rgba(240,200,121,.65)}
.hero{
  min-height:88vh;
  background:
    radial-gradient(circle at 9% 12%,rgba(246,240,228,.19),transparent 19rem),
    radial-gradient(circle at 17% 30%,rgba(240,200,121,.18),transparent 15rem),
    radial-gradient(circle at 80% 22%,rgba(156,186,207,.31),transparent 22rem),
    linear-gradient(135deg,#6b7f90 0%,#50697b 24%,#355369 51%,#244257 75%,#1b3549 100%);
  border-bottom:1px solid rgba(240,200,121,.20);
}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 7% 26%,rgba(240,200,121,.75) 0 1.6px,transparent 2.6px),
    radial-gradient(circle at 14% 39%,rgba(240,200,121,.45) 0 1px,transparent 2px),
    radial-gradient(circle at 89% 18%,rgba(240,200,121,.46) 0 1.7px,transparent 2.7px),
    radial-gradient(circle at 83% 56%,rgba(240,200,121,.34) 0 1px,transparent 2px);
  opacity:.75;
}
.hero::after{
  content:"";position:absolute;right:2.5%;bottom:-2%;width:220px;height:390px;
  background:none;
  opacity:.30;filter:drop-shadow(0 18px 38px rgba(216,165,74,.32));pointer-events:none;
}
.hero .wrap,.hero .scroll-cue{position:relative;z-index:2}
.eyebrow,.author-line,.card-number,.launch-label{color:var(--gold-light)!important}
h1,h2,h3,blockquote{color:#fff8eb}
.subtitle{color:#f4ede3}.hero-text,.section p{color:#e2e3e1}.microcopy{color:#cbd1d5}
.btn.primary{
  background:linear-gradient(135deg,#f3d18a 0%,#dfa950 52%,#c58d32 100%);
  color:#20384c;border:1px solid rgba(255,245,219,.38);
  box-shadow:0 14px 35px rgba(184,133,47,.23), inset 0 1px rgba(255,255,255,.34);
}
.btn.primary:hover{filter:brightness(1.06);box-shadow:0 17px 42px rgba(184,133,47,.30)}
.btn.ghost{background:rgba(246,240,228,.065);border-color:rgba(240,200,121,.34);color:#fff8eb}
.btn.ghost:hover{background:rgba(240,200,121,.09);border-color:var(--gold-light)}
.editorial-proof{
  background:linear-gradient(135deg,#f7f1e7,#e8e1d6);
  color:#243a4b;border-color:#d4b56f;
}
.editorial-proof small{color:#6b7480}
.manifesto-band,.quote-section,.timeline-section{
  background:
    radial-gradient(circle at 85% 20%,rgba(240,200,121,.11),transparent 13rem),
    linear-gradient(135deg,#5d7182 0%,#405c70 34%,#2b4a61 68%,#203d52 100%);
  border-color:rgba(240,200,121,.23);
}
.section{position:relative;border-top-color:rgba(240,200,121,.18)}
.section:nth-of-type(even):not(.quote-section):not(.timeline-section):not(.purchase):not(.contact-section){
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(116,145,166,.06));
}
.cards article,.purchase-card,.hero-offer,.product-option{
  background:linear-gradient(145deg,rgba(246,240,228,.13),rgba(246,240,228,.045));
  border:1px solid rgba(240,200,121,.24);
  box-shadow:0 18px 48px rgba(19,39,54,.15);
  backdrop-filter:blur(4px);
}
.cards article:hover,.product-option:hover{border-color:rgba(240,200,121,.55);box-shadow:0 22px 58px rgba(19,39,54,.22)}
.product-option.active{background:linear-gradient(145deg,rgba(240,200,121,.15),rgba(246,240,228,.06));border-color:var(--gold-light)}
.purchase{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 88% 20%,rgba(240,200,121,.15),transparent 16rem),
    linear-gradient(135deg,#536a7c 0%,#36546a 42%,#25455a 73%,#1c394d 100%);
}
.purchase::after{
  content:"";position:absolute;left:-30px;bottom:-110px;width:180px;height:320px;
  background:none;opacity:.11;pointer-events:none;
}
.contact-section{
  background:linear-gradient(135deg,#536c7e,#355267 55%,#233f54);
}
.final-cta{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 50% 28%,rgba(240,200,121,.18),transparent 18rem),
    linear-gradient(135deg,#607586 0%,#3c596e 42%,#25455a 75%,#1b384c 100%);
}
.final-cta::after{
  content:"";position:absolute;right:8%;top:8%;width:120px;height:210px;
  background:none;opacity:.18;pointer-events:none;
}
footer,.site-footer{background:#1a3347;border-top-color:rgba(240,200,121,.24)}
.footer-links a:hover{color:var(--gold-light)}
.order-form{
  background:linear-gradient(145deg,#fbf7ef,#efe7da);color:#20384c;
  border:1px solid rgba(216,165,74,.48);
  box-shadow:0 28px 80px rgba(20,40,55,.24);
}
.order-form input,.order-form textarea,.order-form select{background:#fffdf8!important;border-color:#ccb57b!important;color:#20384c!important}
.freight-box,.ebook-delivery-notice{background:#e9e0d2!important;color:#20384c!important}
.mp-overlay{background:rgba(20,39,54,.90)}
.mp-modal{border:1px solid rgba(216,165,74,.38);box-shadow:0 36px 110px rgba(15,31,44,.50)}
.real-book3d-shadow{background:rgba(14,28,40,.34)}
.real-book3d-hint{color:#d9d8d2}
@media(max-width:900px){
  .hero::after{width:150px;height:280px;right:-3%;bottom:-2%;opacity:.23}
}
@media(max-width:620px){
  body{background-attachment:scroll}
  .hero{background:linear-gradient(145deg,#65798a 0%,#455f72 34%,#2d4c62 65%,#203e53 100%)}
  .hero::after{width:120px;height:220px;right:-10%;bottom:0;opacity:.18}
  .final-cta::after{width:85px;height:150px;right:-2%;opacity:.12}
}

/* =========================================================
   V20 — TEMA OFICIAL PROFISSIONAL (23/08/2026)
   Referências visuais: artes aprovadas da campanha.
   Direção: navy escuro sofisticado + cinza-azulado + dourado quente
   + off-white + pontos de luz dourada. Menos claro que V19.
   ========================================================= */
:root{
  --bg:#071522;
  --bg-2:#0e2233;
  --bg-3:#1b3447;
  --text:#f3eee5;
  --muted:#c9c8c3;
  --gold:#d3a04a;
  --gold-light:#edc57f;
  --gold-deep:#a9782d;
  --slate:#758696;
  --line:rgba(231,190,119,.20);
  --card:rgba(243,238,229,.055);
}
html{background:#071522}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 6% 10%,rgba(216,171,92,.14),transparent 18rem),
    radial-gradient(circle at 88% 18%,rgba(111,136,156,.16),transparent 22rem),
    linear-gradient(145deg,#273c4d 0%,#172c3d 28%,#0e2233 60%,#071522 100%);
  background-attachment:fixed;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.9;
  background:
    radial-gradient(circle at 7% 27%,rgba(237,197,127,.52) 0 1.1px,transparent 2.3px),
    radial-gradient(circle at 19% 13%,rgba(237,197,127,.34) 0 1px,transparent 2px),
    radial-gradient(circle at 92% 33%,rgba(237,197,127,.40) 0 1.3px,transparent 2.5px),
    radial-gradient(circle at 78% 69%,rgba(237,197,127,.22) 0 1px,transparent 2px),
    radial-gradient(circle at 37% 87%,rgba(237,197,127,.24) 0 1.2px,transparent 2.4px);
}
.site-header{
  background:rgba(5,18,30,.92);
  border-bottom:1px solid rgba(237,197,127,.18);
  box-shadow:0 12px 38px rgba(0,0,0,.18);
}
.brand{display:flex;align-items:center;gap:10px;color:#f7f1e8}
.brand::before{
  content:"";width:18px;height:30px;display:inline-block;flex:0 0 auto;
  background:none;
  filter:drop-shadow(0 4px 10px rgba(211,160,74,.22));
}
nav a{color:#c8c8c5} nav a:hover{color:var(--gold-light)}
.launch-strip{
  background:linear-gradient(90deg,rgba(179,126,43,.28),rgba(211,160,74,.14),rgba(7,21,34,.15));
  color:#f5ebdc;border-bottom:1px solid rgba(237,197,127,.18)
}
.launch-strip strong,.launch-strip a{color:var(--gold-light)}
.hero{
  min-height:88vh;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 8% 9%,rgba(194,179,160,.20),transparent 17rem),
    radial-gradient(circle at 19% 31%,rgba(211,160,74,.13),transparent 16rem),
    radial-gradient(circle at 78% 22%,rgba(100,130,153,.22),transparent 23rem),
    linear-gradient(135deg,#3b4b58 0%,#293f51 24%,#173148 52%,#0e263a 74%,#081a2a 100%);
  border-bottom:1px solid rgba(237,197,127,.16)
}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 8% 30%,rgba(237,197,127,.64) 0 1.2px,transparent 2.4px),
    radial-gradient(circle at 14% 45%,rgba(237,197,127,.34) 0 1px,transparent 2px),
    radial-gradient(circle at 91% 17%,rgba(237,197,127,.44) 0 1.2px,transparent 2.4px),
    radial-gradient(circle at 83% 58%,rgba(237,197,127,.26) 0 1px,transparent 2px);
  opacity:.62;
}
.hero::after{
  content:"";position:absolute;right:1%;bottom:-7%;width:190px;height:345px;
  background:none;
  opacity:.16;filter:drop-shadow(0 22px 42px rgba(211,160,74,.22));pointer-events:none
}
.hero .wrap,.hero .scroll-cue{position:relative;z-index:2}
h1,h2,h3,blockquote{color:#f8f2e9}.subtitle{color:#ece5db}
.hero-text,.section p{color:#d1d1ce}.microcopy{color:#aaaeb0}
.eyebrow,.author-line,.card-number,.launch-label{color:var(--gold-light)!important}
.presale-badge,.edition-badge{background:rgba(7,21,34,.28)!important;border-color:rgba(237,197,127,.28)!important;color:#f2e8d8!important}
.btn.primary{
  background:linear-gradient(135deg,#efca84 0%,#d8a54f 50%,#b77d2c 100%);
  color:#0a1a29;border:1px solid rgba(255,239,205,.26);
  box-shadow:0 14px 34px rgba(160,110,38,.22),inset 0 1px rgba(255,255,255,.30)
}
.btn.primary:hover{filter:brightness(1.06);box-shadow:0 18px 44px rgba(160,110,38,.30)}
.btn.ghost{background:rgba(6,18,30,.24);border-color:rgba(237,197,127,.30);color:#f5efe6}
.btn.ghost:hover{background:rgba(211,160,74,.08);border-color:var(--gold-light)}
.hero-offer{
  background:linear-gradient(145deg,rgba(8,24,38,.54),rgba(241,233,219,.045))!important;
  border:1px solid rgba(237,197,127,.18)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.18)!important
}
.editorial-proof{
  background:linear-gradient(135deg,#e6ded3 0%,#c7c0b8 36%,#9aa2a8 100%);
  color:#142536;border-color:#c89a49
}
.editorial-proof-grid > div{border-color:rgba(87,73,53,.20)}
.editorial-proof small{color:#4f5c67}.editorial-proof span{color:#9b6726}
.manifesto-band,.quote-section,.timeline-section{
  background:
    radial-gradient(circle at 86% 14%,rgba(211,160,74,.10),transparent 13rem),
    linear-gradient(135deg,#1d3548 0%,#132c40 44%,#0b2134 74%,#081b2c 100%);
  border-color:rgba(237,197,127,.18)
}
.section{border-top-color:rgba(237,197,127,.14)}
.section:nth-of-type(even):not(.quote-section):not(.timeline-section):not(.purchase):not(.contact-section){
  background:linear-gradient(180deg,rgba(117,134,150,.035),rgba(3,14,24,.035))
}
.cards article,.purchase-card,.product-option{
  background:linear-gradient(145deg,rgba(25,50,68,.88),rgba(7,24,38,.76));
  border:1px solid rgba(237,197,127,.18);box-shadow:0 18px 48px rgba(0,0,0,.16)
}
.cards article:hover,.product-option:hover{border-color:rgba(237,197,127,.42);box-shadow:0 22px 60px rgba(0,0,0,.22)}
.product-option.active{background:linear-gradient(145deg,rgba(211,160,74,.12),rgba(15,38,56,.90));border-color:var(--gold-light)}
.purchase{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 86% 18%,rgba(211,160,74,.11),transparent 16rem),
    linear-gradient(135deg,#233d50 0%,#163248 45%,#0c2438 75%,#071b2d 100%)
}
.purchase::after{
  content:"";position:absolute;left:-42px;bottom:-130px;width:175px;height:310px;
  background:none;opacity:.09;pointer-events:none
}
.contact-section{background:linear-gradient(135deg,#20394c,#132d42 57%,#0a2134)}
.final-cta{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 50% 28%,rgba(211,160,74,.13),transparent 18rem),
    linear-gradient(135deg,#243f52 0%,#153249 45%,#0b2438 76%,#071a2b 100%)
}
.final-cta::after{
  content:"";position:absolute;right:7%;top:3%;width:115px;height:205px;
  background:none;opacity:.12;pointer-events:none
}
footer,.site-footer{background:#061725;border-top-color:rgba(237,197,127,.18)}
.footer-links a:hover{color:var(--gold-light)}
.order-form{
  background:linear-gradient(145deg,#f7f1e8,#e8dfd4);color:#193044;
  border:1px solid rgba(211,160,74,.42);box-shadow:0 30px 82px rgba(0,0,0,.28)
}
.order-form input,.order-form textarea,.order-form select{background:#fffdf8!important;border-color:#cbb27d!important;color:#193044!important}
.freight-box,.ebook-delivery-notice{background:#e6ddd1!important;color:#193044!important}
.mp-overlay{background:rgba(3,13,22,.94)}
.mp-modal{border:1px solid rgba(211,160,74,.34);box-shadow:0 38px 120px rgba(0,0,0,.60)}
.real-book3d-shadow{background:rgba(0,0,0,.46)}.real-book3d-hint{color:#c7c5c0}
@media(max-width:900px){.hero::after{width:140px;height:260px;right:-3%;bottom:-4%;opacity:.13}}
@media(max-width:620px){
  body{background-attachment:scroll}
  .hero{background:linear-gradient(145deg,#334656 0%,#223b4e 35%,#132e43 66%,#0a2135 100%)}
  .hero::after{width:108px;height:200px;right:-10%;bottom:0;opacity:.10}
  .final-cta::after{width:80px;height:140px;right:-3%;opacity:.08}
}

/* ===== V21 — VISUALIZADOR 3D PREMIUM DO LIVRO =====
   Produto 3D interativo: frente, lombada, verso e páginas reais.
   Movimento suave, drag 360°, brilho dinâmico e sombra de estúdio. */
.cover-wrap{
  position:relative;
  isolation:isolate;
}
.cover-wrap::before{
  content:"";
  position:absolute;
  width:min(520px,92%);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(223,170,77,.17) 0%,rgba(42,75,103,.10) 36%,transparent 70%);
  filter:blur(10px);
  z-index:-1;
  pointer-events:none;
}
.real-book3d-stage{
  width:min(500px,100%);
  height:590px;
  perspective:1900px;
  perspective-origin:50% 46%;
  user-select:none;
  -webkit-user-select:none;
}
.real-book3d{
  --bw:318px;
  --bh:461px;
  --bd:38px;
  --gloss-x:38%;
  position:relative;
  width:var(--bw);
  height:var(--bh);
  transform-style:preserve-3d;
  transform:rotateX(-3deg) rotateY(-24deg) translateY(-2px);
  animation:none !important;
  cursor:grab;
  touch-action:pan-y;
  will-change:transform;
  transition:filter .25s ease;
  filter:drop-shadow(0 30px 34px rgba(0,0,0,.22));
}
.real-book3d.dragging{
  cursor:grabbing;
  transition:none;
}
.real-face{
  border-radius:2px 5px 5px 2px;
  box-shadow:none;
  background:#eee8dc;
  transform-style:preserve-3d;
}
.real-face::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,
    transparent 0%,
    rgba(255,255,255,.035) 24%,
    rgba(255,244,212,.18) var(--gloss-x),
    rgba(255,255,255,.035) calc(var(--gloss-x) + 10%),
    transparent 72%);
  mix-blend-mode:screen;
  opacity:.7;
}
.real-front{
  transform:translateZ(calc(var(--bd) / 2));
  box-shadow:0 24px 58px rgba(0,0,0,.26);
}
.real-back{
  transform:rotateY(180deg) translateZ(calc(var(--bd) / 2));
  border-radius:5px 2px 2px 5px;
}
.real-spine{
  position:absolute;
  width:var(--bd);
  height:100%;
  left:calc(var(--bd) / -2);
  top:0;
  overflow:hidden;
  transform-origin:center center;
  transform:rotateY(-90deg);
  background:#101216;
  box-shadow:inset -8px 0 12px rgba(0,0,0,.20),inset 5px 0 9px rgba(255,255,255,.035);
  backface-visibility:hidden;
}
.real-pages-right{
  position:absolute;
  width:var(--bd);
  height:calc(100% - 10px);
  top:5px;
  right:calc(var(--bd) / -2);
  transform:rotateY(90deg);
  background:
    linear-gradient(90deg,rgba(174,153,117,.18),transparent 18%,transparent 82%,rgba(120,104,82,.16)),
    repeating-linear-gradient(90deg,#f6f1e6 0 1px,#e3dccf 1px 2px,#f3eee4 2px 4px);
  box-shadow:inset 0 0 14px rgba(89,70,45,.13);
}
.real-pages-top,.real-pages-bottom{
  background:
    linear-gradient(0deg,rgba(160,138,105,.12),transparent 30%),
    repeating-linear-gradient(0deg,#f6f1e6 0 1px,#ded7ca 1px 2px,#f2ede3 2px 4px);
}
.real-book3d-shadow{
  width:300px;
  height:40px;
  background:radial-gradient(ellipse,rgba(0,0,0,.48) 0%,rgba(0,0,0,.18) 48%,transparent 76%);
  filter:blur(15px);
  margin-top:7px;
  opacity:.74;
  transition:transform .18s ease,opacity .18s ease;
}
.real-book3d-ui{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:4px;
}
.real-book3d-badge{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:26px;
  border:1px solid rgba(222,171,77,.45);
  border-radius:999px;
  color:#e2b15c;
  background:rgba(5,18,33,.56);
  backdrop-filter:blur(8px);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.05em;
}
.real-book3d-hint{
  margin:0;
  font-size:.66rem;
  color:rgba(245,241,230,.66);
  letter-spacing:.075em;
}
.real-book3d-stage:focus-within .real-book3d,
.real-book3d:hover{
  filter:drop-shadow(0 34px 40px rgba(0,0,0,.28));
}
@media(max-width:900px){
  .real-book3d-stage{height:515px}
  .real-book3d{--bw:274px;--bh:397px;--bd:33px}
}
@media(max-width:620px){
  .real-book3d-stage{height:455px;width:100%;perspective:1500px}
  .real-book3d{--bw:238px;--bh:345px;--bd:29px}
  .real-book3d-shadow{width:230px;height:30px}
  .real-book3d-ui{gap:7px;max-width:92%}
  .real-book3d-hint{font-size:.58rem;letter-spacing:.045em}
  .real-book3d-badge{width:38px;height:24px;font-size:.61rem}
}
@media(prefers-reduced-motion:reduce){
  .real-book3d{transition:none!important}
}


/* V22.8 — suporte ao pagamento */
.payment-support-box{margin-top:16px;padding:16px 18px;border:1px solid rgba(184,139,55,.35);border-radius:16px;background:linear-gradient(135deg,rgba(18,35,58,.08),rgba(184,139,55,.08));display:grid;gap:8px}.payment-support-box strong{color:#17263b;font-size:1rem}.payment-support-box span{color:#40536a;line-height:1.55}.payment-support-box .btn{margin-top:4px}