:root {
  color-scheme: dark;
  --bg: #080807;
  --surface: #11110f;
  --surface-2: #181613;
  --cream: #fff8ef;
  --muted: #a8a198;
  --orange: #ee4d2d;
  --orange-2: #ff7a2f;
  --gold: #ffb056;
  --green: #36d48c;
  --line: rgba(255, 255, 255, .1);
  --shadow: 0 30px 90px rgba(0, 0, 0, .45);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; min-width: 320px; color: var(--cream); background: var(--bg); font-family: "Manrope", sans-serif; overflow-x: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }

.site-header {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 24px 0;
}

.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--cream); text-decoration: none; }
.brand-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(145deg, var(--orange-2), var(--orange)); box-shadow: 0 10px 28px rgba(238,77,45,.28); font-family: "Sora", sans-serif; font-size: 20px; font-weight: 800; }
.brand strong, .brand small { display: block; }
.brand strong { font-family: "Sora", sans-serif; font-size: 12px; letter-spacing: .04em; }
.brand small { margin-top: 2px; color: #8e8981; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.header-cta { padding: 10px 15px; border: 1px solid rgba(255,122,47,.35); border-radius: 999px; color: #ffd7c9; background: rgba(238,77,45,.1); cursor: pointer; font-size: 10px; font-weight: 900; letter-spacing: .06em; }

.hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr);
  align-items: center;
  gap: clamp(42px, 7vw, 100px);
  min-height: 720px;
  padding: 88px max(30px, calc((100vw - 1180px) / 2));
  overflow: hidden;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    radial-gradient(circle at 72% 38%, rgba(238,77,45,.13), transparent 30rem),
    linear-gradient(135deg, #080807, #0d0d0b 58%, #0a0908);
  background-size: 48px 48px, 48px 48px, auto, auto;
}

.hero::after { position: absolute; right: -7%; bottom: -23%; width: 500px; height: 500px; border: 1px solid rgba(255,122,47,.11); border-radius: 50%; box-shadow: 0 0 0 65px rgba(255,122,47,.025), 0 0 0 130px rgba(255,122,47,.018); content: ""; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(95px); opacity: .2; pointer-events: none; }
.hero-glow-one { top: -140px; left: 12%; width: 380px; height: 300px; background: var(--orange); }
.hero-glow-two { right: 2%; bottom: -160px; width: 350px; height: 350px; background: #f79b35; }
.hero-copy, .hero-visual { position: relative; z-index: 2; }

.eyebrow, .section-kicker { color: var(--orange-2); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px; padding: 9px 12px; border: 1px solid rgba(255,122,47,.25); border-radius: 999px; background: rgba(238,77,45,.07); }
.eyebrow span { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; color: #fff; background: var(--orange); font-size: 10px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: "Sora", sans-serif; }
h1 { max-width: 690px; margin-bottom: 20px; font-size: clamp(40px, 4.8vw, 60px); line-height: 1.02; letter-spacing: -.055em; }
h1 em, h2 em { color: var(--orange-2); font-style: normal; }
.hero-lead { max-width: 630px; margin-bottom: 25px; color: #beb7ae; font-size: clamp(15px, 1.6vw, 18px); line-height: 1.65; }
.hero-list { display: grid; gap: 11px; margin: 0 0 28px; padding: 0; list-style: none; }
.hero-list li { display: flex; align-items: center; gap: 10px; color: #ece4da; font-size: 13px; font-weight: 700; }
.hero-list span { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid rgba(54,212,140,.35); border-radius: 50%; color: var(--green); background: rgba(54,212,140,.07); }

.primary-cta { position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 60px; padding: 15px 25px; border: 0; border-radius: 15px; overflow: hidden; color: #1c0903; background: linear-gradient(180deg, #ff9850, #ee4d2d); box-shadow: 0 17px 38px rgba(238,77,45,.27), inset 0 1px rgba(255,255,255,.42); cursor: pointer; font-family: "Sora", sans-serif; font-size: 13px; font-weight: 800; letter-spacing: -.01em; text-decoration: none; animation: cta-glow 2.4s ease-in-out infinite; transition: transform .2s ease, filter .2s ease; }
.primary-cta::before { position: absolute; z-index: -1; top: -65%; left: -36%; width: 24%; height: 230%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.78), transparent); content: ""; transform: rotate(18deg); animation: cta-shine 3.4s ease-in-out infinite; }
.primary-cta:hover { transform: translateY(-2px); filter: brightness(1.07); }
.primary-cta span { font-size: 18px; }
.cta-note { margin: 12px 0 0; color: #766f67; font-size: 10px; }

.hero-visual { min-height: 500px; perspective: 1500px; }
.ebook-image-wrap { position: absolute; inset: -25px -20px -15px; overflow: hidden; }
.ebook-image-wrap::after { position: absolute; right: 0; bottom: 0; left: 0; height: 18%; pointer-events: none; background: linear-gradient(to bottom, transparent, rgba(10,9,8,.94) 58%, #0a0908); content: ""; }
.ebook-image-wrap img { display: block; width: 88%; height: auto; margin: 0 auto; filter: drop-shadow(0 30px 34px rgba(0,0,0,.42)); }
.ebook-scene { position: absolute; inset: 0; display: grid; place-items: center; perspective: 1500px; }
.ebook-book { position: relative; width: min(82%, 430px); aspect-ratio: .73; transform-style: preserve-3d; transform: rotateX(4deg) rotateY(-19deg) rotateZ(1.5deg); }
.ebook-shadow { position: absolute; top: 80%; left: 52%; width: 76%; height: 18%; border-radius: 50%; background: rgba(0,0,0,.72); filter: blur(25px); transform: translate(-50%, -50%) rotate(-3deg); }
.pdf-cover { position: absolute; z-index: 4; inset: 0; margin: 0; border: 1px solid rgba(255,182,142,.32); border-radius: 5px 11px 11px 5px; overflow: hidden; background: #0a0908; box-shadow: 25px 35px 65px rgba(0,0,0,.56), 5px 4px 0 #7d2115, 0 0 45px rgba(238,77,45,.13); transform: translateZ(18px); }
.pdf-cover::after { position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(105deg, rgba(0,0,0,.22), transparent 14%, transparent 72%, rgba(255,255,255,.09) 88%, rgba(0,0,0,.14)); content: ""; }
.ebook-spine { position: absolute; z-index: 3; top: 0; bottom: 0; left: 0; width: 38px; overflow: hidden; border-radius: 5px 0 0 5px; background: linear-gradient(90deg, #67180f, #bd321e 42%, #7b1e12); box-shadow: inset -5px 0 8px rgba(0,0,0,.28), inset 2px 0 rgba(255,255,255,.12); transform: rotateY(-90deg) translateZ(19px); transform-origin: left center; }
.ebook-spine span { position: absolute; top: 50%; left: 50%; width: 340px; color: rgba(255,255,255,.7); font-family: "Sora", sans-serif; font-size: 8px; font-weight: 800; letter-spacing: .14em; text-align: center; transform: translate(-50%, -50%) rotate(-90deg); }
.ebook-page-block { position: absolute; z-index: 1; top: 8px; right: -21px; bottom: -18px; left: 14px; border-radius: 2px 8px 8px 3px; background: repeating-linear-gradient(0deg, #d7d1c9 0, #d7d1c9 1px, #f4f0e9 2px, #ece7df 4px); box-shadow: 8px 15px 28px rgba(0,0,0,.42); transform: translateZ(-5px); }
.ebook-page-block::before { position: absolute; top: 0; right: 0; width: 20px; height: 100%; border-radius: 0 7px 7px 0; background: repeating-linear-gradient(0deg, #bdb7af 0, #eee9e1 2px, #d7d1c8 3px); content: ""; }
.ebook-page-block::after { position: absolute; right: 0; bottom: 0; left: 0; height: 18px; border-radius: 0 0 7px 3px; background: repeating-linear-gradient(90deg, #c8c2ba 0, #f1ece4 2px, #d8d2ca 4px); content: ""; }
.mockup-cover { position: relative; display: flex; flex-direction: column; justify-content: center; height: calc(100% - 42px); min-height: 0; padding: 44px 48px; overflow: hidden; background: radial-gradient(circle at 86% 22%, rgba(255,255,255,.16), transparent 20%), linear-gradient(140deg, #ff7543 0%, #ee4d2d 47%, #a92a18 100%); }
.mockup-cover::before { position: absolute; top: -55%; right: -18%; width: 330px; height: 330px; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; box-shadow: 0 0 0 36px rgba(255,255,255,.055), 0 0 0 72px rgba(255,255,255,.035); content: ""; }
.mockup-cover::after { position: absolute; right: 42px; bottom: 34px; width: 62px; height: 62px; border: 2px solid rgba(255,255,255,.7); border-radius: 18px; content: ""; transform: rotate(10deg); }
.mockup-label { align-self: flex-start; margin-bottom: 20px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; color: rgba(255,255,255,.92); font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.mockup-cover strong { position: relative; z-index: 1; color: #fff; font-family: "Sora", sans-serif; font-size: clamp(48px, 6vw, 72px); line-height: .87; letter-spacing: -.07em; }
.mockup-cover p { position: relative; z-index: 1; margin: 15px 0 0; color: rgba(255,255,255,.82); font-family: "Sora", sans-serif; font-size: 13px; font-weight: 700; line-height: 1.25; letter-spacing: .08em; }
.mockup-cover i { position: absolute; right: 39px; bottom: 49px; z-index: 1; width: 84px; color: #fff; font-family: "Sora", sans-serif; font-size: 11px; font-style: normal; font-weight: 900; line-height: 1.05; text-align: center; transform: rotate(10deg); }
.pdf-cover figcaption { position: relative; z-index: 4; display: flex; align-items: center; gap: 8px; height: 42px; padding: 11px 14px; color: #8d867d; background: #0c0b0a; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.pdf-cover figcaption span { padding: 4px 6px; border-radius: 5px; color: white; background: var(--orange); }
.float-card { position: absolute; z-index: 4; min-width: 150px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(17,16,14,.92); box-shadow: 0 20px 45px rgba(0,0,0,.45); backdrop-filter: blur(12px); }
.float-card small, .float-card strong { display: block; }
.float-card small { margin-bottom: 5px; color: #807a71; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.float-card strong { color: #fff; font-family: "Sora", sans-serif; font-size: 13px; }
.float-card-roi { top: 12%; right: -4%; }
.float-card-budget { bottom: 8%; left: -4%; }

.trust-strip { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(3, 1fr); width: min(900px, calc(100% - 40px)); margin: -38px auto 0; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: rgba(17,16,14,.96); box-shadow: 0 24px 55px rgba(0,0,0,.38); }
.trust-strip div { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 76px; padding: 14px; border-right: 1px solid var(--line); }
.trust-strip div:last-child { border-right: 0; }
.trust-strip strong { color: var(--orange-2); font-family: "Sora", sans-serif; font-size: 26px; }
.trust-strip span { color: #9b958c; font-size: 10px; font-weight: 700; line-height: 1.3; }

.section { padding: 110px max(24px, calc((100vw - 1120px) / 2)); }
.section-heading { max-width: 850px; }
.centered { margin-right: auto; margin-left: auto; text-align: center; }
.section-kicker { margin-bottom: 14px; }
.section h2, .final-section h2 { margin-bottom: 18px; font-size: clamp(32px, 4.6vw, 53px); line-height: 1.08; letter-spacing: -.045em; }
.section-heading > p:last-child, .inside-intro > p, .method-copy > p, .final-copy > p { color: #8f8980; font-size: 15px; line-height: 1.7; }

.pain-section { color: #241812; background: #fff; }
.pain-section .section-kicker { color: #d84225; }
.pain-section .section-heading > p:last-child { color: #78675d; }
.pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 48px; }
.pain-card { position: relative; min-height: 270px; padding: 28px; border: 1px solid #ebded6; border-radius: 22px; background: #fff; box-shadow: 0 18px 55px rgba(68,37,21,.08); }
.pain-card.featured { color: white; border-color: #382019; background: linear-gradient(145deg, #271510, #4d2117); transform: translateY(-12px); }
.pain-number { position: absolute; top: 21px; right: 23px; color: #e9ddd6; font-family: "Sora", sans-serif; font-size: 32px; font-weight: 800; }
.featured .pain-number { color: rgba(255,255,255,.09); }
.pain-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 28px; border-radius: 15px; color: #fff; background: linear-gradient(145deg, var(--orange-2), var(--orange)); box-shadow: 0 12px 25px rgba(238,77,45,.22); font-family: "Sora", sans-serif; font-size: 21px; font-weight: 800; }
.pain-card h3 { margin-bottom: 11px; font-size: 19px; }
.pain-card p { margin-bottom: 0; color: #806e63; font-size: 13px; line-height: 1.65; }
.pain-card.featured p { color: rgba(255,255,255,.65); }

.inside-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: start; color: #241812; background: #fff; }
.inside-intro { position: sticky; top: 30px; }
.inside-intro > p { color: #786d65; }
.text-cta { padding: 0 0 7px; border: 0; border-bottom: 1px solid rgba(255,122,47,.45); color: var(--orange-2); background: transparent; cursor: pointer; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-decoration: none; }
.inside-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.inside-card { min-height: 260px; padding: 24px; border: 1px solid #eadfd8; border-radius: 20px; background: linear-gradient(145deg, #fff, #faf6f2); box-shadow: 0 18px 48px rgba(68,37,21,.07); }
.inside-card:nth-child(2), .inside-card:nth-child(4) { transform: translateY(35px); }
.inside-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px; }
.inside-top span { color: var(--orange-2); font-family: "Sora", sans-serif; font-size: 32px; font-weight: 800; }
.inside-top i { padding: 6px 8px; border: 1px solid rgba(255,122,47,.2); border-radius: 999px; color: #a74a31; font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .1em; }
.inside-card h3 { margin-bottom: 17px; font-size: 17px; }
.inside-card ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.inside-card li { position: relative; padding-left: 17px; color: #766a62; font-size: 11px; line-height: 1.5; }
.inside-card li::before { position: absolute; top: 7px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--orange); content: ""; }

.steps-section { color: #241812; background: #fff; }
.steps-line { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 18px; max-width: 1000px; margin: 55px auto 38px; }
.step { position: relative; min-height: 410px; padding: 14px 14px 25px; border: 1px solid #e8ddd5; border-radius: 20px; background: #fff; box-shadow: 0 16px 44px rgba(68,37,21,.06); text-align: center; overflow: hidden; }
.step > span { position: absolute; top: 16px; right: 18px; color: rgba(63,34,20,.08); font-family: "Sora", sans-serif; font-size: 42px; font-weight: 800; }
.step-video { position: relative; width: 100%; aspect-ratio: 1; margin-bottom: 22px; border: 1px solid #eadfd8; border-radius: 14px; overflow: hidden; background: #f3ede8; }
.step-video::after { position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); content: ""; }
.step-video video { display: block; width: 100%; height: 100%; object-fit: cover; }
.step h3 { margin-bottom: 9px; font-size: 18px; }
.step p { max-width: 255px; margin: 0 auto; color: #786d65; font-size: 11px; line-height: 1.6; }
.step-arrow { color: #5b3a2e; font-size: 24px; }
.center-cta { display: flex; margin: 0 auto; }

.method-section { color: #241812; background: #fff; }
.method-panel { max-width: 940px; margin: 0 auto; padding: 62px; border: 1px solid #eadfd8; border-radius: 28px; overflow: hidden; background: radial-gradient(circle at 100% 0%, rgba(238,77,45,.1), transparent 25rem), linear-gradient(145deg, #fff, #faf6f2); box-shadow: 0 22px 60px rgba(68,37,21,.07); }
.method-copy { max-width: 790px; }
.method-copy > p { margin-bottom: 22px; color: #746960; font-size: clamp(15px, 1.5vw, 18px); line-height: 1.75; }
.method-copy > p:last-child { margin-bottom: 0; color: var(--orange-2); font-weight: 800; }
.results-proof { position: relative; margin: 42px 0 0; padding: 10px; border: 1px solid #eadfd8; border-radius: 18px; background: #fff; box-shadow: 0 22px 55px rgba(68,37,21,.12); }
.results-proof::before { position: absolute; top: -12px; left: 24px; padding: 6px 10px; border-radius: 999px; color: #fff; background: var(--orange); content: "PAINEL REAL DA SHOPEE"; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.results-proof a, .ranking-proof a { display: block; border-radius: inherit; }
.results-proof img { display: block; width: 100%; height: auto; border-radius: 11px; }
.zoom-caption { display: none; }
.student-results { margin-top: 72px; padding-top: 62px; border-top: 1px solid #eadfd8; text-align: center; }
.student-results h3 { max-width: 760px; margin: 0 auto 32px; color: #241812; font-size: clamp(30px, 4.2vw, 48px); line-height: 1.08; letter-spacing: -.045em; }
.ranking-proof { max-width: 780px; margin: 0 auto; padding: 8px; border: 1px solid #ded9d2; border-radius: 20px; background: #0d1222; box-shadow: 0 24px 60px rgba(20,21,34,.18); }
.ranking-proof img { display: block; width: 100%; height: auto; border-radius: 13px; }
.student-results > p { max-width: 760px; margin: 28px auto 0; color: #655a52; font-size: clamp(16px, 1.7vw, 19px); font-weight: 600; line-height: 1.7; }
.red-highlight { position: relative; z-index: 0; display: inline-block; padding: 0 .2em; color: #fff; background: transparent; font: inherit; font-weight: 800; isolation: isolate; }
.red-highlight::before { position: absolute; z-index: -1; inset: .08em -.08em .02em; background: linear-gradient(95deg, #d9291f, #f0442d 58%, #c91f19); clip-path: polygon(1% 17%, 99% 2%, 97% 91%, 2% 100%); box-shadow: 0 5px 15px rgba(217,41,31,.2); content: ""; transform: rotate(-1deg); }
.red-highlight-long { display: inline; padding: .05em .2em; background: linear-gradient(95deg, #d9291f, #f0442d 58%, #c91f19); box-decoration-break: clone; -webkit-box-decoration-break: clone; box-shadow: 0 4px 12px rgba(217,41,31,.18); }
.red-highlight-long::before { display: none; }

.final-video-section { display: flex; flex-direction: column; align-items: center; padding: 110px max(24px, calc((100vw - 1060px) / 2)) 120px; color: #241812; background: #fff; text-align: center; }
.final-video-copy { max-width: 890px; }
.final-video-copy h2 { margin-bottom: 20px; font-size: clamp(38px, 5.4vw, 62px); line-height: 1.05; letter-spacing: -.055em; }
.final-video-copy p { max-width: 820px; margin: 0 auto; color: #6f635b; font-size: clamp(16px, 1.8vw, 20px); line-height: 1.7; }
.final-video-frame { position: relative; width: 100%; margin-top: 46px; padding: 10px; border: 1px solid #ded8d1; border-radius: 24px; overflow: hidden; background: #0b0b0a; box-shadow: 0 30px 75px rgba(55,31,20,.17); }
.final-video-frame::after { position: absolute; inset: 10px; pointer-events: none; border: 1px solid rgba(255,255,255,.17); border-radius: 15px; content: ""; }
.final-video-frame video { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 15px; object-fit: cover; }
.final-large-cta { min-width: min(100%, 560px); min-height: 72px; margin-top: 42px; padding: 20px 34px; font-size: 15px; }
.decision-list { display: grid; gap: 10px; margin-top: 26px; }
.decision-list > div { display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 13px; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.02); }
.decision-list span { padding: 7px; border-radius: 8px; color: #07130e; font-size: 8px; font-weight: 900; text-align: center; }
.decision-list p { margin: 0; color: #948e85; font-size: 10px; line-height: 1.45; }
.decision-green { background: var(--green); }
.decision-orange { background: var(--gold); }
.decision-red { background: #ff6252; }
.method-orbit { position: relative; min-height: 370px; }
.orbit-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(255,122,47,.2); border-radius: 50%; transform: translate(-50%, -50%); }
.ring-one { width: 320px; height: 320px; }
.ring-two { width: 225px; height: 225px; border-style: dashed; animation: rotate 22s linear infinite; }
.orbit-center { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 135px; height: 135px; border: 1px solid rgba(255,122,47,.38); border-radius: 50%; background: radial-gradient(circle, rgba(238,77,45,.25), rgba(238,77,45,.04) 70%); box-shadow: 0 0 70px rgba(238,77,45,.12); transform: translate(-50%, -50%); }
.orbit-center span, .orbit-center strong { display: block; }
.orbit-center span { color: var(--orange-2); font-family: "Sora", sans-serif; font-size: 31px; font-weight: 800; }
.orbit-center strong { color: #9d948a; font-size: 8px; letter-spacing: .13em; }
.orbit-dot { position: absolute; display: block; width: 18px; height: 18px; border: 4px solid #1a1714; border-radius: 50%; background: var(--orange-2); box-shadow: 0 0 18px rgba(255,122,47,.5); }
.dot-one { top: 12%; left: 48%; }.dot-two { top: 66%; left: 14%; }.dot-three { top: 72%; right: 12%; }

.final-section { display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 70px; padding: 100px max(25px, calc((100vw - 1100px) / 2)); overflow: hidden; background: linear-gradient(120deg, #25110c, #0f0d0b 56%, #090908); }
.final-copy { position: relative; z-index: 2; }
.final-copy small { display: block; margin-top: 14px; color: #706860; font-size: 8px; }
.final-preview { position: relative; transform: rotate(3deg); }
.final-preview::before { position: absolute; inset: 10px -16px -16px 16px; border: 1px solid rgba(255,122,47,.18); border-radius: 18px; background: #14120f; content: ""; }
.final-preview img { position: relative; z-index: 1; display: block; width: 100%; border: 1px solid rgba(255,122,47,.3); border-radius: 18px; box-shadow: var(--shadow); }

footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 30px max(25px, calc((100vw - 1120px) / 2)); border-top: 1px solid var(--line); background: #070706; }
footer p { margin: 0; color: #615c56; font-size: 9px; }
.footer-brand { transform: scale(.86); transform-origin: left center; }

.lead-modal { width: min(92vw, 580px); padding: 0; border: 1px solid rgba(255,255,255,.14); border-radius: 25px; color: var(--cream); background: #0d0d0c; box-shadow: 0 35px 100px rgba(0,0,0,.72); overflow: hidden; }
.lead-modal::backdrop { background: rgba(5,5,4,.78); backdrop-filter: blur(11px); }
.modal-progress { height: 4px; background: rgba(255,255,255,.05); }
.modal-progress span { display: block; width: 74%; height: 100%; background: linear-gradient(90deg, var(--orange), var(--orange-2)); }
.modal-close { position: absolute; z-index: 2; top: 17px; right: 17px; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 11px; color: #8f8980; background: #171613; cursor: pointer; font-size: 23px; }
.modal-content, .modal-success { padding: 44px 42px 38px; text-align: center; }
.modal-badge { display: inline-flex; margin-bottom: 16px; padding: 7px 10px; border: 1px solid rgba(54,212,140,.22); border-radius: 999px; color: var(--green); background: rgba(54,212,140,.06); font-size: 8px; font-weight: 900; letter-spacing: .11em; }
.modal-content h2, .modal-success h2 { margin-bottom: 11px; font-size: clamp(26px, 5vw, 34px); line-height: 1.13; letter-spacing: -.04em; }
.modal-content h2 em { color: var(--orange-2); font-style: normal; }
.modal-content > p, .modal-success p { color: #8e8880; font-size: 12px; }
#lead-form { display: grid; gap: 12px; margin-top: 25px; text-align: left; }
.name-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#lead-form label > span { display: block; margin: 0 0 6px 4px; color: #868078; font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
#lead-form input { width: 100%; height: 52px; padding: 0 15px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; outline: 0; color: #fff; background: #191816; font-size: 12px; transition: border-color .2s, box-shadow .2s; }
#lead-form input:focus { border-color: rgba(255,122,47,.6); box-shadow: 0 0 0 4px rgba(238,77,45,.08); }
#lead-form input.is-invalid { border-color: #ff6252; }
.form-error { min-height: 15px; color: #ff8a7d; font-size: 9px; text-align: center; }
.modal-submit { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 55px; border: 0; border-radius: 14px; color: #200b04; background: linear-gradient(180deg, #ff9650, #ee4d2d); box-shadow: 0 15px 30px rgba(238,77,45,.22); cursor: pointer; font-family: "Sora", sans-serif; font-size: 11px; font-weight: 800; text-decoration: none; }
#lead-form > small { color: #625d57; font-size: 8px; line-height: 1.5; text-align: center; }
.success-icon { display: grid; place-items: center; width: 70px; height: 70px; margin: 0 auto 18px; border: 1px solid rgba(54,212,140,.32); border-radius: 50%; color: #06130d; background: var(--green); box-shadow: 0 0 45px rgba(54,212,140,.18); font-size: 30px; font-weight: 900; }
.success-download { margin-top: 22px; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
body.modal-open { overflow: hidden; }

@keyframes rotate { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes cta-shine { 0%, 52% { left: -36%; } 82%, 100% { left: 118%; } }
@keyframes cta-glow { 0%, 100% { box-shadow: 0 17px 38px rgba(238,77,45,.27), 0 0 0 0 rgba(255,103,53,.26), inset 0 1px rgba(255,255,255,.42); } 50% { box-shadow: 0 20px 48px rgba(238,77,45,.4), 0 0 0 8px rgba(255,103,53,.06), inset 0 1px rgba(255,255,255,.5); } }

@media (max-width: 920px) {
  .hero { grid-template-columns: 1fr; padding-top: 82px; text-align: center; }
  .hero-copy { display: flex; flex-direction: column; align-items: center; }
  .hero-list { text-align: left; }
  .hero-visual { width: min(100%, 660px); margin: 0 auto; }
  .ebook-image-wrap { inset: -20px -10px -15px; }
  .ebook-book { width: min(72%, 420px); }
  .inside-section { grid-template-columns: 1fr; }
  .inside-intro { position: static; max-width: 720px; }
  .method-panel { padding: 46px; }
}

@media (max-width: 720px) {
  .hero { grid-template-columns: minmax(0, 1fr); min-height: auto; padding: 64px 18px 72px; gap: 20px; }
  h1 { font-size: clamp(38px, 12vw, 53px); }
  .hero-lead { font-size: 15px; }
  .primary-cta { width: 100%; }
  .hero-visual { min-height: 440px; }
  .ebook-image-wrap { inset: 0 -15px -20px; }
  .ebook-image-wrap img { width: 94%; }
  .ebook-book { width: min(74%, 310px); }
  .mockup-cover { padding: 32px 28px; text-align: left; }
  .mockup-cover strong { font-size: 47px; }
  .mockup-cover::after { right: 27px; bottom: 27px; }
  .mockup-cover i { right: 23px; bottom: 41px; }
  .section { padding: 78px 18px; }
  .pain-grid { grid-template-columns: 1fr; }
  .pain-card.featured { transform: none; }
  .inside-grid { grid-template-columns: 1fr; }
  .inside-card:nth-child(2), .inside-card:nth-child(4) { transform: none; }
  .steps-line { grid-template-columns: 1fr; }
  .step-arrow { transform: rotate(90deg); text-align: center; }
  .method-panel { padding: 34px 22px; }
  .results-proof { margin-top: 34px; padding: 5px; border-radius: 12px; }
  .results-proof img { border-radius: 8px; }
  .student-results { margin-top: 46px; padding-top: 42px; }
  .student-results h3 { margin-bottom: 24px; }
  .ranking-proof { padding: 4px; border-radius: 13px; }
  .ranking-proof img { border-radius: 9px; }
  .student-results > p { margin-top: 22px; font-size: 15px; }
  .final-video-section { padding: 78px 18px 90px; }
  .final-video-frame { margin-top: 32px; padding: 5px; border-radius: 15px; }
  .final-video-frame::after { inset: 5px; border-radius: 10px; }
  .final-video-frame video { border-radius: 10px; }
  .final-large-cta { min-height: 66px; margin-top: 30px; padding: 16px 18px; font-size: 12px; }
  .ring-one { width: 280px; height: 280px; }
  .ring-two { width: 195px; height: 195px; }
  .final-section { grid-template-columns: 1fr; padding: 78px 18px; text-align: center; }
  .final-copy { display: flex; flex-direction: column; align-items: center; }
  .final-preview { margin-top: 12px; }
  footer { flex-direction: column; text-align: center; }
  .footer-brand { transform-origin: center; }
  .modal-content, .modal-success { padding: 42px 19px 28px; }
  .name-row { grid-template-columns: 1fr; }
  .lead-modal { max-height: calc(100dvh - 24px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
  .modal-close { top: 12px; right: 12px; width: 44px; height: 44px; }
  #lead-form input { font-size: 16px; }
  .text-cta { display: inline-flex; align-items: center; min-height: 44px; }
  .reveal { transform: translateY(10px); transition-duration: .4s; }
  .results-proof a, .ranking-proof a { -webkit-tap-highlight-color: rgba(238,77,45,.14); }
  .zoom-caption { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 36px; padding: 8px 8px 3px; color: #9a4935; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
  .zoom-caption::before { content: "⌕"; font-size: 15px; }
  .zoom-caption-dark { color: #e3bd67; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 1ms !important; transition-duration: 1ms !important; }
  .reveal { opacity: 1; transform: none; }
}