@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap");

:root {
  --ink: #090b1d;
  --navy: #10152e;
  --violet: #25204a;
  --gold: #d7b873;
  --gold-light: #f4dfaa;
  --paper: #f7f4ed;
  --white: #fffdf8;
  --muted: #c3c6d6;
  --text: #242437;
  --green: #72d59d;
  --red: #dd876f;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
section { scroll-margin-top: 80px; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--white);
  font-family: "DM Sans", sans-serif;
  font-size: 17px;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }

.nav {
  align-items: center;
  background: rgba(9, 11, 29, 0.88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.08);
  display: flex;
  height: 82px;
  justify-content: space-between;
  left: 0;
  padding: 0 6vw;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 30;
}
.brand { align-items: center; display: flex; gap: 12px; }
.brand-mark {
  align-items: center;
  border: 1px solid var(--gold);
  border-radius: 50%;
  color: var(--gold-light);
  display: flex;
  font-family: "Playfair Display", serif;
  font-size: 22px;
  height: 42px;
  justify-content: center;
  width: 42px;
}
.brand strong, .brand small { display: block; }
.brand strong { font-size: 14px; letter-spacing: .22em; }
.brand small { color: #e2e4ec; font-size: 12px; margin-top: 3px; }
.nav-links { display: flex; gap: 32px; }
.nav-links a { color: #f0f1f5; font-size: 15px; transition: color 180ms ease; }
.nav-links a:hover { color: var(--gold-light); }
.nav-cta {
  border-bottom: 1px solid var(--gold);
  color: var(--gold-light);
  font-size: 14px;
  font-weight: 600;
  padding: 8px 0;
}

.hero {
  align-items: center;
  background:
    radial-gradient(circle at 73% 37%, rgba(117,90,186,.25), transparent 29%),
    linear-gradient(135deg, #090b1d 0%, #10152e 54%, #171536 100%);
  display: grid;
  gap: 6vw;
  grid-template-columns: minmax(0,1.12fr) minmax(340px,.7fr);
  min-height: 830px;
  overflow: hidden;
  padding: 145px 7vw 75px;
  position: relative;
}
.hero::after {
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 54px 54px;
  content: "";
  inset: 0;
  mask-image: linear-gradient(to right, black, transparent 78%);
  pointer-events: none;
  position: absolute;
}
.hero-content, .signal-card { position: relative; z-index: 2; }
.hero-orbit {
  border: 1px solid rgba(215,184,115,.16);
  border-radius: 50%;
  position: absolute;
  will-change: transform;
}
.orbit-one { animation: orbitDrift 14s ease-in-out infinite alternate; height: 650px; right: -250px; top: 70px; width: 650px; }
.orbit-two { animation: orbitDrift 10s ease-in-out 1s infinite alternate-reverse; height: 450px; right: -140px; top: 165px; width: 450px; }

.eyebrow, .section-number {
  color: var(--gold);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.eyebrow { align-items: center; display: flex; gap: 12px; line-height: 1.5; }
.eyebrow span { background: var(--gold); flex: 0 0 34px; height: 1px; }
.hero h1 {
  animation: heroReveal 750ms cubic-bezier(.2,.75,.25,1) 100ms both;
  font-family: "Playfair Display", serif;
  font-size: clamp(53px,5.4vw,84px);
  letter-spacing: -.045em;
  line-height: .99;
  margin: 28px 0;
  max-width: 820px;
}
.hero h1 em { color: var(--gold-light); display: block; font-weight: 600; }
.hero-lead {
  animation: heroReveal 750ms cubic-bezier(.2,.75,.25,1) 220ms both;
  color: #f0f1f6;
  font-size: clamp(18px,1.35vw,21px);
  line-height: 1.68;
  max-width: 720px;
}
.hero-actions { align-items: center; animation: heroReveal 750ms cubic-bezier(.2,.75,.25,1) 340ms both; display: flex; flex-wrap: wrap; gap: 26px; margin-top: 36px; }
.button {
  align-items: center;
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  gap: 28px;
  justify-content: center;
  letter-spacing: .01em;
  min-height: 58px;
  overflow: hidden;
  padding: 0 26px;
  position: relative;
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.button::after {
  background: linear-gradient(100deg,transparent 15%,rgba(255,255,255,.62) 50%,transparent 85%);
  content: "";
  inset: 0;
  position: absolute;
  transform: translateX(-130%);
}
.button:hover { box-shadow: 0 15px 45px rgba(215,184,115,.28); transform: translateY(-3px); }
.button:hover::after { animation: buttonShine 700ms ease; }
.button-primary { background: linear-gradient(135deg,var(--gold-light),var(--gold)); color: #151326; }
.text-link {
  border-bottom: 1px solid rgba(255,255,255,.55);
  color: #f0f1f6;
  font-size: 14px;
  padding: 10px 0;
}
.microcopy { animation: heroReveal 750ms cubic-bezier(.2,.75,.25,1) 430ms both; color: #e0e2eb; font-size: 14px; margin: 13px 0 0; }
.hero-proof { animation: heroReveal 750ms cubic-bezier(.2,.75,.25,1) 500ms both; display: flex; gap: 38px; margin-top: 42px; }
.hero-proof div { border-left: 1px solid rgba(215,184,115,.36); padding-left: 14px; }
.hero-proof strong, .hero-proof span { display: block; }
.hero-proof strong { font-family: "Playfair Display",serif; font-size: 20px; }
.hero-proof span { color: #e3e5ed; font-size: 14px; margin-top: 5px; }

.signal-card {
  animation: cardReveal 850ms cubic-bezier(.2,.75,.25,1) 260ms both, cardFloat 5s ease-in-out 1.2s infinite;
  background: rgba(19,22,49,.8);
  border: 1px solid rgba(255,255,255,.23);
  box-shadow: 0 40px 100px rgba(0,0,0,.32);
  padding: 31px;
}
.signal-topline { align-items: center; display: flex; justify-content: space-between; }
.signal-topline p, .signal-topline span {
  color: #eceef5;
  font-size: 11px;
  letter-spacing: .16em;
  margin: 0 0 19px;
}
.signal-topline span { color: var(--gold); letter-spacing: .1em; }
.signal-card-title {
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.1);
  display: flex;
  font-family: "Playfair Display",serif;
  font-size: 21px;
  gap: 12px;
  padding-bottom: 20px;
}
.pulse {
  animation: signalPulse 1.9s ease-out infinite;
  background: var(--green);
  border-radius: 50%;
  box-shadow: 0 0 0 7px rgba(125,227,167,.1);
  height: 9px;
  width: 9px;
}
.signal-card ul { list-style: none; margin: 8px 0 22px; padding: 0; }
.signal-card li {
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.08);
  display: grid;
  gap: 14px;
  grid-template-columns: 28px 1fr 20px;
  padding: 18px 0;
}
.signal-card li > span { color: var(--gold); font-family: "Playfair Display",serif; font-size: 13px; }
.signal-card li strong, .signal-card li small { display: block; }
.signal-card li strong { font-size: 14px; }
.signal-card li small { color: #e2e4ed; font-size: 13px; margin-top: 4px; }
.signal-card li b { color: var(--green); }
.decision {
  align-items: center;
  background: rgba(215,184,115,.09);
  border: 1px solid rgba(215,184,115,.25);
  display: flex;
  justify-content: space-between;
  padding: 15px;
}
.decision span { color: #e3e5ed; font-size: 11px; letter-spacing: .11em; }
.decision strong { color: var(--gold-light); font-size: 13px; letter-spacing: .14em; }

.scroll-cue {
  align-items: center;
  animation: heroReveal 750ms cubic-bezier(.2,.75,.25,1) 700ms both;
  bottom: 24px;
  color: #d9dbe5;
  display: flex;
  font-size: 11px;
  gap: 10px;
  left: 7vw;
  letter-spacing: .14em;
  position: absolute;
  text-transform: uppercase;
  z-index: 3;
}
.scroll-cue b { animation: scrollBounce 1.6s ease-in-out infinite; color: var(--gold-light); font-size: 17px; }

.pain {
  background: var(--paper);
  color: var(--text);
  display: grid;
  gap: 5vw;
  grid-template-columns: .25fr 1.05fr .7fr;
  padding: 105px 7vw;
}
.pain .section-number,
.transformation .section-number,
.result .section-number,
.proof .section-number,
.faq .section-number { color: #765c29; }
.pain h2, .enemy h2, .section-heading h2, .result h2, .offer h2,
.author h2, .final-cta h2 {
  font-family: "Playfair Display",serif;
  letter-spacing: -.035em;
}
.pain h2 { font-size: clamp(38px,3.7vw,56px); line-height: 1.09; margin: 0 0 26px; }
.pain-copy > p { color: #5c5c6b; font-size: 16px; line-height: 1.75; }
.pain blockquote {
  border-left: 2px solid var(--gold);
  font-family: "Playfair Display",serif;
  font-size: 24px;
  font-style: italic;
  line-height: 1.5;
  margin: 28px 0 0;
  padding-left: 22px;
}
.pain-list { background: #eae4d8; margin-top: 44px; padding: 30px; }
.pain-list > p { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.pain-list ul { list-style: none; margin: 22px 0 0; padding: 0; }
.pain-list li { border-top: 1px solid #d6cebf; color: #454553; font-size: 15px; line-height: 1.55; padding: 13px 0; }
.pain-list li::before { color: var(--red); content: "×"; font-weight: 700; margin-right: 10px; }

.enemy {
  align-items: center;
  background: #11142b;
  display: grid;
  gap: 5vw;
  grid-template-columns: .22fr .88fr .9fr;
  padding: 90px 7vw;
}
.enemy-mark {
  align-items: center;
  border: 1px solid rgba(221,135,111,.45);
  border-radius: 50%;
  color: var(--red);
  display: flex;
  font-family: "Playfair Display",serif;
  font-size: 68px;
  height: 112px;
  justify-content: center;
  width: 112px;
}
.enemy h2 { font-size: clamp(42px,4.2vw,62px); margin: 15px 0 12px; }
.enemy > div > p:last-child { color: var(--muted); line-height: 1.7; }
.enemy-reframe { border-left: 1px solid rgba(215,184,115,.35); padding-left: 34px; }
.enemy-reframe span { color: var(--gold-light); font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.enemy-reframe strong { display: block; font-family: "Playfair Display",serif; font-size: 25px; line-height: 1.4; margin: 15px 0; }
.enemy-reframe p { color: #d0d2df; font-size: 15px; line-height: 1.7; }

.transformation { background: #ece7db; color: var(--text); padding: 105px 7vw; }
.section-heading { margin-bottom: 50px; max-width: 790px; }
.section-heading.centered { margin-left: auto; margin-right: auto; max-width: 980px; text-align: center; }
.section-heading h2 { font-size: clamp(43px,4.6vw,68px); line-height: 1.08; margin: 17px 0; }
.section-heading > p:last-child { color: var(--muted); font-size: 16px; line-height: 1.7; }
.transformation .section-heading > p:last-child,
.faq .section-heading > p:last-child { color: #555563; }
.before-after { align-items: stretch; display: grid; grid-template-columns: 1fr 70px 1fr; margin: 0 auto; max-width: 1120px; }
.before-after article { border: 1px solid #d5cdbf; padding: 38px; }
.before { background: #e4ded2; }
.after { background: var(--white); box-shadow: 0 24px 70px rgba(26,23,45,.08); }
.before-after article > span { color: #5f5866; font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.after > span { color: #7e6330 !important; }
.before-after h3 { font-family: "Playfair Display",serif; font-size: 24px; line-height: 1.45; margin: 20px 0; }
.before-after ul { color: #636374; line-height: 1.8; padding-left: 19px; }
.before-after small { color: #54505a; display: block; font-size: 13px; margin-top: 18px; }
.transformation-arrow { align-items: center; color: #765c29; display: flex; font-size: 30px; justify-content: center; }

.method { background: #0d1024; padding: 110px 7vw; }
.method .section-heading h2 { color: var(--white); }
.steps { display: grid; gap: 1px; grid-template-columns: repeat(5,1fr); }
.steps article { background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.08); min-height: 250px; padding: 28px 24px; }
.steps article > span { color: var(--gold); font-family: "Playfair Display",serif; font-size: 50px; }
.steps h3 { font-size: 15px; margin: 26px 0 10px; }
.steps p { color: #e0e2eb; font-size: 15px; line-height: 1.65; }
.steps article { transition: background 220ms ease, border-color 220ms ease, transform 220ms ease; }
.steps article:hover { background: rgba(255,255,255,.065); border-color: rgba(215,184,115,.44); transform: translateY(-6px); }
.method-close {
  align-items: center;
  border: 1px solid rgba(215,184,115,.22);
  display: flex;
  justify-content: space-between;
  margin-top: 38px;
  padding: 24px 28px;
}
.method-close strong { font-family: "Playfair Display",serif; font-size: 18px; }
.method-close div { display: flex; gap: 8px; }
.method-close span { background: rgba(215,184,115,.13); color: var(--gold-light); font-size: 11px; font-weight: 700; letter-spacing: .12em; padding: 9px 12px; }

.result { background: var(--paper); color: var(--text); padding: 105px 7vw; }
.result > h2 { font-size: clamp(42px,4.3vw,64px); margin: 16px 0 48px; max-width: 760px; }
.result-grid { display: grid; gap: 1px; grid-template-columns: repeat(3,1fr); }
.result-grid div { align-items: center; background: #eee8dc; border: 1px solid #ddd5c6; display: flex; min-height: 106px; padding: 24px; }
.result-grid div { transition: background 220ms ease, box-shadow 220ms ease, transform 220ms ease; }
.result-grid div:hover { background: var(--white); box-shadow: 0 18px 45px rgba(26,23,45,.09); transform: translateY(-5px); }
.result-grid span { color: #765c29; font-family: "Playfair Display",serif; font-size: 14px; margin-right: 18px; }
.result-grid strong { font-family: "Playfair Display",serif; font-size: 17px; line-height: 1.4; }

.quick-win {
  align-items: start;
  background: #e9e4d8;
  color: var(--text);
  display: grid;
  gap: 6vw;
  grid-template-columns: .9fr 1.1fr;
  padding: 100px 7vw;
}
.quick-win h2 {
  font-family: "Playfair Display",serif;
  font-size: clamp(40px,4vw,60px);
  letter-spacing: -.035em;
  line-height: 1.08;
  margin: 16px 0 22px;
}
.quick-win > div:first-child > p:not(.section-number) {
  color: #585866;
  line-height: 1.75;
  margin-bottom: 28px;
  max-width: 650px;
}
.quick-win-grid { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.quick-win-grid article {
  background: var(--white);
  border: 1px solid #d8d0c2;
  min-height: 150px;
  padding: 27px;
  transition: box-shadow 220ms ease, transform 220ms ease;
}
.quick-win-grid article:hover {
  box-shadow: 0 20px 50px rgba(26,23,45,.09);
  transform: translateY(-5px);
}
.quick-win-grid span {
  color: #765c29;
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  margin-bottom: 22px;
  text-transform: uppercase;
}
.quick-win-grid strong {
  font-family: "Playfair Display",serif;
  font-size: 20px;
  line-height: 1.45;
}

.offer { background: linear-gradient(135deg,#171631,#29204c); padding: 110px 7vw; }
.offer-intro { max-width: 860px; }
.offer-intro h2 { font-size: clamp(43px,4.7vw,68px); line-height: 1.08; margin: 16px 0; }
.offer-intro > p:last-child { color: #bbbccd; line-height: 1.7; max-width: 700px; }
.offer-layout { align-items: start; display: grid; gap: 4vw; grid-template-columns: 1fr 390px; margin-top: 55px; }
.stack article { align-items: center; border-top: 1px solid rgba(255,255,255,.12); display: grid; gap: 18px; grid-template-columns: 35px 1fr; padding: 23px 0; }
.stack article:last-child { border-bottom: 1px solid rgba(255,255,255,.12); }
.stack article > span { color: var(--gold); font-family: "Playfair Display",serif; font-size: 13px; }
.stack h3 { font-family: "Playfair Display",serif; font-size: 19px; margin: 0 0 5px; }
.stack p { color: #e3e5ed; font-size: 15px; margin: 0; }
.stack article > strong { color: #f0e7d2; font-size: 13px; }
.price-card { background: var(--white); box-shadow: 0 35px 80px rgba(0,0,0,.26); color: var(--text); padding: 34px; position: sticky; top: 24px; }
.price-card > p { color: #6d5324; font-size: 11px; font-weight: 700; letter-spacing: .18em; }
.price-anchor { align-items: center; border-bottom: 1px solid #e2ddd2; display: flex; justify-content: space-between; padding: 15px 0; }
.price-anchor span { color: #494651; font-size: 14px; }
.price-anchor strong { color: #765c29; font-size: 14px; }
.price { padding: 22px 0; }
.price span { color: #494651; display: block; font-size: 14px; }
.price strong { display: block; font-family: "Playfair Display",serif; font-size: 62px; line-height: 1; margin-top: 6px; }
.price strong small { font-family: "DM Sans",sans-serif; font-size: 17px; }
.price-card .button { width: 100%; }
.price-card ul { list-style: none; margin: 24px 0; padding: 0; }
.price-card li { border-bottom: 1px solid #ddd8ce; color: #403d47; font-size: 15px; padding: 10px 0; }
.price-card > small { color: #514d57; display: block; font-size: 13px; line-height: 1.6; }

.qualification { display: grid; grid-template-columns: 1fr 1fr; }
.qualify { padding: 80px 8vw; }
.qualify.yes { background: #e9e4d8; color: var(--text); }
.qualify.no { background: #12152d; }
.qualify > span { color: var(--gold); font-size: 12px; font-weight: 700; letter-spacing: .16em; }
.yes > span { color: #765c29; }
.qualify ul { list-style: none; margin: 30px 0 0; padding: 0; }
.qualify li { border-top: 1px solid rgba(128,126,139,.25); font-family: "Playfair Display",serif; font-size: 18px; line-height: 1.4; padding: 15px 0; }
.yes li::before { color: #3e9c69; content: "✓"; font-family: "DM Sans",sans-serif; margin-right: 13px; }
.no li::before { color: var(--red); content: "×"; font-family: "DM Sans",sans-serif; margin-right: 13px; }

.proof {
  align-items: start;
  background: var(--paper);
  color: var(--text);
  display: grid;
  gap: 8vw;
  grid-template-columns: 1fr 1fr;
  padding: 100px 7vw;
}
.proof h2 { font-family: "Playfair Display",serif; font-size: clamp(40px,4vw,60px); line-height: 1.1; margin: 16px 0; }
.proof-copy > p { color: #5d5d6c; line-height: 1.75; }
.proof blockquote { border-left: 2px solid var(--gold); font-family: "Playfair Display",serif; font-size: 23px; font-style: italic; line-height: 1.5; margin: 35px 0 0; padding-left: 24px; }

.author {
  align-items: center;
  background: #11142b;
  display: grid;
  gap: 55px;
  grid-template-columns: 160px minmax(0,680px);
  justify-content: center;
  padding: 90px 7vw;
}
.author-monogram {
  align-items: center;
  border: 1px solid rgba(215,184,115,.65);
  border-radius: 50%;
  color: var(--gold-light);
  display: flex;
  font-family: "Playfair Display",serif;
  font-size: 42px;
  height: 150px;
  justify-content: center;
  width: 150px;
}
.author h2 { font-size: 48px; margin: 10px 0; }
.author p { color: var(--muted); line-height: 1.7; }
.author strong { color: var(--gold-light); display: block; font-family: "Playfair Display",serif; font-style: italic; margin-top: 20px; }

.faq { background: #ece7db; color: var(--text); padding: 105px 12vw; }
.faq-list { border-top: 1px solid #d2cabb; }
.faq details { border-bottom: 1px solid #d2cabb; padding: 0; }
.faq summary { cursor: pointer; font-family: "Playfair Display",serif; font-size: 20px; font-weight: 600; list-style: none; padding: 22px 0; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary span { color: #765c29; float: right; font-family: "DM Sans",sans-serif; transition: transform 180ms ease; }
.faq details[open] summary span { transform: rotate(45deg); }
.faq details p { color: #5e5c68; line-height: 1.7; margin: 0; max-width: 780px; padding: 0 0 24px; }

.final-cta {
  align-items: center;
  background:
    radial-gradient(circle at 50% 120%,rgba(110,75,170,.38),transparent 45%),
    var(--ink);
  display: flex;
  flex-direction: column;
  padding: 110px 7vw;
  text-align: center;
}
.final-cta h2 { font-size: clamp(45px,5vw,74px); line-height: 1.06; margin: 18px auto; max-width: 980px; }
.final-cta h2 em { color: var(--gold-light); display: block; }
.final-cta > p:not(.section-number) { color: var(--muted); margin: 0 0 32px; }
.final-cta > small { color: #e0e2eb; font-size: 13px; margin-top: 14px; }

footer { align-items: center; background: #070918; border-top: 1px solid rgba(255,255,255,.08); display: flex; justify-content: space-between; padding: 30px 6vw; }
footer p { color: #e0e2eb; font-size: 13px; }
.mobile-buy { display: none; }

@keyframes heroReveal {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cardReveal {
  from { opacity: 0; transform: translateY(30px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes cardFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes signalPulse {
  0% { box-shadow: 0 0 0 0 rgba(114,213,157,.45); }
  70% { box-shadow: 0 0 0 12px rgba(114,213,157,0); }
  100% { box-shadow: 0 0 0 0 rgba(114,213,157,0); }
}

@keyframes orbitDrift {
  from { transform: rotate(0deg) scale(1); }
  to { transform: rotate(10deg) scale(1.06); }
}

@keyframes buttonShine {
  from { transform: translateX(-130%); }
  to { transform: translateX(130%); }
}

@keyframes scrollBounce {
  0%, 100% { transform: translateY(-2px); }
  50% { transform: translateY(5px); }
}

@keyframes sectionReveal {
  from { opacity: .15; transform: translateY(36px); }
  to { opacity: 1; transform: translateY(0); }
}

@supports (animation-timeline: view()) {
  .pain > *,
  .enemy > *,
  .section-heading,
  .before-after article,
  .steps article,
  .method-close,
  .result-grid div,
  .quick-win > *,
  .quick-win-grid article,
  .offer-intro,
  .stack article,
  .price-card,
  .qualify > *,
  .proof > *,
  .author > *,
  .faq-list,
  .final-cta > * {
    animation: sectionReveal linear both;
    animation-range: entry 8% cover 30%;
    animation-timeline: view();
  }
}

@media (max-width: 1000px) {
  .nav-links { display: none; }
  .hero { grid-template-columns: 1fr; padding: 135px 5vw 75px; }
  .hero-content { max-width: 780px; }
  .signal-card { max-width: 580px; }
  .pain { grid-template-columns: 1fr; gap: 18px; }
  .pain-list { margin-top: 10px; }
  .enemy { grid-template-columns: 110px 1fr; }
  .enemy-reframe { grid-column: 2; }
  .steps { grid-template-columns: 1fr 1fr; }
  .offer-layout { grid-template-columns: 1fr; }
  .price-card { max-width: 520px; position: static; }
}

@media (max-width: 720px) {
  .nav { padding: 0 22px; }
  .nav-cta { display: none; }
  .hero { min-height: auto; padding: 125px 22px 64px; }
  .hero h1 { font-size: clamp(47px,13vw,66px); }
  .hero-actions, .hero-proof { align-items: stretch; flex-direction: column; }
  .hero-proof { gap: 16px; }
  .button { gap: 12px; text-align: center; width: 100%; }
  .signal-card { padding: 24px; }
  .signal-topline span { display: none; }
  .pain, .enemy, .transformation, .method, .result, .offer, .proof, .faq, .final-cta { padding-left: 22px; padding-right: 22px; }
  .quick-win { grid-template-columns: 1fr; padding: 75px 22px; }
  .quick-win-grid { grid-template-columns: 1fr; }
  .pain h2 { font-size: 40px; }
  .enemy { grid-template-columns: 1fr; }
  .enemy-mark { height: 80px; width: 80px; }
  .enemy-reframe { grid-column: 1; }
  .before-after { grid-template-columns: 1fr; }
  .transformation-arrow { min-height: 60px; transform: rotate(90deg); }
  .steps { grid-template-columns: 1fr; }
  .steps article { min-height: unset; }
  .method-close { align-items: flex-start; flex-direction: column; gap: 18px; }
  .method-close div { flex-wrap: wrap; }
  .result-grid { grid-template-columns: 1fr; }
  .offer-intro h2 { font-size: 42px; }
  .stack article { grid-template-columns: 30px 1fr; }
  .qualification { grid-template-columns: 1fr; }
  .qualify { padding: 65px 22px; }
  .proof { grid-template-columns: 1fr; gap: 25px; }
  .author { grid-template-columns: 1fr; justify-content: start; padding: 75px 22px; }
  .author-monogram { height: 110px; width: 110px; }
  .faq { padding-bottom: 95px; }
  .scroll-cue { display: none; }
  footer { align-items: flex-start; flex-direction: column; gap: 22px; padding-bottom: 90px; }
  .mobile-buy {
    background: rgba(9,11,29,.94);
    bottom: 0;
    display: block;
    left: 0;
    padding: 10px;
    position: fixed;
    right: 0;
    z-index: 20;
  }
  .mobile-buy a {
    align-items: center;
    background: linear-gradient(135deg,var(--gold-light),var(--gold));
    color: #151326;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: space-between;
    padding: 16px 18px;
  }
}

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