.conversion-proof {
  border-block: 1px solid #dbe6df;
  background: #f4f8f5;
  color: #183d30;
}

.conversion-proof * { box-sizing: border-box; }
.conversion-proof-inner { max-width: 1120px; margin: auto; padding: 42px 24px; }
.conversion-proof-heading { max-width: 720px; margin: 0 auto 22px; text-align: center; }
.conversion-proof-heading .eyebrow { margin: 0 0 6px; color: #137c47; font: 600 14px/1.5 Kanit,sans-serif; }
.conversion-proof-heading h2 { margin: 0; color: #163a70; font: 600 30px/1.4 Kanit,sans-serif; }
.conversion-proof-heading > p:last-child { margin: 8px 0 0; color: #4d6358; font-size: 16px; line-height: 1.65; }

.conversion-proof-tabs { display: flex; justify-content: center; gap: 8px; margin: 0 0 18px; overflow-x: auto; padding: 2px 2px 8px; scrollbar-width: thin; }
.conversion-proof-tabs button { flex: 0 0 auto; min-height: 48px; padding: 9px 14px; border: 1px solid #b8cbbf; border-radius: 999px; background: #fff; color: #234c3a; font: 500 15px/1.4 Kanit,sans-serif; cursor: pointer; }
.conversion-proof-tabs button strong { margin-left: 4px; color: #126c3a; font-size: 17px; }
.conversion-proof-tabs button[aria-selected="true"] { border-color: #176e47; background: #176e47; color: #fff; box-shadow: 0 4px 14px #163a7020; }
.conversion-proof-tabs button[aria-selected="true"] strong { color: #d7ffb5; }
.conversion-proof-tabs button:focus-visible,
.conversion-proof-open:focus-visible,
.conversion-proof-visual:focus-visible,
.conversion-proof-close:focus-visible,
.conversion-proof-cta:focus-visible,
.conversion-proof-dialog-cta:focus-visible { outline: 3px solid #225db2; outline-offset: 3px; }

.conversion-proof-card { display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); gap: 28px; align-items: center; padding: 28px; border: 1px solid #cfded5; border-radius: 16px; background: #fff; box-shadow: 0 12px 34px #173f3112; }
.conversion-proof-persona { display: inline-flex; width: fit-content; margin: 0 0 8px; padding: 5px 10px; border-radius: 999px; background: #e7f5eb; color: #126c3a; font: 600 14px/1.5 Kanit,sans-serif; }
.conversion-proof-copy h3 { margin: 0; color: #163a70; font: 600 25px/1.45 Kanit,sans-serif; }
.conversion-proof-score { display: flex; align-items: center; gap: 14px; margin: 12px 0; }
.conversion-proof-score strong { flex: 0 0 auto; color: #148047; font: 700 42px/1.15 Kanit,sans-serif; }
.conversion-proof-score span { color: #455c50; font-size: 15px; line-height: 1.6; }
.conversion-proof-story { margin: 0 0 12px; color: #334c40; font-size: 16px; line-height: 1.7; }
.conversion-proof blockquote { margin: 0; padding: 14px 16px; border-left: 4px solid #32a866; border-radius: 0 8px 8px 0; background: #f3faf5; color: #173f31; font-size: 17px; line-height: 1.75; }
.conversion-proof-actions { display: flex; align-items: stretch; gap: 10px; margin-top: 18px; }
.conversion-proof-open,
.conversion-proof-cta,
.conversion-proof-dialog-cta { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; border-radius: 8px; padding: 11px 16px; font: 600 15px/1.45 Kanit,sans-serif; text-align: center; text-decoration: none; cursor: pointer; }
.conversion-proof-open { border: 1px solid #176e47; background: #fff; color: #176e47; }
.conversion-proof-cta,
.conversion-proof-dialog-cta { border: 1px solid #126c3a; background: #126c3a; color: #fff; }
.conversion-proof-visual { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; border: 0; border-radius: 12px; background: #e8efeb; cursor: zoom-in; }
.conversion-proof-visual img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.conversion-proof-visual span { position: absolute; right: 10px; bottom: 10px; padding: 7px 11px; border-radius: 7px; background: #0e263be8; color: #fff; font: 500 14px/1.4 Kanit,sans-serif; }
.conversion-proof-note { margin: 12px 0 0; color: #5a6d63; font-size: 13px; line-height: 1.6; text-align: center; }

.conversion-proof-dialog { width: min(940px,calc(100% - 28px)); max-height: 92dvh; padding: 24px; overflow: auto; border: 0; border-radius: 16px; background: #fff; color: #183d30; box-shadow: 0 24px 70px #07150d66; }
.conversion-proof-dialog::backdrop { background: #0e2419cc; }
.conversion-proof-close { position: sticky; z-index: 2; top: 0; float: right; width: 44px; height: 44px; border: 1px solid #cad8cf; border-radius: 50%; background: #fff; color: #163a70; font-size: 28px; line-height: 1; cursor: pointer; }
.conversion-proof-dialog-copy { padding-right: 54px; }
.conversion-proof-dialog h2 { margin: 0 0 8px; color: #163a70; font: 600 27px/1.4 Kanit,sans-serif; }
.conversion-proof-dialog-copy > p:not(.conversion-proof-persona) { margin: 0 0 12px; color: #3d5448; font-size: 16px; line-height: 1.7; }
.conversion-proof-dialog blockquote { margin-bottom: 18px; }
.conversion-proof-dialog > img { display: block; width: 100%; height: auto; border: 1px solid #d9e2dc; border-radius: 10px; }
.conversion-proof-originals { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 14px 0; }
.conversion-proof-originals:empty { display: none; }
.conversion-proof-originals a { color: #126c3a; font-size: 14px; font-weight: 600; text-underline-offset: 4px; }
.conversion-proof-dialog-cta { width: 100%; margin-top: 4px; font-size: 16px; }

/* Conversion-critical copy must remain readable on a phone. */
.sales-page-merged.sales-three-packages .premium-hero .sales-v2-microcopy { font-size: 14px; line-height: 1.65; }
.sales-page-merged .package-guide-options span { font-size: 14px; }
.sales-page-merged .package-cost span { font-size: 14px; }
.sales-page-merged .package-rights li { font-size: 15px; }
.sales-page-merged .package-hint { font-size: 14px; line-height: 1.65; }
.sales-page-merged .package-tag { font-size: 14px; }
.sales-page-merged .package-step { font-size: 14px; }
.sales-page-merged .package-benefit summary,
.sales-page-merged .package-benefit details p,
.sales-page-merged .package-bonus-list { font-size: 14px; }
.home-compact .compact-report-top,
.home-compact .compact-report-top small { font-size: 11px; }
.home-compact .compact-work figcaption span { font-size: 14px; line-height: 1.55; }

.sales-mobile-actions.conversion-sticky-managed { opacity: 0; pointer-events: none; transform: translateY(calc(100% + 20px)); transition: opacity .2s ease,transform .2s ease; }
.sales-mobile-actions.conversion-sticky-managed.is-conversion-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
.sales-mobile-actions a.sales-mobile-buy span { font-size: 13px; }
.sales-mobile-actions .sales-mobile-call { font-size: 15px; }

@media (max-width: 760px) {
  .conversion-proof-inner { padding: 30px 16px; }
  .conversion-proof-heading { margin-bottom: 16px; }
  .conversion-proof-heading h2 { font-size: 24px; }
  .conversion-proof-heading > p:last-child { font-size: 15px; }
  .conversion-proof-tabs { justify-content: flex-start; margin-inline: -16px; padding-inline: 16px; }
  .conversion-proof-tabs button { min-height: 46px; padding: 8px 13px; font-size: 14px; }
  .conversion-proof-tabs button strong { font-size: 16px; }
  .conversion-proof-card { grid-template-columns: 1fr; gap: 18px; padding: 18px; border-radius: 12px; }
  .conversion-proof-copy h3 { font-size: 22px; }
  .conversion-proof-score { align-items: flex-start; }
  .conversion-proof-score strong { font-size: 36px; }
  .conversion-proof-score span { padding-top: 3px; font-size: 14px; }
  .conversion-proof-story { font-size: 16px; }
  .conversion-proof blockquote { padding: 12px 14px; font-size: 16px; }
  .conversion-proof-actions { display: grid; }
  .conversion-proof-open,
  .conversion-proof-cta { width: 100%; font-size: 16px; }
  .conversion-proof-visual { grid-row: 1; }
  .conversion-proof-visual span { right: 8px; bottom: 8px; font-size: 13px; }
  .conversion-proof-note { font-size: 12px; }
  .conversion-proof-dialog { padding: 18px; }
  .conversion-proof-dialog-copy { padding-right: 44px; }
  .conversion-proof-dialog h2 { font-size: 23px; }
  .conversion-proof-dialog-copy > p:not(.conversion-proof-persona) { font-size: 15px; }
  .conversion-proof-originals a { font-size: 14px; }
  .sales-page-merged.sales-three-packages .premium-hero .sales-v2-microcopy { font-size: 14px; }
  .sales-page-merged .package-cost span { font-size: 14px; }
  .sales-page-merged .package-rights li,
  .sales-page-merged .package-hint { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .sales-mobile-actions.conversion-sticky-managed { transition: none; }
}