.review-heading {margin:48px 0 22px}
.review-heading h3 {margin:0;font-size:28px;letter-spacing:-.03em}
.quote-grid .portrait-review {margin:0;padding:28px;border-radius:14px;display:flex;flex-direction:column;gap:23px}
.portrait-review .review-person {display:flex;align-items:center;gap:20px;margin:0}
.review-person img {width:104px;height:104px;flex-shrink:0;border-radius:12px;object-fit:cover;border:1px solid var(--border-strong)}
.review-person cite {display:block;color:var(--text);font:700 18px/1.3 var(--font-text);font-style:normal;margin:9px 0 4px}
.review-person .product-label {display:block;font-size:12px;color:var(--text-faint)}
.review-stars {display:flex;gap:3px;color:#facc15}
.review-stars svg {width:19px;height:19px;fill:currentColor}
.portrait-review blockquote {font-size:18px;line-height:1.65;color:var(--text);margin:0}
.message-attachment .attachment-preview {width:64px;height:80px;object-fit:cover;border-radius:6px;flex-shrink:0}
.message-attachment svg {flex-shrink:0}
@media(max-width:600px) {
 .quote-grid .portrait-review {padding:22px;gap:20px}
 .portrait-review .review-person {gap:16px}
 .review-person img {width:88px;height:88px}
 .review-person cite {font-size:17px}
 .review-person .product-label {font-size:11px}
 .portrait-review blockquote {font-size:17px}
}
@media(max-width:800px) {
 #the-problem .story-copy {display:contents}
 #the-problem .story-grid {gap:20px}
 #the-problem .story-copy > * {order:2;margin:0}
 #the-problem .story-copy > .chapter-label,
 #the-problem .story-copy > h2,
 #the-problem .story-copy > .lead-copy {order:0}
 #the-problem .story-image {order:1;width:100%;max-width:100%;max-height:420px;aspect-ratio:4/3}
 #the-problem .story-image img {object-position:center 64%}
}

.review-avatar {display:block;width:104px;height:104px;flex-shrink:0;overflow:hidden;border-radius:12px;border:1px solid var(--border-strong)}
.review-avatar img {border:0;border-radius:0;transform:scale(2.1);transform-origin:23% 44%}
.guarantee-panel h2 {font-size:clamp(30px,3.2vw,42px)}
@media(min-width:801px) {
 #the-problem .story-image {align-self:start;margin-top:80px;position:sticky;top:32px}
}
@media(max-width:600px) {.review-avatar {width:88px;height:88px}}

/* The editorial artwork carries meaning to its edges; show each full composition. */
.story-image.editorial-art,
#the-problem .story-image.editorial-art {display:flex;flex-direction:column;aspect-ratio:auto;max-height:none;background:#101114}
.story-image.editorial-art::after {display:none}
.story-image.editorial-art img {display:block;width:100%;height:auto;object-fit:contain}
.story-image.editorial-art figcaption {position:static;padding:13px 16px;color:var(--text-muted);background:#101114;font-size:11px}

/* Leave room after the storyboard before resuming the sales letter. */
.workflow-shot + .reading {margin-top:clamp(36px,4vw,56px)}
.review-heading .proof-caption {margin:10px 0 0;text-align:left}
.email-discovery {display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:64px}
.email-discovery h2 {font-size:clamp(30px,3.5vw,44px);line-height:1.15;margin:0 0 24px}
.email-discovery p:not(.chapter-label) {font-size:18px;line-height:1.75;color:var(--text-muted)}
.email-discovery-visual {display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:16px;padding:40px 24px;background:#101114;border:1px solid var(--border);border-radius:20px}
.email-flow-icon {display:grid;place-items:center;aspect-ratio:1;background:#202026;border-radius:20px;color:#f9a16b}
.email-flow-icon svg {width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.5}
.email-flow-contact {color:#79d7df;background:#173033}
.email-flow-arrow {font-size:32px;color:var(--text-muted);text-align:center}
.email-flow-labels {grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;font-size:13px;color:var(--text-muted)}
@media(max-width:800px){.email-discovery {grid-template-columns:1fr;gap:32px}.email-discovery-visual {max-width:430px;width:100%;margin:auto}.email-discovery p:not(.chapter-label){font-size:17px}}

/* One focused purchase decision, after the guarantee and before FAQ. */
#pricebox .lifetime-order-card {max-width:760px;margin:0 auto;padding:44px 42px;border:1px solid #674032!important;border-radius:18px;background:linear-gradient(135deg,#1c1e24,#101115)!important;text-align:center}
.lifetime-order-card h2 {font-size:clamp(30px,4vw,46px);margin:0 0 18px}
.lifetime-order-card .lifetime-order-intro {max-width:540px;margin:0 auto 28px;color:var(--text-muted);font-size:18px;line-height:1.65}
.lifetime-order-card .lifetime-order-benefits {max-width:490px;margin:0 auto 30px;text-align:left}
.lifetime-order-benefits li {font-size:16px;line-height:1.6;color:var(--text)}
.lifetime-order-price {display:flex;align-items:baseline;justify-content:center;gap:14px;margin:24px 0 30px}
.lifetime-order-price strong {font:700 68px/1 var(--font-display);letter-spacing:-3px}
.lifetime-order-price span {font-size:15px;color:var(--text-muted)}
.lifetime-order-card .btn-wide {display:flex;justify-content:center;gap:12px;width:100%;min-height:58px;font-size:19px;font-weight:800}
.lifetime-payment-trust {display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;margin:16px 0}
.lifetime-payment-trust span {display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}
.lifetime-payment-trust svg {width:16px;height:16px;color:#2ecc71;flex-shrink:0}
.lifetime-order-card .lifetime-order-terms {font-size:13px;line-height:1.65;color:var(--text-muted);max-width:510px;margin:18px auto 0}
.lifetime-optional-note {max-width:680px;margin:24px auto 0;text-align:center;font-size:13px;line-height:1.7;color:var(--text-muted)}
#credit-options .offer-copy {margin-inline:auto}
@media(max-width:600px){#pricebox .lifetime-order-card{padding:28px 18px}.lifetime-order-card .lifetime-order-intro{font-size:16px}.lifetime-order-benefits li{font-size:15px}.lifetime-order-price strong{font-size:58px}.lifetime-order-card .btn-wide{font-size:17px}.lifetime-payment-trust{flex-direction:column;align-items:center;gap:8px}}

#credit-options .offer-copy h2 {margin-bottom:28px}

/* Balance headings without combining natural wraps with forced line breaks. */
h2 {text-wrap:balance}
#how-it-works .sec-head {max-width:1000px;margin-inline:auto}
@media(min-width:1100px){#workflow-heading .workflow-headline-line{display:block;white-space:nowrap}}

/* A single marker stroke behind the phrase, with uneven ends and baseline. */
.marker-highlight {position:relative;display:inline-block;isolation:isolate;white-space:nowrap;padding:0 .09em;color:#111114}
.marker-highlight::before {content:"";position:absolute;z-index:-1;inset:.09em -.035em .01em;background:#ff783f;transform:rotate(-1.1deg);clip-path:polygon(1% 9%,15% 5%,33% 8%,53% 3%,75% 6%,98% 1%,100% 21%,98% 48%,100% 77%,98% 94%,78% 96%,59% 92%,39% 98%,19% 94%,0 100%,2% 75%,0 48%)}

/* Clone the marker on wrapped lines so longer highlighted phrases stay responsive. */
h1 .marker-highlight,h2 .marker-highlight {display:inline;white-space:normal;padding:0 .055em;color:#111114!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath fill='%23ff783f' d='M3 12L49 8L106 11L158 5L221 8L294 3L300 21L296 48L300 77L294 94L234 97L177 92L117 98L57 94L0 100L5 75L0 48Z'/%3E%3C/svg%3E");background-size:100% 88%;background-position:center 65%;background-repeat:no-repeat}
h1 .marker-highlight::before,h2 .marker-highlight::before {display:none}
.offer-countdown {margin:0 auto 26px;max-width:350px}
.lifetime-order-card .countdown-title {font-size:13px;letter-spacing:.03em;color:var(--text-muted);margin:0 0 12px}
.offer-countdown-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.offer-countdown-grid>div {background:#101114;border:1px solid #674032;border-radius:9px;padding:12px 5px 9px}
.offer-countdown-grid strong {display:block;font:700 clamp(24px,3vw,34px)/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--primary-400)}
.offer-countdown-grid span {display:block;margin-top:7px;font-size:10px;color:var(--text-muted)}
@media(prefers-reduced-motion:reduce){html {scroll-behavior:auto}}

/* Short buying answers and an explicitly illustrative email exchange. */
.hero .hero-timing{max-width:740px;margin:12px auto 20px;font-size:12px;line-height:1.5;color:var(--text-muted);text-align:center}
.hero-timing a,.offer-allowance a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.message-reply{position:relative;margin:26px 0 0 18px;padding:20px;background:#1c292c;border:1px solid #345258;border-radius:4px 16px 16px 16px}
.reply-sender{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.reply-sender img{width:44px;height:44px;object-fit:cover;border-radius:50%;flex-shrink:0}
.reply-sender div{display:grid;gap:2px}.reply-sender strong{font-size:14px}.reply-sender span{font-size:11px;color:var(--text-muted)}
.reply-sender svg{width:20px;height:20px;margin-left:auto;color:#77cdd4;flex-shrink:0}
.message-example .message-reply p{margin:0;color:#e7edef;font-size:16px;line-height:1.65}
.lifetime-order-card .offer-allowance{max-width:520px;margin:0 auto 24px;text-align:center;font-size:14px;line-height:1.65;color:var(--text-muted)}
#credit-allowance,#refill-prices,#timing{scroll-margin-top:28px}
.refill-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.refill-table th,.refill-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}
@media(max-width:480px){.message-reply{margin-left:0;padding:16px}.hero .hero-timing{font-size:11px;max-width:330px}.refill-table{font-size:13px}.refill-table th,.refill-table td{padding:9px 5px}}