@font-face { font-family: Inter; src: url("/assets/inter.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: Cormorant; src: url("/assets/cormorant.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: Cormorant; src: url("/assets/cormorant-italic.woff2") format("woff2"); font-style: italic; font-weight: 300 700; font-display: swap; }
:root { --forest: #22382c; --cream: #f3ebdc; --paper: #fbf7ef; --clay: #a9532f; --gold: #c2a066; --mint: #e9eee5; --ink: #26382c; --muted: #58685a; --line: #dacdb7; --white: #fff; --shadow: 0 18px 55px #22382c12; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0px; background: var(--paper); color: var(--ink); font: 17px / 1.7 Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--clay); text-underline-offset: 4px; }
button, input { font: inherit; }
button, a, input { touch-action: manipulation; }
img { display: block; max-width: 100%; height: auto; }
h1, h2, h3, p { margin-top: 0px; }
h1, h2, h3 { font-family: Cormorant, Georgia, serif; font-weight: 600; line-height: 1.05; letter-spacing: -0.025em; }
h1 { font-size: clamp(45px, 5.8vw, 78px); margin-bottom: 25px; }
h2 { font-size: clamp(35px, 4vw, 51px); margin-bottom: 22px; }
h3 { font-size: 29px; margin-bottom: 12px; }
h1 em, h2 em { color: var(--clay); font-weight: 600; }
p { margin-bottom: 22px; }
ul, ol { padding-left: 22px; }
[hidden] { display: none !important; }
:focus-visible { outline: rgb(194, 160, 102) solid 3px; outline-offset: 5px; }
.wrap { width: min(1160px, 100% - 48px); margin-inline: auto; }
.narrow { max-width: 730px; }
.section { padding-block: 82px; }
.soft { background: var(--cream); }
.center { text-align: center; }
.center .narrow { margin-inline: auto; }
.split { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 70px; }
.eyebrow { font-size: 12px; font-weight: 750; letter-spacing: 0.14em; text-transform: uppercase; color: var(--clay); margin-bottom: 22px; }
.fine { font-size: 13px; line-height: 1.65; color: var(--muted); }
.skip { position: fixed; top: -100px; left: 20px; background: white; padding: 12px; z-index: 100; }
.skip:focus { top: 10px; }
.site-header { border-bottom: 1px solid var(--line); background: rgba(251, 247, 239, 0.94); position: relative; z-index: 3; }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-block: 22px; }
.wordmark { font-size: 13px; font-weight: 800; letter-spacing: 0.035em; color: var(--forest); text-decoration: none; }
.wordmark span { display: block; font: 25px / 1.1 Cormorant, Georgia, serif; letter-spacing: 0px; margin-top: 3px; }
.header-inner nav { display: flex; gap: 26px; align-items: center; font-size: 14px; }
.header-inner nav a { color: var(--forest); text-decoration: none; }
.language { border: 1px solid var(--line); padding: 7px 14px; border-radius: 30px; font-size: 12px; font-weight: 700; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 57px; padding: 16px 27px; border: 1px solid var(--clay); border-radius: 12px; background: var(--clay); color: white; font-size: 15px; font-weight: 750; line-height: 1.45; box-shadow: rgba(169, 83, 47, 0.145) 0px 9px 22px; text-decoration: none; cursor: pointer; transition: background 0.16s, transform 0.16s; }
.button:hover { background: rgb(141, 66, 38); transform: translateY(-1px); }
.button:disabled { opacity: 0.65; cursor: wait; transform: none; }
.button.full { width: 100%; }
.button.secondary { color: var(--forest); background: transparent; box-shadow: none; border-color: var(--gold); }
.button.secondary:hover { background: var(--mint); }
.button.small { min-height: 43px; font-size: 12px; padding: 10px 16px; }
.hero { padding: 65px 0px 40px; background: radial-gradient(at 83% 44%, rgb(228, 232, 220) 0px, transparent 55%); }
.hero-copy { font-size: 18px; max-width: 560px; color: var(--muted); }
.hero-grid { display: grid; grid-template-columns: 1fr 0.92fr; gap: 75px; align-items: start; }
.capture .hero-grid > div:first-child h1 { max-width: 620px; }
.trust-row { display: flex; gap: 10px; flex-wrap: wrap; font-size: 11px; font-weight: 700; color: var(--forest); }
.trust-row span { padding: 6px 13px; border: 1px solid var(--line); border-radius: 40px; }
.capture-card { position: sticky; top: 25px; background: white; border: 1px solid rgb(231, 223, 208); border-radius: 24px; padding: 34px; box-shadow: var(--shadow); }
.lead-form h2 { font-size: 39px; margin-bottom: 12px; }
.lead-form > p { font-size: 15px; color: var(--muted); }
form label:not(.check) { display: block; font-size: 13px; font-weight: 650; line-height: 1.5; margin-top: 18px; margin-bottom: 8px; }
input:not([type="checkbox"]) { width: 100%; display: block; margin-top: 8px; height: 54px; border: 1px solid rgb(200, 208, 195); border-radius: 10px; padding: 10px 14px; color: var(--ink); background: rgb(252, 253, 250); }
input:focus { border-color: var(--clay); outline-color: var(--gold); }
.check { display: flex; align-items: flex-start; gap: 11px; font-size: 12px; font-weight: 400; line-height: 1.6; margin: 24px 0px; }
.check input { flex: 0 0 auto; width: 18px; height: 18px; accent-color: var(--forest); margin-top: 2px; }
.lead-form .fine { font-size: 11px; margin: 18px 0px 0px; }
.form-status { line-height: 1.6; margin: 15px 0px 0px; min-height: 0px; font-size: 14px !important; color: var(--clay) !important; }
.honey { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.price { font-family: Cormorant, Georgia, serif; font-size: 54px; line-height: 1.1; font-weight: 600; letter-spacing: -0.04em; margin: 24px 0px 13px; }
.price span { font: 12px Inter, sans-serif; color: var(--muted); letter-spacing: 0px; }
.device-scene { min-height: 550px; position: relative; isolation: isolate; display: flex; align-items: center; justify-content: center; padding: 36px 0px 52px; }
.capture .device-scene { min-height: 390px; margin-top: 0px; max-width: 460px; }
.device-glow { position: absolute; width: 87%; height: 80%; border-radius: 50%; background: rgb(228, 232, 220); z-index: -2; left: 8%; top: 9%; }
.phone { position: relative; background: rgb(23, 39, 30); width: 220px; border: 9px solid rgb(23, 39, 30); border-radius: 30px; box-shadow: rgba(34, 56, 44, 0.145) 17px 25px 44px; transform: rotate(-5deg); overflow: hidden; z-index: 1; }
.phone img { width: 100%; min-height: 290px; object-fit: cover; object-position: center top; }
.phone-top { position: absolute; top: 2px; left: 31%; width: 38%; height: 11px; border-radius: 0px 0px 9px 9px; background: rgb(23, 39, 30); }
.tablet { position: absolute; left: 41%; top: 18%; width: 250px; border: 10px solid rgb(39, 55, 45); border-radius: 20px; background: rgb(39, 55, 45); box-shadow: rgba(34, 56, 44, 0.133) 12px 20px 34px; transform: rotate(8deg); z-index: 0; overflow: hidden; }
.tablet img { width: 100%; height: 340px; object-fit: cover; object-position: center top; filter: blur(1.2px); }
.digital-tag { position: absolute; bottom: 9px; left: 50%; transform: translateX(-50%); white-space: nowrap; background: rgba(255, 255, 255, 0.6); border: 1px solid rgb(216, 206, 185); border-radius: 30px; padding: 7px 15px; font-size: 10px; font-weight: 700; letter-spacing: 0.04em; color: var(--muted); }
.capture .phone { width: 168px; border-width: 7px; border-radius: 24px; }
.capture .phone img { min-height: 220px; }
.capture .tablet { width: 190px; left: 44%; top: 16%; border-width: 7px; }
.capture .tablet img { height: 260px; }
.five-list { padding: 0px; list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; margin: 33px 0px 0px; }
.five-list li { padding: 23px 19px; background: white; border: 1px solid var(--line); border-radius: 16px; box-shadow: rgba(34, 56, 44, 0.024) 0px 7px 22px; }
.five-list span, .chapter-cards span { font-family: Cormorant; font-size: 35px; color: var(--gold); display: block; margin-bottom: 17px; }
.five-list h3 { font-size: 25px; line-height: 1.12; margin: 0px; }
.benefits { padding: 0px; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 35px; margin: 30px 0px; }
.benefits li { display: flex; gap: 15px; padding: 17px 0px; border-bottom: 1px solid var(--line); font-size: 16px; }
.benefits li::before { content: "✓"; color: var(--clay); font-weight: 800; }
.benefits.compact { display: block; }
.benefits.compact li { font-size: 14px; padding: 12px 0px; }
.chapter-cards { display: grid; grid-template-columns: repeat(5, 1fr); gap: 17px; list-style: none; padding: 0px; margin: 35px 0px 0px; }
.chapter-cards li { background: var(--paper); border-radius: 15px; border: 1px solid rgb(222, 212, 194); padding: 24px 18px; }
.chapter-cards h3 { font-size: 25px; line-height: 1.1; margin: 0px; }
.evidence-box { background: var(--forest); color: var(--cream); padding: 45px 50px; border-radius: 22px; max-width: 970px; margin-inline: auto; }
.evidence-box .eyebrow { color: var(--gold); }
.evidence-box p:last-child { margin: 0px; max-width: 790px; }
.samples { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 30px; }
.samples a { display: block; border-radius: 14px; border: 1px solid var(--line); overflow: hidden; box-shadow: var(--shadow); background: white; padding: 9px; }
.samples img { width: 100%; }
.faq { max-width: 850px; }
.faq details { border-bottom: 1px solid var(--line); padding: 22px 0px; }
.faq summary { cursor: pointer; font-size: 17px; font-weight: 650; line-height: 1.5; list-style-position: outside; margin-left: 20px; }
.faq details p { padding: 20px 0px 0px; margin: 0px; color: var(--muted); }
.buy-grid { display: grid; grid-template-columns: 1fr 0.9fr; gap: 70px; align-items: start; }
.buy-grid h1 { font-size: 56px; }
.purchase-card { position: sticky; top: 25px; background: white; border: 1px solid var(--line); padding: 35px; border-radius: 22px; box-shadow: var(--shadow); }
.purchase-card .price { font-size: 64px; }
.purchase-card .check { font-size: 13px; }
.optional-note { background: var(--mint); border-radius: 11px; padding: 18px; font-size: 13px; line-height: 1.7; margin: 25px 0px; }
.download-list { display: grid; gap: 14px; margin: 30px 0px; }
.download-card { display: flex; align-items: center; justify-content: space-between; gap: 22px; background: white; border: 1px solid var(--line); border-radius: 15px; padding: 22px; }
.download-card h2 { font-size: 27px; margin: 0px; }
.download-card .button { font-size: 13px; min-height: 46px; padding: 12px 17px; }
.offer-card { margin-top: 45px; padding: 30px; border: 1px solid var(--gold); background: var(--mint); border-radius: 20px; }
.offer-card h2 { font-size: 36px; }
.text-button { border: 0px; background: transparent; text-decoration: underline; color: var(--muted); cursor: pointer; display: block; margin: 18px auto 0px; font-size: 14px; padding: 10px; }
.legal { max-width: 850px; }
.legal h1 { margin-bottom: 40px; }
.legal h2 { font-size: 31px; margin-top: 34px; }
.legal p { font-size: 16px; color: rgb(67, 84, 71); }
.site-footer { border-top: 1px solid var(--line); background: var(--forest); color: rgb(219, 227, 213); font-size: 12px; padding: 43px 0px; }
.footer-brand { font-size: 17px; font-weight: 750; letter-spacing: 0.03em; color: var(--cream); margin-bottom: 18px; }
.site-footer p { max-width: 890px; margin-bottom: 18px; }
.site-footer nav { display: flex; gap: 22px; flex-wrap: wrap; margin: 22px 0px; }
.site-footer a { color: var(--cream); }
.cookie-box { position: fixed; bottom: 15px; right: 15px; z-index: 20; width: min(450px, 100% - 30px); padding: 22px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 17px; box-shadow: rgba(20, 35, 27, 0.2) 0px 9px 45px; }
.cookie-box p { font-size: 12px; line-height: 1.6; margin: 0px 0px 15px; }
.cookie-box > div { display: flex; gap: 10px; flex-wrap: wrap; }
.cookie-box .button { flex: 1 1 0%; }
.panel-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }
.panel-metric { background: white; border: 1px solid var(--line); border-radius: 15px; padding: 20px; }
.panel-metric strong { display: block; font: 50px Cormorant; }
.panel-table { width: 100%; border-collapse: collapse; margin-block: 25px; }
.panel-table th, .panel-table td { text-align: left; padding: 13px; border-bottom: 1px solid var(--line); }
@media (min-width: 1100px) {
  .capture .hero-copy { max-width: 520px; }
  .capture .device-scene { margin-left: 5px; }
}
@media (max-width: 1000px) {
  .hero-grid, .split, .buy-grid { gap: 36px; }
  .five-list, .chapter-cards { grid-template-columns: repeat(3, 1fr); }
  .phone { width: 185px; }
  .tablet { width: 210px; left: 40%; }
  .tablet img { height: 280px; }
  .device-scene { min-height: 450px; }
  .capture-card, .purchase-card { padding: 27px; }
  .hero-grid { grid-template-columns: 1fr 1fr; }
  .lead-form h2 { font-size: 34px; }
  .wordmark span { font-size: 23px; }
}
@media (max-width: 740px) {
  body { font-size: 17px; line-height: 1.65; }
  .wrap { width: calc(100% - 40px); }
  .header-inner { padding-block: 17px; gap: 15px; }
  .wordmark { font-size: 11px; }
  .wordmark span { font-size: 21px; max-width: 200px; }
  .header-inner nav { gap: 12px; }
  .header-inner nav > a:first-child { display: none; }
  .language { padding: 6px 12px; font-size: 11px; }
  .hero { padding: 40px 0px 24px; }
  .hero-grid, .split, .buy-grid { grid-template-columns: 1fr; gap: 28px; }
  h1 { font-size: 46px; line-height: 1.03; letter-spacing: -0.02em; margin-bottom: 23px; }
  h2 { font-size: 37px; line-height: 1.07; }
  .hero-copy { font-size: 17px; }
  .eyebrow { font-size: 10px; margin-bottom: 18px; letter-spacing: 0.12em; }
  .section { padding-block: 52px; }
  .capture-card, .purchase-card { position: static; padding: 26px 23px; border-radius: 20px; }
  .capture .device-scene { display: none; }
  .capture-card { margin-top: 2px; }
  .lead-form h2 { font-size: 35px; }
  .hero .split .device-scene { order: 2; margin-top: 0px; }
  .device-scene { min-height: 440px; padding-top: 12px; max-width: 430px; margin-inline: auto; width: 100%; }
  .phone { width: 190px; margin-left: -65px; }
  .phone img { min-height: 260px; }
  .tablet { width: 210px; left: 42%; top: 14%; border-width: 8px; }
  .tablet img { height: 280px; }
  .digital-tag { bottom: 13px; font-size: 9px; }
  .device-glow { top: 8%; height: 78%; width: 90%; left: 5%; }
  .five-list { grid-template-columns: 1fr; gap: 10px; margin-top: 26px; }
  .five-list li { display: flex; align-items: center; gap: 20px; padding: 18px 20px; }
  .five-list span { margin: 0px; font-size: 31px; min-width: 35px; }
  .five-list h3 { font-size: 27px; }
  .chapter-cards { grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 27px; }
  .chapter-cards li { padding: 20px 16px; min-height: 155px; }
  .chapter-cards h3 { font-size: 25px; }
  .chapter-cards span { font-size: 29px; margin-bottom: 12px; }
  .benefits { grid-template-columns: 1fr; gap: 1px; margin: 20px 0px; }
  .benefits li { font-size: 16px; padding: 17px 0px; }
  .evidence-box { padding: 30px 25px; border-radius: 18px; }
  .evidence-box h2 { font-size: 36px; }
  .evidence-box p { font-size: 16px; }
  .samples { gap: 13px; }
  .samples a { padding: 4px; border-radius: 8px; }
  .price { font-size: 51px; }
  .buy-grid h1 { font-size: 45px; }
  .buy-grid .device-scene { display: none; }
  .purchase-card .price { font-size: 58px; }
  .check { font-size: 12px; }
  .button { width: 100%; font-size: 14px; min-height: 57px; padding: 16px 20px; }
  .header-inner .button, .language { width: auto; }
  .fine { font-size: 12px; }
  .download-card { flex-direction: column; align-items: stretch; padding: 20px; gap: 17px; }
  .download-card h2 { font-size: 28px; }
  .offer-card { padding: 25px 22px; }
  .offer-card h2 { font-size: 34px; }
  .faq details { padding: 20px 0px; }
  .faq summary { font-size: 16px; }
  .site-footer { padding: 35px 0px; font-size: 11px; }
  .site-footer nav { gap: 16px; }
  .cookie-box { padding: 18px; bottom: 10px; right: 10px; width: calc(100% - 20px); }
  .cookie-box p { font-size: 11px; }
  .cookie-box .button { font-size: 11px; min-height: 42px; padding: 9px; }
  .legal p { font-size: 16px; }
  .legal h2 { font-size: 29px; }
  .panel-grid { grid-template-columns: 1fr 1fr; }
  .panel-table { font-size: 12px; }
  .panel-table td, .panel-table th { padding: 8px; }
  .center .button { max-width: 430px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button { transition: none; }
  .button:hover { transform: none; }
}
.price { font-family: Inter, system-ui, sans-serif; font-size: clamp(44px, 6vw, 62px); font-weight: 850; color: rgb(130, 56, 25); letter-spacing: -0.045em; font-variant-numeric: tabular-nums; line-height: 1.12; }
.price span { font-weight: 700; color: rgb(52, 72, 55); }
.purchase-card .price { font-size: clamp(48px, 7vw, 68px); }
.optional-note { border: 2px solid rgb(169, 83, 47); background: rgb(255, 246, 235); font-size: 15px; color: rgb(38, 56, 44); }
.optional-note > strong { display: block; font-size: 17px; line-height: 1.4; }
.optional-note .price-extra { font-size: 38px; margin: 12px 0px; }
.optional-note > p:last-child { margin-bottom: 0px; }
.offer-card .price { font-size: clamp(44px, 7vw, 60px); }
.edition-line { display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(194, 160, 102, 0.396); padding-bottom: 18px; margin-bottom: 50px; font-size: 10px; font-weight: 750; letter-spacing: 0.13em; text-transform: uppercase; }
.capture { background: rgb(34, 56, 44); color: rgb(251, 247, 239); padding-top: 26px; position: relative; isolation: isolate; overflow: clip; }
.capture::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(at 5% 70%, rgba(86, 114, 87, 0.44), transparent 62%); z-index: -1; }
.capture .eyebrow, .capture h1 em { color: rgb(232, 195, 140); }
.capture h1 { font-size: clamp(50px, 6vw, 82px); letter-spacing: -0.035em; line-height: 0.98; }
.capture .hero-copy { color: rgb(229, 229, 217); font-size: 18px; }
.capture .trust-row { color: rgb(243, 235, 220); }
.capture .trust-row span { border-color: rgba(194, 160, 102, 0.52); }
.capture .capture-card { color: rgb(38, 56, 44); box-shadow: rgba(0, 0, 0, 0.2) 0px 24px 65px; border-color: rgb(194, 160, 102); border-radius: 6px 28px 28px; }
.capture .device-glow { background: rgba(103, 130, 99, 0.314); }
.capture .digital-tag { background: rgb(243, 235, 220); color: rgb(34, 56, 44); }
.sales-hero { background: linear-gradient(120deg, rgb(243, 235, 220), rgb(251, 247, 239)); padding-top: 26px; border-bottom: 1px solid var(--line); }
.sales-hero h1 { max-width: 660px; }
.sales-hero .price { display: inline-block; border-bottom: 3px solid rgb(194, 160, 102); padding-bottom: 12px; }
.five-list { counter-reset: entries 0; }
.five-list li { border-top: 2px solid rgb(194, 160, 102); }
.chapter-cards li { border-radius: 3px 18px 18px; border-top: 3px solid rgb(194, 160, 102); box-shadow: rgba(34, 56, 44, 0.03) 0px 8px 24px; }
.section-head h2 { max-width: 720px; }
.evidence-box { border-left: 5px solid rgb(169, 83, 47); }
.purchase-card { border-top: 5px solid rgb(169, 83, 47); }
.download-card { border-left: 4px solid rgb(194, 160, 102); }
.legal h1 { font-size: clamp(40px, 5vw, 65px); }
@media (max-width: 700px) {
  .edition-line { font-size: 9px; letter-spacing: 0.07em; gap: 15px; align-items: start; margin-bottom: 30px; }
  .edition-line span:first-child { max-width: 52%; }
  .edition-line span:last-child { text-align: right; }
  .capture { padding-top: 20px; }
  .capture h1 { font-size: 54px; max-width: 390px; }
  .capture .hero-copy { font-size: 17px; }
  .capture .capture-card { border-radius: 5px 22px 22px; }
  .capture .hero-grid { gap: 32px; }
  .sales-hero { padding-top: 20px; }
  .sales-hero h1 { font-size: 49px; }
  .sales-hero .price { font-size: 53px; }
  .buy-grid > div:first-child .devices { display: none; }
  .buy-grid { gap: 25px; }
  .purchase-card { box-shadow: rgba(34, 56, 44, 0.07) 0px 15px 35px; }
  .purchase-card .check { font-size: 14px; }
  .purchase-card .price { font-size: 58px; }
}
.guide-thumb { float: right; width: 68px; margin: 0px 0px 14px 16px; border-radius: 4px; box-shadow: rgba(34, 56, 44, 0.157) 0px 6px 15px; }
.lead-form > h2 { padding-top: 4px; }
.lead-form > label:first-of-type { clear: both; }
@media (max-width: 700px) {
  .buy-grid { display: flex; flex-direction: column; gap: 14px; padding-top: 32px; }
  .buy-grid > div:first-child { display: contents; }
  .buy-grid > div:first-child > .eyebrow { order: 0; margin-bottom: 0px; }
  .buy-grid > div:first-child > h1 { order: 1; font-size: 43px; margin-bottom: 0px; }
  .buy-grid > div:first-child > p:not(.eyebrow) { order: 2; margin-bottom: 8px; }
  .buy-grid > .purchase-card { order: 3; width: 100%; }
  .buy-grid > div:first-child > .benefits { order: 4; margin-top: 18px; width: 100%; }
  .guide-thumb { width: 60px; }
  .capture h1 { font-size: 49px; }
  .capture .hero-copy { margin-bottom: 18px; }
  .capture .edition-line { margin-bottom: 24px; }
}
.offer-card{position:relative;border:1px solid #c2a066;border-top:4px solid #a9532f;background:linear-gradient(130deg,#f3ebdc,#fbf7ef);padding:35px;box-shadow:0 16px 38px #22382c12}.offer-cover{float:right;width:140px;margin:0 0 22px 27px;border-radius:4px;box-shadow:0 10px 24px #22382c26}.offer-features{list-style:none;padding:0;margin:23px 0}.offer-features li{padding:9px 0 9px 24px;position:relative;border-bottom:1px solid #dacdb799;font-size:15px}.offer-features li:before{content:"✓";position:absolute;left:0;color:#823819;font-weight:800}.offer-card .price{clear:both;margin-top:26px}.offer-card .text-button{display:block;margin:17px auto 0;padding:12px 20px;min-height:48px;color:#344837;text-decoration:underline;text-underline-offset:4px;font-weight:600}.bump-cover{float:right;width:78px;margin:0 0 12px 16px;border-radius:4px;box-shadow:0 7px 17px #22382c26}.optional-note>p:last-child{clear:both}
@media(max-width:700px){.offer-card{padding:26px 23px}.offer-cover{width:98px;margin-left:17px;margin-bottom:18px}.offer-card h2{font-size:34px}.offer-card .eyebrow{font-size:10px;letter-spacing:.09em}.offer-card>p:not(.eyebrow):not(.price):not(.fine){clear:both}.offer-features{clear:both}.offer-card .price{font-size:54px}.bump-cover{width:68px}.optional-note>strong{font-size:16px}}

@media(max-width:700px){.offer-cover{width:78px;margin-left:15px}.offer-card h2{font-size:32px;line-height:1.08}.offer-card>.eyebrow{font-size:9px;letter-spacing:.07em;margin-bottom:16px}}

/* Compact checkout on mobile; preserve desktop scale. */
@media(max-width:700px){
 .buy-grid>div:first-child>h1{font-size:36px}
 .purchase-card{padding:22px 20px;border-radius:16px}
 .purchase-card .price{font-size:40px;line-height:1.12;margin:16px 0 12px}
 .purchase-card>p:not(.price):not(.eyebrow){font-size:15px;line-height:1.6}
 .purchase-card .check{font-size:13px;line-height:1.6;margin:18px 0}
 .purchase-card .button{min-height:50px;padding:13px 16px;font-size:14px}
 .optional-note{padding:15px;margin:20px 0}
 .optional-note .price-extra{font-size:30px;margin:10px 0}
 .offer-card .price{font-size:40px}
}