:root {
  --navy: #172b4d;
  --yellow: #ffc93c;
  --sky: #53b7d6;
  --cream: #fff9e9;
  --white: #ffffff;
  --ink: #182230;
  --muted: #52647a;
  --green: #22c55e;
  --green-dark: #16a34a;
  --line: #e8d9ae;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.site-page { min-height: 100vh; background: var(--cream); overflow: hidden; }
.top-offer-strip { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 36px; padding: 8px 12px; background: #ef101b; color: var(--white); font-size: 13px; font-weight: 850; letter-spacing: .01em; line-height: 1.15; text-align: center; }
.page-shell { width: 100%; max-width: 480px; margin: 0 auto; padding: 26px 18px 46px; overflow: hidden; }
.hero-section, .section, .final-section { text-align: center; }
.hero-section { position: relative; }
.eyebrow, .section-kicker { display: inline-block; border-radius: 999px; font-weight: 900; letter-spacing: .05em; line-height: 1; text-transform: uppercase; }
.eyebrow { padding: 7px 13px; border: 1px solid rgb(255 201 60 / 80%); background: var(--yellow); color: var(--navy); font-size: 10px; }
h1, h2, h3, p { margin: 0; }
h1 { max-width: 425px; margin: 16px auto 0; color: var(--navy); font-size: clamp(25px, 7vw, 34px); font-weight: 950; letter-spacing: -.045em; line-height: 1.06; }
.hero-copy, .section-copy { max-width: 390px; margin: 14px auto 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.hero-visual { position: relative; max-width: 370px; margin: 22px auto 0; overflow: hidden; border: 4px solid var(--navy); border-radius: 20px; background: var(--navy); box-shadow: 0 13px 0 rgb(23 43 77 / 10%); }
.hero-visual img { display: block; width: 100%; height: auto; }
.visual-stamp { position: absolute; top: 13px; right: 10px; padding: 6px 9px; border: 2px solid var(--navy); background: var(--yellow); color: var(--navy); font-size: 8px; font-weight: 950; letter-spacing: .08em; transform: rotate(4deg); }
.hero-benefits { display: grid; gap: 7px; max-width: 360px; margin: 20px auto 16px; }
.mini-chip, .ideal-row, .benefit-row { display: flex; align-items: center; gap: 9px; border: 1px solid #c9e8ef; border-radius: 12px; background: var(--white); text-align: left; }
.mini-chip { min-height: 34px; padding: 8px 11px; color: var(--navy); font-size: 10px; font-weight: 700; line-height: 1.2; box-shadow: 0 3px 12px rgb(23 43 77 / 5%); }
.mini-chip span { display: grid; width: 23px; height: 23px; flex: 0 0 auto; place-items: center; border-radius: 7px; background: var(--sky); font-size: 13px; }
.cta-button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 45px; padding: 11px 14px; border: 0; border-radius: 12px; background: var(--green); color: var(--white); box-shadow: 0 8px 20px -10px rgb(34 197 94 / 80%); cursor: pointer; font-size: 11px; font-weight: 950; letter-spacing: .015em; text-align: center; transition: background .2s, transform .2s, box-shadow .2s; }
.cta-button:hover, .cta-button:focus-visible { background: var(--green-dark); transform: translateY(-2px); box-shadow: 0 11px 22px -9px rgb(22 163 74 / 80%); }
.cta-button { animation: cta-breathe 3.6s ease-in-out infinite; }

.section { margin-top: 48px; }
.section h2, .final-section h2 { max-width: 420px; margin-right: auto; margin-left: auto; color: var(--navy); font-size: 21px; font-weight: 950; letter-spacing: -.045em; line-height: 1.1; }
.section-kicker { margin-bottom: 9px; padding: 5px 10px; background: var(--yellow); color: var(--navy); font-size: 8px; }
.section-copy strong { color: var(--navy); }
.section-ending { max-width: 350px; margin: 16px auto 0; color: var(--navy); font-size: 11px; font-weight: 800; line-height: 1.35; }

.investigation-section { padding: 23px 14px; border: 2px dashed rgb(83 183 214 / 60%); border-radius: 18px; background: rgb(255 255 255 / 55%); }
.question-grid { display: grid; gap: 7px; margin-top: 18px; }
.question-card { display: flex; align-items: center; gap: 9px; min-height: 39px; padding: 8px 11px; border: 1px solid #d5e9ef; border-radius: 10px; background: var(--white); color: var(--navy); text-align: left; box-shadow: 0 3px 10px rgb(23 43 77 / 4%); }
.question-card span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 7px; background: var(--sky); font-size: 13px; }
.question-card strong { font-size: 10px; line-height: 1.2; }

.carousel { position: relative; max-width: 360px; margin: 19px auto 0; overflow: hidden; border: 4px solid var(--navy); border-radius: 15px; background: var(--navy); box-shadow: 0 8px 0 rgb(23 43 77 / 12%); }
.carousel-track { display: flex; transition: transform .35s ease-out; }
.carousel-track img { width: 100%; height: 220px; flex: 0 0 100%; display: block; object-fit: cover; }
.carousel-arrow { position: absolute; top: 50%; display: grid; width: 28px; height: 28px; place-items: center; transform: translateY(-50%); border: 2px solid var(--navy); border-radius: 50%; background: var(--yellow); color: var(--navy); font-size: 25px; font-weight: 900; line-height: 18px; cursor: pointer; }
.carousel-arrow.prev { left: 8px; }
.carousel-arrow.next { right: 8px; }
.carousel-dots { display: flex; justify-content: center; gap: 4px; margin-top: 10px; }
.carousel-dots span { width: 6px; height: 6px; border-radius: 50%; background: #b5dce6; }
.carousel-dots span.active { width: 17px; border-radius: 999px; background: var(--navy); }
.practice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; max-width: 380px; margin: 18px auto 0; }
.practice-card { display: flex; align-items: center; gap: 7px; min-height: 40px; padding: 8px; border: 1px solid #e7dcae; border-radius: 11px; background: var(--white); color: var(--navy); text-align: left; box-shadow: 0 3px 9px rgb(23 43 77 / 4%); }
.practice-card span { font-size: 15px; }
.practice-card strong { font-size: 9px; line-height: 1.15; }
.highlight-note { max-width: 360px; margin: 16px auto 0; padding: 10px 12px; border: 2px solid var(--yellow); border-radius: 10px; background: #fff3bf; color: var(--navy); font-size: 10px; font-weight: 850; line-height: 1.25; }

.experience-section { margin-top: 52px; }
.experience-section h2 { max-width: 400px; }
.experience-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 430px; margin: 19px auto 0; }
.experience-item { min-width: 0; text-align: center; }
.experience-item img { display: block; width: 100%; max-height: 260px; object-fit: contain; border: 3px solid var(--navy); border-radius: 17px; background: var(--white); box-shadow: 0 8px 18px rgb(23 43 77 / 12%); }
.experience-item h3 { margin-top: 11px; color: var(--navy); font-size: 12px; font-weight: 950; line-height: 1.15; }
.experience-item p { margin-top: 6px; color: var(--muted); font-size: 9px; line-height: 1.3; }
.experience-highlight { margin: 19px auto 0; color: var(--green-dark); font-size: 13px; font-weight: 950; }
.experience-ending { max-width: 360px; margin: 8px auto 0; color: var(--navy); font-size: 11px; line-height: 1.3; }
.kit-section .cta-button { max-width: 360px; margin: 16px auto 0; }

.ideal-section { margin-top: 50px; }
.ideal-list { display: grid; gap: 7px; max-width: 380px; margin: 18px auto 0; }
.ideal-row { min-height: 37px; padding: 7px 10px; border-color: #e5dcae; background: var(--white); }
.ideal-row:nth-child(2n) { border-color: #bfe4ee; background: #f2fbfd; }
.ideal-row > span { font-size: 14px; }
.ideal-row p { color: var(--navy); font-size: 10px; font-weight: 700; line-height: 1.15; }
.ideal-row b { margin-left: auto; color: var(--yellow); font-size: 12px; }

.steps-section { margin-top: 48px; }
.steps-list { display: grid; gap: 8px; max-width: 390px; margin: 18px auto 0; }
.step-row { display: flex; align-items: flex-start; gap: 9px; padding: 10px; border: 1px solid #c7e6ee; border-radius: 12px; background: var(--white); text-align: left; box-shadow: 0 4px 11px rgb(23 43 77 / 4%); }
.step-row:nth-child(2n) { background: #f4fbfd; }
.step-row:nth-child(3) { border-color: #f1d881; background: #fff9df; }
.step-row:nth-child(5) { border-color: #c6e4c8; background: #f1fff4; }
.step-row > span { display: grid; width: 26px; height: 26px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--navy); color: var(--yellow); font-size: 12px; font-weight: 950; }
.step-row > div { min-width: 0; }
.step-row strong { display: block; color: var(--navy); font-size: 10px; line-height: 1.2; }
.step-row p { margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.25; }
.step-row em { display: block; margin-top: 6px; color: var(--green-dark); font-size: 9px; font-weight: 850; }
.certificate-note { max-width: 340px; margin: 15px auto 0; padding: 9px 11px; border: 2px solid var(--yellow); border-radius: 10px; background: var(--yellow); color: var(--navy); font-size: 9px; font-weight: 950; }

.kit-section { margin-top: 50px; }
.kit-section h2 em { position: relative; z-index: 1; color: var(--navy); font-style: normal; }
.kit-section h2 em::after { content: ""; position: absolute; z-index: -1; right: -3px; bottom: -1px; left: -3px; height: 9px; border-radius: 999px; background: var(--yellow); }
.vsl-phone-frame { position: relative; width: min(100%, 290px); margin: 17px auto 0; padding: 9px; border: 7px solid #172b4d; border-radius: 34px; background: #0b1930; box-shadow: 0 14px 28px rgb(23 43 77 / 22%); }
.vsl-phone-frame::before { content: ""; position: absolute; z-index: 2; top: 5px; left: 50%; width: 54px; height: 5px; border-radius: 999px; background: #48617e; transform: translateX(-50%); }
.vsl-phone-frame wistia-player { display: block; width: 100%; overflow: hidden; border-radius: 20px; background: #000; }
.kit-mockup { width: 100%; max-width: 360px; margin: 16px auto 0; border: 4px solid var(--navy); border-radius: 15px; }
.kit-list { display: grid; gap: 9px; max-width: 390px; margin: 16px auto 0; text-align: left; }
.kit-row { display: flex; align-items: flex-start; gap: 8px; }
.kit-row > span { display: grid; width: 26px; height: 26px; flex: 0 0 26px; place-items: center; border-radius: 8px; background: var(--sky); font-size: 14px; }
.kit-row strong { display: block; color: var(--navy); font-size: 10px; line-height: 1.15; }
.kit-row p { margin-top: 2px; color: var(--muted); font-size: 9px; line-height: 1.2; }
.offer-pointer { margin-top: 19px; color: var(--green-dark); font-size: 11px; font-weight: 950; }

.cases-section, .mechanism-section { margin-top: 50px; }
.case-grid { display: grid; gap: 8px; margin-top: 18px; }
.case-card { padding: 13px; border: 1px solid #d9e9ed; border-radius: 13px; background: var(--white); box-shadow: 0 4px 12px rgb(23 43 77 / 5%); text-align: left; }
.case-number { color: #c79500; font-size: 8px; font-weight: 950; letter-spacing: .08em; }
.case-card h3 { margin-top: 5px; color: var(--navy); font-size: 13px; font-weight: 950; line-height: 1.15; }
.case-card p { margin-top: 6px; color: var(--muted); font-size: 9px; line-height: 1.25; }
.case-card b { display: inline-block; margin-top: 9px; padding: 4px 6px; border-radius: 7px; background: #edf9fc; color: #2d8198; font-size: 8px; }
.mechanism-section { padding: 22px 14px; border-radius: 18px; background: var(--navy); color: var(--white); }
.mechanism-section h2 { color: var(--white); }
.mechanism-section .section-copy { color: #e2edf2; }
.before-after { display: grid; gap: 8px; margin-top: 18px; }
.before-after > div { padding: 11px; border: 1px dashed #bcc5d2; border-radius: 10px; background: #f8fafc; color: var(--navy); text-align: left; }
.before-after .after { border: 2px solid var(--yellow); background: #fff9e9; }
.before-after span { font-size: 8px; font-weight: 950; letter-spacing: .08em; }
.before-after p { margin-top: 5px; font-size: 10px; font-weight: 800; line-height: 1.2; }
.mechanism-points { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 17px; }
.mechanism-points span { padding: 6px 8px; border-radius: 999px; background: #29466f; color: var(--white); font-size: 9px; font-weight: 800; }

.offers-section { display: grid; grid-template-columns: 1fr; gap: 10px; max-width: 420px; margin: 20px auto 0; }
.offer-card { position: relative; display: flex; min-width: 0; flex-direction: column; align-items: center; padding: 14px 10px 12px; border: 2px solid #d8ebd9; border-radius: 14px; background: var(--white); box-shadow: 0 5px 14px rgb(23 43 77 / 7%); text-align: center; }
.premium-offer { border-color: var(--yellow); background: var(--navy); color: var(--white); box-shadow: 0 7px 18px rgb(23 43 77 / 18%); }
.offer-label, .sale-ribbon { align-self: stretch; border-radius: 999px; padding: 5px 4px; font-size: 7px; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; }
.offer-label { background: #e7faeb; color: var(--green-dark); }
.premium-offer .offer-label { background: var(--yellow); color: var(--navy); }
.sale-ribbon { position: absolute; top: -11px; right: -4px; width: 90px; background: var(--yellow); color: var(--navy); transform: rotate(4deg); }
.offer-card h3 { min-height: 40px; margin-top: 10px; color: var(--navy); font-size: 12px; font-weight: 950; line-height: 1.08; }
.premium-offer h3 { color: var(--yellow); }
.offer-description { min-height: 38px; margin-top: 5px; color: var(--muted); font-size: 9px; line-height: 1.15; }
.premium-offer .offer-description { color: #e2edf2; }
.offer-card img { width: 100%; max-width: 135px; height: 120px; margin: 8px auto 6px; border-radius: 9px; object-fit: cover; }
.offer-card ul { align-self: stretch; min-height: 190px; margin: 0; padding: 0; list-style: none; text-align: left; }
.offer-card li { margin-top: 5px; color: #315240; font-size: 8px; line-height: 1.1; }
.premium-offer li { color: #f7f2df; }
.old-price { margin-top: auto; color: var(--muted); font-size: 9px; }
.premium-offer .old-price { color: #d4e2e9; }
.price { margin-top: 1px; color: var(--green-dark); font-size: 28px; font-weight: 950; line-height: 1; }
.premium-offer .price { color: var(--yellow); }
.payment { margin: 3px 0 8px; color: var(--muted); font-size: 8px; }
.premium-offer .payment { color: #d4e2e9; }
.offer-card .cta-button { min-height: 38px; padding: 8px 4px; font-size: 8px; }
.premium-offer .cta-button { background: var(--green); }
.secure-line { margin-top: 7px; color: var(--muted); font-size: 7px; line-height: 1.1; }
.premium-offer .secure-line { color: #d4e2e9; }
.basic-offer { padding: 30px 30px 28px; border-color: #dbe5f1; border-radius: 30px; box-shadow: 0 14px 32px rgb(23 43 77 / 5%); }
.basic-offer .offer-label { align-self: center; padding: 0; background: transparent; color: var(--navy); font-size: 24px; letter-spacing: -.05em; line-height: 1.05; }
.basic-offer h3 { min-height: auto; margin-top: 13px; color: var(--navy); font-size: 16px; line-height: 1.15; }
.basic-offer .offer-description { min-height: auto; max-width: 330px; margin-top: 9px; color: #71809a; font-size: 11px; line-height: 1.35; }
.basic-offer img { display: none; }
.basic-offer ul { width: 100%; min-height: auto; margin-top: 26px; }
.basic-offer li { margin-top: 12px; color: #31425d; font-size: 13px; line-height: 1.25; }
.basic-offer .old-price { margin-top: 28px; color: #aebbd0; font-size: 18px; font-weight: 850; text-decoration: line-through; }
.basic-offer .price { margin-top: 3px; color: var(--green); font-size: 62px; letter-spacing: -.06em; }
.basic-offer .payment { margin: 4px 0 0; padding: 8px 16px; border-radius: 999px; background: #edfff4; color: #8293aa; font-size: 14px; font-weight: 850; }
.basic-offer .secure-line { order: 2; align-self: stretch; margin-top: 22px; padding: 17px 15px; border: 2px solid #c7f8d9; border-radius: 24px; background: #f3fff7; color: #42546e; font-size: 11px; font-weight: 800; line-height: 1.35; text-align: left; }
.basic-offer .cta-button { order: 3; min-height: 70px; margin-top: 18px; border-radius: 18px; font-size: 19px; }
.premium-offer { padding: 0 30px 28px; border: 7px solid #2f64dc; border-radius: 30px; background: var(--white); color: var(--ink); box-shadow: 0 14px 32px rgb(47 100 220 / 15%); overflow: hidden; }
.premium-offer .sale-ribbon { position: static; width: calc(100% + 60px); margin: 0 -30px 24px; padding: 15px 8px; border-radius: 0; background: #ff6b00; color: var(--white); font-size: 14px; letter-spacing: .08em; transform: none; }
.premium-offer .offer-label { align-self: center; padding: 6px 12px; background: #eef4ff; color: #2458c4; font-size: 10px; }
.premium-offer h3 { min-height: auto; margin-top: 15px; color: var(--navy); font-size: 25px; line-height: 1.08; }
.premium-offer img { display: none; }
.premium-offer .offer-description { min-height: auto; margin-top: 9px; color: #71809a; font-size: 11px; line-height: 1.35; }
.premium-offer ul { width: 100%; min-height: auto; margin-top: 26px; padding: 14px; border: 2px solid #d5e4ff; border-radius: 24px; background: #f0f6ff; }
.premium-offer li { margin-top: 8px; padding: 12px 13px; border-radius: 18px; background: var(--white); color: #234286; font-size: 13px; font-weight: 800; line-height: 1.25; }
.premium-offer .old-price { margin-top: 26px; color: #aebbd0; font-size: 18px; font-weight: 850; text-decoration: line-through; }
.premium-offer .price { margin-top: 3px; color: var(--green); font-size: 62px; letter-spacing: -.06em; }
.premium-offer .payment { margin: 4px 0 0; padding: 8px 16px; border-radius: 999px; background: #eef4ff; color: #8293aa; font-size: 14px; font-weight: 850; }
.premium-offer .secure-line { order: 2; align-self: stretch; margin-top: 22px; padding: 17px 15px; border: 2px solid #c7f8d9; border-radius: 24px; background: #f3fff7; color: #42546e; font-size: 11px; font-weight: 800; line-height: 1.35; text-align: left; }
.premium-offer .cta-button { order: 3; min-height: 70px; margin-top: 18px; border-radius: 18px; font-size: 19px; }
.whatsapp-note { margin-top: 18px; padding: 12px; border: 1px solid #aee3bd; border-radius: 11px; background: #edfff1; color: #19733a; font-size: 10px; font-weight: 850; line-height: 1.3; text-align: center; }
.whatsapp-note small { display: block; margin-top: 5px; font-size: 9px; font-weight: 600; }

.faq-section { margin-top: 42px; }
.faq-list { margin-top: 18px; overflow: hidden; border: 1px solid #d7e8ed; border-radius: 11px; background: var(--white); text-align: left; }
.faq-list details { border-bottom: 1px solid #e4edf0; }
.faq-list details:last-child { border-bottom: 0; }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px; color: var(--navy); font-size: 10px; font-weight: 750; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--green-dark); font-size: 15px; transition: transform .2s; }
.faq-list details[open] summary span { transform: rotate(180deg); }
.faq-list details p { padding: 0 12px 12px; color: var(--muted); font-size: 9px; line-height: 1.4; }

.final-section { margin-top: 42px; padding: 24px 15px 20px; border-radius: 19px; background: var(--navy); color: var(--white); }
.final-section .section-kicker { background: var(--yellow); color: var(--navy); }
.final-section h2 { color: var(--white); }
.final-section > p { max-width: 300px; margin: 12px auto 0; color: #e2edf2; font-size: 10px; line-height: 1.35; }
.final-clues { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 16px auto; }
.final-clues span { padding: 6px 8px; border-radius: 999px; background: #29466f; color: var(--white); font-size: 9px; font-weight: 800; }
.final-section h3 { max-width: 320px; margin: 0 auto 17px; color: var(--yellow); font-size: 13px; line-height: 1.2; }
.final-section .cta-button { max-width: 330px; margin: 0 auto; }
.final-meta { margin-top: 13px; color: #d4e2e9; font-size: 8px; }
.help { margin-top: 22px; }
.help strong { color: var(--yellow); font-size: 10px; }
.help p { max-width: 280px; margin: 8px auto 0; color: #d4e2e9; font-size: 8px; line-height: 1.35; }

.upgrade-overlay { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 18px; background: rgb(13 23 39 / 72%); backdrop-filter: blur(5px); animation: modal-fade .22s ease both; }
.upgrade-overlay[hidden] { display: none; }
.upgrade-modal { position: relative; width: min(100%, 560px); max-height: min(92vh, 820px); overflow: auto; overscroll-behavior: contain; border: 3px solid var(--navy); border-radius: 28px; background: var(--white); box-shadow: 0 24px 70px rgb(0 0 0 / 28%); animation: modal-pop .28s ease both; }
.upgrade-modal-header { position: relative; padding: 26px 48px 22px; background: linear-gradient(135deg, var(--navy), #2b629d); color: var(--white); text-align: center; }
.modal-close { position: absolute; top: 8px; right: 10px; display: grid; width: 36px; height: 36px; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--white); cursor: pointer; font-size: 30px; line-height: 1; }
.modal-close:hover, .modal-close:focus-visible { background: rgb(255 255 255 / 16%); }
.modal-gift { display: grid; width: 54px; height: 54px; margin: 0 auto 13px; place-items: center; border-radius: 17px; background: rgb(255 255 255 / 16%); font-size: 28px; }
.upgrade-modal-header h2 { margin: 0; color: var(--white); font-size: clamp(20px, 5vw, 28px); font-weight: 950; letter-spacing: -.04em; line-height: 1.08; }
.upgrade-modal-body { padding: 22px 24px 24px; text-align: center; }
.upgrade-modal-body > h3 { margin: 0; color: var(--navy); font-size: 16px; font-weight: 950; letter-spacing: .02em; }
.upgrade-loss-list { margin: 16px 0 18px; padding: 15px 17px; border: 2px solid #ffd3d7; border-radius: 18px; background: #fff7f8; list-style: none; text-align: left; }
.upgrade-loss-list li { margin-top: 10px; color: #33415a; font-size: 13px; font-weight: 750; line-height: 1.25; }
.upgrade-loss-list li:first-child { margin-top: 0; }
.upgrade-opportunity { padding: 18px 16px; border: 2px solid #c6f2d5; border-radius: 18px; background: #effff4; color: var(--navy); }
.upgrade-opportunity p { margin: 0; font-size: 14px; font-weight: 850; line-height: 1.25; }
.upgrade-opportunity p strong { color: var(--green-dark); }
.upgrade-opportunity h3 { margin: 6px 0; color: var(--green-dark); font-size: 25px; font-weight: 950; letter-spacing: -.04em; line-height: 1; }
.upgrade-opportunity > strong { display: block; color: var(--navy); font-size: 14px; line-height: 1.25; }
.upgrade-opportunity small { display: block; margin-top: 8px; color: #6b7e96; font-size: 10px; font-weight: 700; line-height: 1.3; }
.upgrade-cta { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 64px; margin-top: 18px; padding: 13px 18px; border: 0; border-radius: 15px; background: var(--green); color: var(--white); cursor: pointer; font-size: 16px; font-weight: 950; line-height: 1.15; box-shadow: 0 9px 22px -11px rgb(34 197 94 / 85%); transition: background .2s, transform .2s, box-shadow .2s; }
.upgrade-cta:hover, .upgrade-cta:focus-visible { background: var(--green-dark); transform: translateY(-2px); box-shadow: 0 13px 26px -11px rgb(22 163 74 / 85%); }
.upgrade-cta small { margin-top: 5px; font-size: 11px; font-weight: 850; }
.upgrade-decline { display: block; width: 100%; margin-top: 10px; padding: 11px 14px; border: 2px solid #dce5f1; border-radius: 14px; background: var(--white); color: #8192aa; cursor: pointer; font-size: 11px; font-weight: 800; line-height: 1.2; }
.upgrade-decline:hover, .upgrade-decline:focus-visible { border-color: #b9c9dc; background: #f8fbff; color: #5e718b; }

@keyframes cta-breathe { 0%, 100% { box-shadow: 0 6px 18px -8px rgb(34 197 94 / 60%); transform: scale(1); } 50% { box-shadow: 0 10px 22px -9px rgb(34 197 94 / 70%); transform: scale(1.012); } }
@keyframes modal-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes modal-pop { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }

@media (prefers-reduced-motion: reduce) {
  .cta-button { animation: none; }
}

@media (max-width: 430px) {
  .page-shell { padding-right: 14px; padding-left: 14px; }
  .offers-section { grid-template-columns: 1fr; }
  .offer-card ul { min-height: auto; }
  .practice-grid { grid-template-columns: 1fr 1fr; }
  .carousel-track img { height: 195px; }
  .experience-grid { grid-template-columns: 1fr; max-width: 270px; gap: 19px; }
  .experience-item img { max-height: 235px; margin-right: auto; margin-left: auto; }
  .upgrade-overlay { padding: 10px; }
  .upgrade-modal { max-height: 94vh; border-radius: 22px; }
  .upgrade-modal-header { padding: 24px 36px 20px; }
  .upgrade-modal-body { padding: 19px 15px 18px; }
  .upgrade-loss-list { padding: 13px 14px; }
  .upgrade-loss-list li { font-size: 12px; }
  .upgrade-cta { font-size: 14px; }
}

@media (max-width: 350px) {
  .top-offer-strip { font-size: 11px; }
}

@media (max-width: 350px) {
  h1 { font-size: 23px; }
  .practice-grid { grid-template-columns: 1fr; }
}
/* Preserved detective palette and editorial style */
.page-shell{max-width:1040px;padding:36px 24px 60px}h1{max-width:800px;font-size:clamp(32px,4.8vw,54px);line-height:1.08}.hero-copy,.section-copy{max-width:640px;font-size:16px;line-height:1.65}.hero-visual{max-width:650px;background:transparent;border:0;box-shadow:none;overflow:visible}.hero-benefits{max-width:600px}.mini-chip{font-size:14px;min-height:45px}.cta-button{max-width:600px;margin:22px auto;font-size:15px;min-height:56px}.section{margin-top:76px}.section h2,.final-section h2,.demo-section h2{max-width:750px;font-size:clamp(25px,3.6vw,36px);line-height:1.18}.demo-section{margin-top:24px}.demo-section small{display:block;color:var(--muted);font-size:12px}.demo-window{overflow:hidden;margin:26px -24px;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}.demo-track{display:flex;width:max-content;animation:roll 38s linear infinite;margin:14px 0}.demo-track.reverse{animation-direction:reverse;animation-duration:44s}.demo-group{display:flex;gap:16px;padding-right:16px}.demo-group img{width:220px;aspect-ratio:0.707;object-fit:cover;border:1px solid #e8d9ae;border-radius:7px;box-shadow:0 7px 15px #172b4d14;pointer-events:none;user-select:none}@keyframes roll{to{transform:translateX(-50%)}}.practice-grid{max-width:760px;grid-template-columns:repeat(4,1fr)}.practice-card{min-height:70px}.practice-card strong{font-size:13px}.highlight-note{max-width:700px;font-size:15px}.ideal-list,.steps-list{max-width:720px}.ideal-row p,.step-row strong{font-size:15px}.step-row p,.step-row em{font-size:14px;line-height:1.5}.ideal-row,.step-row{padding:16px}.question-card strong{font-size:15px}.question-grid{grid-template-columns:repeat(2,1fr)}.section-ending{font-size:15px;max-width:650px}.case-grid{max-width:850px}.case-card h3{font-size:18px}.case-card p{font-size:14px;line-height:1.6}.case-card b{font-size:12px}.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.bonus-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 14px}.bonus-card img{width:100%;aspect-ratio:1;object-fit:contain}.bonus-card h3{color:var(--navy);font-size:19px;margin:12px 0}.bonus-card p{font-size:14px;line-height:1.6;color:var(--muted)}.offers-section{display:flex;flex-direction:column;gap:28px;align-items:center}.offer-card{width:100%;max-width:620px;padding:32px 28px}.offer-card h3{font-size:26px}.offer-card ul{font-size:16px;line-height:1.8;text-align:left;list-style:none;padding:0}.offer-card img{max-height:360px;object-fit:contain}.offer-card .price{font-size:60px}.offer-card .secure-line{font-size:12px}.guarantee{padding:34px;border:2px dashed #d8b85b;border-radius:24px;background:#fffdf5}.guarantee img{max-width:350px;width:100%;display:block;margin:auto}.guarantee p{max-width:600px;margin:auto;line-height:1.7;color:var(--muted)}.guarantee-seal{display:flex;flex-direction:column;justify-content:center;margin:0 auto 25px;width:140px;height:140px;border-radius:50%;background:var(--yellow);border:7px double var(--navy);font-weight:950;font-size:64px;line-height:1;color:var(--navy)}.guarantee-seal span{font-size:11px;line-height:1.5;margin-top:8px}.faq-list{max-width:760px;margin:24px auto}.faq-list summary{font-size:16px}.faq-list details p{font-size:14px;line-height:1.6}.final-section{margin-top:70px}.final-section p,.final-section h3{font-size:17px;line-height:1.6}.whatsapp-note{font-size:16px;line-height:1.6}dialog{max-width:420px;width:calc(100% - 40px);border:2px solid var(--yellow);border-radius:20px;padding:28px;color:var(--navy)}dialog::backdrop{background:#172b4dbb}dialog p{margin:16px 0;line-height:1.6}a,button{scroll-margin-top:24px}#premium{scroll-margin-top:25px}@media(max-width:640px){.page-shell{padding:26px 18px 40px}.demo-window{margin-left:-18px;margin-right:-18px}.demo-group img{width:180px}.bonus-grid{grid-template-columns:1fr}.bonus-card img{max-width:320px}.practice-grid{grid-template-columns:repeat(2,1fr)}.question-grid{grid-template-columns:1fr}.offer-card{padding:30px 18px}.section{margin-top:50px}.hero-copy,.section-copy{font-size:15px}.guarantee{padding:25px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-track{animation:none}.cta-button{animation:none}}
.offers-section{max-width:620px;margin:60px auto 0}.offer-card img,.premium-offer img{display:block;width:100%;max-width:480px;height:auto;max-height:360px;object-fit:contain}.premium-offer{border-color:var(--yellow)}.premium-offer .offer-label{background:var(--yellow);color:var(--navy)}.premium-offer li{font-size:15px}.offer-card .cta-button{font-size:15px}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-card:last-child{grid-column:1/-1}@media(max-width:640px){.case-grid{grid-template-columns:1fr}}
.offer-card .payment{font-size:14px}.basic-offer li{font-size:15px;line-height:1.6}.basic-offer .secure-line,.premium-offer .secure-line{font-size:12px}.demo-section .section-kicker{margin-bottom:14px}.eyebrow{font-size:12px}.section-kicker{font-size:10px}.certificate-note{font-size:12px;max-width:480px}.final-meta{font-size:13px}
.video-frame{max-width:360px;margin:24px auto;aspect-ratio:0.4627;overflow:hidden;border:4px solid var(--navy);border-radius:20px;background:var(--navy)}.video-frame iframe{border:0;width:100%;height:100%}

.guarantee img.guarantee-badge{display:block;width:200px;max-width:70%;height:auto;margin:0 auto 25px;object-fit:contain}

.demo-group img { height: auto; }

#exit-offer {
  position: fixed; inset: 0; margin: auto; box-sizing: border-box;
  width: min(92vw, 420px); max-height: 90vh; overflow: auto;
  padding: 48px 24px 24px; border: 3px solid var(--yellow); border-radius: 20px;
  color: var(--navy); background: var(--cream); text-align: center;
}
#exit-offer:not([open]) { display: none; }
#exit-offer::backdrop { background: rgb(18 33 55 / 75%); }
#exit-offer h2 { margin: 0 0 12px; font-size: 26px; line-height: 1.15; }
#exit-offer p { line-height: 1.45; }
#exit-offer .cta-button { margin: 14px auto 4px; }
.exit-price { margin: 16px 0 0; }
.exit-price strong { display: block; font-size: 38px; }
.exit-close, .exit-dismiss { min-height: 44px; border: 0; background: transparent; color: inherit; cursor: pointer; }
.exit-close { position: absolute; top: 2px; right: 4px; width: 44px; font-size: 28px; }
.exit-dismiss { padding: 8px; font-size: 15px; text-decoration: underline; }