:root {
  --black: #070606;
  --surface: #11100f;
  --wine: #3a0708;
  --red: #a6120f;
  --red-bright: #e11925;
  --gold: #d8a84b;
  --gold-light: #f0cb78;
  --ivory: #f4ebdd;
  --muted: #bdb3a8;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--black); color: var(--ivory); font-family: Arial, Helvetica, sans-serif; }
body::selection { background: var(--red); color: white; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
svg { width: 1.15em; height: 1.15em; flex: 0 0 auto; }

.promo-bar {
  min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 20px;
  background: linear-gradient(90deg, #76080c, #be1018 50%, #76080c); color: #fff4e3;
  font-family: "Arial Narrow", Arial, sans-serif; letter-spacing: .17em; font-size: 17px;
  box-shadow: 0 6px 28px rgba(166, 18, 15, .22); position: relative; z-index: 20;
}
.site-header {
  height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 28px;
  padding: 0 max(5vw, 28px); border-bottom: 1px solid rgba(216,168,75,.2); background: rgba(5,5,5,.92);
  position: sticky; top: 0; z-index: 18; backdrop-filter: blur(14px);
}
.brand { font-family: Georgia, "Times New Roman", serif; letter-spacing: .12em; font-size: 23px; white-space: nowrap; }
.brand span { color: var(--gold-light); }
.site-header nav { display: flex; align-items: center; gap: 32px; color: #c7bdb1; text-transform: uppercase; font-size: 12px; letter-spacing: .13em; }
.site-header nav a { transition: color .18s ease; }
.site-header nav a:hover { color: var(--gold-light); }
.secure-link { display: inline-flex; align-items: center; gap: 8px; color: var(--gold-light); }

.hero { min-height: calc(100svh - 118px); position: relative; overflow: hidden; background: #060505; border-bottom: 1px solid rgba(216,168,75,.28); }
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 75% 42%, rgba(135,10,14,.25), transparent 38%), linear-gradient(100deg, #070606 0 48%, rgba(15,5,6,.48) 72%, #070606 100%); }
.hero::after { content: ""; position: absolute; inset: 0; opacity: .22; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E"); }
.hero-glow { position: absolute; width: 620px; height: 620px; right: 9%; top: 3%; border-radius: 50%; background: rgba(134,9,12,.18); filter: blur(72px); animation: breathe 6s ease-in-out infinite alternate; }
.hero-inner { width: min(1320px, 92%); min-height: calc(100svh - 118px); margin: auto; display: grid; grid-template-columns: minmax(0, .94fr) minmax(480px, 1.06fr); gap: 28px; align-items: center; position: relative; z-index: 2; }
.hero-copy { padding: 54px 0 64px; max-width: 640px; animation: rise .55s cubic-bezier(.2,.8,.2,1) both; }
.eyebrow, .kicker { color: var(--gold-light); text-transform: uppercase; letter-spacing: .18em; font-weight: 700; font-size: 13px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; }
.eyebrow span { width: 62px; height: 1px; background: var(--gold); position: relative; }
.eyebrow span::after { content: "◆"; position: absolute; right: -6px; top: -7px; font-size: 9px; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; }
h1 { font-size: clamp(48px, 4.4vw, 72px); line-height: .98; letter-spacing: -.04em; margin: 0; font-weight: 700; text-wrap: balance; }
h1 em { color: var(--gold-light); font-style: normal; }
.hero-subtitle { margin: 22px 0 26px; color: #d2c8be; font-size: clamp(17px, 1.35vw, 21px); line-height: 1.5; max-width: 600px; }
.hero-offer { border-top: 1px solid rgba(216,168,75,.4); padding-top: 18px; display: grid; grid-template-columns: auto 34px auto 1fr; gap: 12px; align-items: end; max-width: 620px; }
.quantity { display: grid; text-align: center; }
.quantity strong { color: var(--gold-light); font-family: "Arial Narrow", Impact, sans-serif; font-size: 76px; line-height: .82; letter-spacing: -.04em; text-shadow: 0 0 22px rgba(216,168,75,.14); }
.quantity small { margin-top: 9px; text-transform: uppercase; letter-spacing: .14em; font-size: 11px; padding-bottom: 7px; border-bottom: 1px solid rgba(216,168,75,.5); }
.plus { font-size: 40px; color: var(--ivory); padding-bottom: 18px; text-align: center; }
.price-block { border-left: 1px solid rgba(216,168,75,.32); padding-left: 22px; display: flex; flex-direction: column; align-items: flex-start; }
.price-block > span { color: #c7bdb2; font-size: 14px; }.price-block s { text-decoration-color: var(--red-bright); }
.price-block small { color: #fff; font-size: 14px; margin-top: 7px; }
.price-block strong { color: var(--gold-light); font-size: 30px; line-height: 1; margin-top: 4px; }.price-block strong b { font-size: 64px; letter-spacing: -.05em; }
.cta { min-height: 68px; margin-top: 22px; width: min(100%, 550px); padding: 15px 28px; display: flex; align-items: center; justify-content: center; gap: 16px; background: linear-gradient(180deg, #d8181f, #8e080b); border: 1px solid var(--gold-light); border-radius: 7px; box-shadow: 0 14px 38px rgba(151,14,12,.3), inset 0 1px rgba(255,255,255,.16); color: white; text-transform: uppercase; font-family: "Arial Narrow", Arial, sans-serif; font-size: 21px; font-weight: 900; letter-spacing: .035em; transition: transform .18s ease, filter .18s ease, box-shadow .18s ease; }
.cta span { font-size: 27px; transition: transform .18s ease; }.cta:hover { transform: translateY(-2px); filter: brightness(1.12); box-shadow: 0 16px 42px rgba(197,18,23,.42); }.cta:hover span { transform: translateX(5px); }.cta:focus-visible { outline: 3px solid var(--gold-light); outline-offset: 3px; }
.microproof { margin: 15px 0 0 12px; display: flex; align-items: center; flex-wrap: wrap; gap: 9px; color: #c7bdb2; font-size: 13px; }.microproof svg { color: var(--gold-light); }.microproof i { width: 3px; height: 3px; border-radius: 50%; background: var(--gold); }
.hero-product { align-self: stretch; min-width: 0; position: relative; display: flex; align-items: center; justify-content: center; animation: productIn .7s cubic-bezier(.2,.8,.2,1) .1s both; }
.product-halo { position: absolute; inset: 19% 5% 8%; background: radial-gradient(circle, rgba(179,15,20,.36), transparent 62%); filter: blur(24px); }
.hero-product img { width: min(720px, 110%); object-fit: contain; filter: drop-shadow(0 26px 30px rgba(0,0,0,.7)); position: relative; z-index: 1; }

.trust-strip { display: grid; grid-template-columns: repeat(3,1fr); max-width: 1320px; margin: 0 auto; border-inline: 1px solid rgba(216,168,75,.15); background: #0c0a0a; }
.trust-strip > div { min-height: 105px; padding: 20px 34px; display: flex; justify-content: center; align-items: center; gap: 17px; border-right: 1px solid rgba(216,168,75,.22); }.trust-strip > div:last-child { border-right: 0; }
.trust-strip > div > span { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--gold); color: var(--gold-light); border-radius: 50%; font-size: 23px; }
.trust-strip p { margin: 0; color: #aa9f96; font-size: 13px; }.trust-strip strong { display: block; color: var(--ivory); font-size: 16px; margin-bottom: 5px; }

.section-pad { padding: 110px max(5vw, 24px); }
.section-heading { width: min(760px, 100%); margin: 0 auto 54px; text-align: center; }.section-heading.narrow { max-width: 720px; }
.kicker { margin: 0 0 14px; }.section-heading h2, .bonus-intro h2, .value-copy h2 { font-size: clamp(38px, 4.3vw, 62px); line-height: 1.05; margin: 0; letter-spacing: -.035em; }.section-heading h2 span, .bonus-intro h2 span, .value-copy h2 span { color: var(--gold-light); }
.section-heading > p:last-child, .bonus-intro > p, .value-copy > p { color: var(--muted); font-size: 18px; line-height: 1.65; }

.transformation { background: radial-gradient(circle at 50% 100%, rgba(96,8,10,.18), transparent 50%), #090808; border-top: 1px solid rgba(216,168,75,.14); }
.transformation-grid { width: min(1180px,100%); margin: auto; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(216,168,75,.22); }
.transformation-grid article { padding: 34px 28px 38px; min-height: 235px; border-right: 1px solid rgba(216,168,75,.18); background: linear-gradient(145deg,rgba(255,255,255,.018),transparent); }.transformation-grid article:last-child { border-right: 0; }
.transformation-grid article > span { color: var(--gold); font: 700 13px Arial; letter-spacing: .14em; }.transformation-grid h3 { margin: 28px 0 12px; font: 700 22px Georgia,serif; }.transformation-grid p { color: #aaa097; line-height: 1.6; margin: 0; font-size: 15px; }

.library { background: #070606; }
.books-grid { width: min(1240px,100%); margin: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.book-card { min-height: 270px; padding: 20px; display: grid; grid-template-columns: 138px 1fr; gap: 22px; align-items: center; border: 1px solid rgba(216,168,75,.18); background: linear-gradient(135deg,#11100f,#0a0909); transition: border-color .2s ease, transform .2s ease; overflow: hidden; }.book-card:hover { transform: translateY(-3px); border-color: rgba(240,203,120,.5); }
.book-cover { position: relative; perspective: 900px; }.book-cover > span { position: absolute; top: -8px; left: -10px; z-index: 2; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--gold); color: #160b05; font-size: 11px; font-weight: 900; box-shadow: 0 6px 15px #000; }
.book-cover img { width: 126px; aspect-ratio: .69; object-fit: cover; transform: rotateY(-7deg); transform-origin: right; box-shadow: 10px 14px 24px rgba(0,0,0,.55); border: 1px solid rgba(240,203,120,.25); }
.book-card h3 { font: 700 21px/1.15 Georgia,serif; color: var(--ivory); margin: 0 0 12px; }.book-card p { margin: 0; color: #a99f96; line-height: 1.55; font-size: 14px; }

.bonus { background: radial-gradient(circle at 18% 50%, rgba(117,8,12,.22), transparent 38%), #0b0909; display: grid; grid-template-columns: .72fr 1.28fr; gap: 64px; align-items: center; }
.bonus-intro { max-width: 480px; justify-self: end; }.bonus-intro h2 { margin-bottom: 20px; }.bonus-intro ul { padding: 0; margin: 28px 0 0; list-style: none; display: grid; gap: 14px; }.bonus-intro li { display: flex; align-items: center; gap: 11px; color: #ddd3c7; }.bonus-intro li svg { color: var(--gold-light); }
.bonus-grid { width: min(760px,100%); display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.bonus-grid article { padding: 13px; background: #121010; border: 1px solid rgba(216,168,75,.22); box-shadow: 0 18px 35px rgba(0,0,0,.28); }
.bonus-grid img { width: 100%; aspect-ratio: .68; object-fit: cover; }.bonus-grid h3 { min-height: 44px; margin: 13px 2px 4px; font: 600 14px/1.35 Georgia,serif; }.bonus-number { color: var(--gold-light); font-size: 9px; letter-spacing: .17em; font-weight: 800; margin: 2px 0 9px; }

.steps { background: #070606; }.steps-grid { width: min(1060px,100%); margin: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 48px; position: relative; }.steps-grid::before { content:""; position:absolute; top: 34px; left: 15%; right: 15%; height: 1px; background: rgba(216,168,75,.34); }
.steps-grid article { text-align: center; position: relative; }.steps-grid span { width: 70px; height: 70px; margin: 0 auto 24px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--gold); background: #0f0c0c; color: var(--gold-light); font: 700 29px Georgia,serif; position: relative; z-index: 1; }.steps-grid h3 { font: 700 22px Georgia,serif; margin: 0 0 10px; }.steps-grid p { color: #a99f96; line-height: 1.6; margin: 0; }

.testimonials { background: linear-gradient(#0c0909,#070606); border-block: 1px solid rgba(216,168,75,.12); }
.testimonial-grid { width: min(1080px,100%); margin: auto; display: grid; grid-template-columns: repeat(4,1fr); gap: 22px; align-items: start; }
.testimonial-grid figure { margin: 0; }.phone-frame { padding: 7px; background: #161313; border: 1px solid rgba(216,168,75,.3); border-radius: 18px; box-shadow: 0 22px 42px rgba(0,0,0,.45); overflow: hidden; }.phone-frame img { width: 100%; border-radius: 12px; }
.testimonial-grid figcaption { text-align: center; color: #b4aaa0; font-size: 11px; margin-top: 13px; text-transform: uppercase; letter-spacing: .08em; }.testimonial-grid figcaption span { color: var(--gold-light); display: block; letter-spacing: .14em; margin-bottom: 5px; }

.value { background: radial-gradient(circle at 50% 50%, rgba(132,10,13,.24), transparent 52%), #070606; }
.value-card { width: min(1120px,100%); margin: auto; display: grid; grid-template-columns: 1.05fr .95fr; background: #0d0b0b; border: 1px solid rgba(240,203,120,.42); box-shadow: 0 30px 80px rgba(0,0,0,.48); }
.value-copy { padding: 58px; }.value-copy h2 { font-size: clamp(38px,4vw,56px); }.value-copy ul { margin: 34px 0 0; padding: 0; list-style: none; display: grid; gap: 20px; }.value-copy li { display: flex; align-items: flex-start; gap: 14px; color: #bdb3a8; line-height: 1.5; }.value-copy li svg { color: var(--gold-light); margin-top: 3px; }.value-copy li strong { color: var(--ivory); }
.checkout-card { padding: 48px; text-align: center; border-left: 1px solid rgba(216,168,75,.24); background: linear-gradient(145deg,rgba(77,7,9,.38),rgba(10,8,8,.9)); display: flex; flex-direction: column; align-items: center; justify-content: center; }.checkout-card > span { color: #b9afa5; font-size: 14px; }.checkout-card > s { color: #b9afa5; font-size: 22px; text-decoration-color: var(--red-bright); margin: 4px 0 20px; }.checkout-card > small { color: var(--gold-light); font-weight: 800; letter-spacing: .13em; }.checkout-card > strong { color: var(--gold-light); font: 700 100px/.95 Georgia,serif; letter-spacing: -.06em; margin: 5px 0 7px; }.checkout-card > strong sup { font: 700 26px Arial; vertical-align: 1.4em; letter-spacing: 0; }.checkout-card > p { color: #b9afa5; font-size: 13px; margin: 0; }.checkout-card .cta { width: 100%; font-size: 17px; margin-top: 24px; }.secure-check { display: flex; align-items: center; gap: 8px; color: #b9afa5; font-size: 12px; margin-top: 14px; }.secure-check svg { color: var(--gold-light); }

.faq { background: #090808; }.faq-list { width: min(820px,100%); margin: auto; display: grid; gap: 12px; }.faq-list details { border: 1px solid rgba(216,168,75,.2); background: #0d0b0b; }.faq-list summary { min-height: 70px; padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; gap: 20px; cursor: pointer; list-style: none; font: 700 18px Georgia,serif; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color: var(--gold-light); font: 300 27px Arial; transition: transform .2s ease; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { margin: 0; padding: 0 24px 24px; color: #aba198; line-height: 1.65; }

footer { padding: 56px max(5vw,24px) 100px; text-align: center; border-top: 1px solid rgba(216,168,75,.18); color: #817970; background: #050505; }.disclaimer { max-width: 700px; margin: 16px auto; font-size: 12px; line-height: 1.6; } footer .brand { display: inline-block; color: var(--ivory); margin-bottom: 18px; } footer p { font-size: 13px; } footer small { font-size: 11px; }
.mobile-sticky { display: none; }

@keyframes rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes productIn { from { opacity: 0; transform: translateX(24px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes breathe { from { opacity: .75; transform: scale(.96); } to { opacity: 1; transform: scale(1.04); } }

@media (max-width: 1120px) {
  .hero-inner { width: min(940px,92%); grid-template-columns: 1fr .84fr; }.hero-product img { width: 110%; max-width: none; }
  .books-grid { grid-template-columns: repeat(2,1fr); }.bonus { grid-template-columns: .65fr 1.35fr; gap: 38px; }.testimonial-grid { grid-template-columns: repeat(2,1fr); max-width: 680px; }.phone-frame { max-width: 300px; margin: auto; }
}

@media (max-width: 860px) {
  .promo-bar { font-size: 14px; min-height: 42px; }.site-header { height: 62px; padding: 0 20px; }.site-header nav a:not(.secure-link) { display:none; }.secure-link { font-size: 0; }.secure-link svg { font-size: 16px; }
  .brand { font-size: 19px; }.hero { min-height: auto; }.hero-inner { width: min(650px,92%); min-height: auto; grid-template-columns: 1fr; text-align: center; }.hero-copy { padding: 52px 0 22px; max-width: none; }.eyebrow { justify-content: center; }.hero-subtitle { margin-inline: auto; }.hero-offer { margin-inline: auto; grid-template-columns: auto 28px auto 1fr; text-align: left; }.quantity { text-align:center; }.cta { margin-inline: auto; }.microproof { justify-content:center; margin-left: 0; }
  .hero-product { min-height: 440px; align-self: auto; margin-top: -10px; }.hero-product img { width: min(620px,100%); }
  .trust-strip { grid-template-columns: 1fr; border-inline: 0; }.trust-strip > div { min-height: 88px; border-right: 0; border-bottom: 1px solid rgba(216,168,75,.2); justify-content:flex-start; padding-inline: max(8vw,32px); }
  .transformation-grid { grid-template-columns: repeat(2,1fr); }.transformation-grid article:nth-child(2) { border-right:0; }.transformation-grid article:nth-child(-n+2) { border-bottom:1px solid rgba(216,168,75,.18); }
  .bonus { grid-template-columns: 1fr; }.bonus-intro { justify-self:center; text-align:center; }.bonus-intro ul { width:max-content; max-width:100%; margin-inline:auto; text-align:left; }.bonus-grid { margin:auto; }
  .steps-grid { gap:22px; }.value-card { grid-template-columns:1fr; }.checkout-card { border-left:0; border-top:1px solid rgba(216,168,75,.24); }
}

@media (max-width: 600px) {
  body { padding-bottom: 76px; }.promo-bar { letter-spacing:.11em; position:relative; }.site-header { position:relative; }.site-header nav { gap:0; }
  .hero-inner { width:100%; }.hero-copy { padding:44px 20px 10px; }.eyebrow { font-size:10px; letter-spacing:.13em; }.eyebrow span { width:30px; } h1 { font-size:42px; line-height:1.01; }.hero-subtitle { font-size:16px; line-height:1.5; margin:18px auto 22px; }
  .hero-offer { width:100%; grid-template-columns:1fr 24px 1fr; gap:7px; justify-items:center; }.quantity strong { font-size:65px; }.plus { font-size:32px; padding-bottom:18px; }.price-block { grid-column:1/-1; width:100%; margin-top:12px; padding:13px 0 0; border-left:0; border-top:1px solid rgba(216,168,75,.25); align-items:center; }.price-block strong b { font-size:58px; }
  .cta { min-height:62px; font-size:16px; padding:13px 18px; }.microproof { font-size:10px; gap:7px; }.hero-product { min-height:330px; padding:0 12px; overflow:hidden; }.hero-product img { width:115%; max-width:none; }
  .section-pad { padding:78px 20px; }.section-heading { margin-bottom:38px; }.section-heading h2, .bonus-intro h2, .value-copy h2 { font-size:38px; }.section-heading > p:last-child, .bonus-intro > p { font-size:16px; }.kicker { font-size:11px; }
  .transformation-grid { grid-template-columns:1fr; }.transformation-grid article { min-height:auto; border-right:0; border-bottom:1px solid rgba(216,168,75,.18); padding:28px 24px; }.transformation-grid article:last-child { border-bottom:0; }.transformation-grid h3 { margin-top:18px; }
  .books-grid { grid-template-columns:1fr; gap:12px; }.book-card { grid-template-columns:105px 1fr; min-height:210px; padding:16px; gap:18px; }.book-cover img { width:98px; }.book-card h3 { font-size:18px; }.book-card p { font-size:13px; }
  .bonus { gap:42px; }.bonus-grid { grid-template-columns:repeat(2,1fr); gap:10px; }.bonus-grid article { padding:9px; }.bonus-grid h3 { font-size:12px; }.bonus-number { font-size:8px; }
  .steps-grid { grid-template-columns:1fr; gap:36px; }.steps-grid::before { top:20px; bottom:20px; left:35px; width:1px; height:auto; }.steps-grid article { text-align:left; padding-left:92px; min-height:70px; }.steps-grid span { position:absolute; left:0; top:0; width:70px; height:70px; }.steps-grid h3 { padding-top:7px; }
  .testimonial-grid { grid-template-columns:1fr; gap:38px; }.phone-frame { max-width:320px; }
  .value { padding-inline:14px; }.value-copy, .checkout-card { padding:34px 22px; }.value-copy h2 { font-size:36px; }.checkout-card > strong { font-size:82px; }.checkout-card .cta { font-size:15px; }
  .faq-list summary { font-size:16px; padding:18px; }.faq-list details p { padding:0 18px 20px; font-size:14px; }
  footer { padding-bottom:42px; }
  .mobile-sticky { position:fixed; left:0; right:0; bottom:0; z-index:30; min-height:72px; padding:8px 14px; display:flex; align-items:center; justify-content:center; gap:18px; background:linear-gradient(180deg,#d8181f,#8e080b); border-top:1px solid var(--gold-light); color:#fff; font-size:14px; font-weight:900; letter-spacing:.03em; text-transform:uppercase; box-shadow:0 -10px 30px rgba(0,0,0,.45); }.mobile-sticky span { display:grid; padding-right:16px; border-right:1px solid rgba(255,255,255,.35); text-align:left; }.mobile-sticky small { font-size:9px; letter-spacing:.12em; }.mobile-sticky strong { font:700 20px Georgia,serif; color:var(--gold-light); }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } }
