*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#000;background:#fff;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p,div,strong,em,td,th{overflow-wrap:break-word}.page-shell{width:1280px;max-width:100%;margin:0 auto;display:flex;align-items:flex-start}.content-column{width:980px;max-width:100%;}.section{display:block;width:100%;}.section-white{background:#fff}.section-gray{background:#f0f2f1}.section-peach{background:#fee9da}.section-cream{background:#fffdea}.inner{width:960px;max-width:calc(100% - 20px);margin:0 auto}.placeholder{background:linear-gradient(135deg,#f7f7f7,#e8e8e8);border:1px dashed #b8b8b8;color:#777;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;line-height:1.35;letter-spacing:.01em}.breadcrumb-section{height:37px;display:flex;align-items:center}.breadcrumb{font-size:14px;color:#333}.title-section{height:116px;display:flex;align-items:center}.title-section h1{font-size:25px;line-height:1.2;font-weight:700;margin:0;max-width:960px}.author-section{height:90px;display:flex;align-items:center}.author-row{display:flex;align-items:center;gap:12px}.avatar-ph{width:70px;height:70px;flex:0 0 70px;font-size:11px}.author-name{font-weight:700;font-size:15px;line-height:1.25}.date{font-size:14px;color:#333;margin-top:4px}.intro-section{min-height:116px;display:flex;align-items:center}.intro-section p{margin:0;padding:10px 0;font-size:16px;line-height:1.5}.image-link{display:block}.hero-image-section{height:500px;display:flex;align-items:center}.hero-ph{width:960px;height:480px}.strip-image-section{height:126px;display:flex;align-items:center}.strip-ph{width:960px;height:116px}.benefit-card{display:block;width:100%;color:#000}.benefit-inner{width:960px;max-width:calc(100% - 20px);margin:0 auto;display:flex;align-items:center;gap:32px;min-height:400px;padding:10px 0}.benefit-card:first-child .benefit-inner{min-height:468px}.benefit-img{width:400px;height:400px;flex:0 0 400px}.benefit-copy{flex:1;overflow:hidden}.benefit-copy h2{font-size:20px;line-height:1.5;font-weight:400;margin:0 0 16px}.benefit-copy h2,.benefit-copy h2 strong{font-weight:700}.benefit-copy p{font-size:16px;line-height:1.5;margin:0 0 16px}.inline-review{border-left:2px solid #d7d7d7;margin-left:0;padding-left:18px;color:#7e8c8d}.inline-review p{font-size:12px;line-height:1.5;margin:0 0 4px}.inline-review strong{display:block;font-size:16px;font-weight:700}.social-proof-block{display:block;color:#000}.social-inner{width:960px;max-width:calc(100% - 20px);margin:0 auto;min-height:488px;display:flex;align-items:center;gap:32px;padding:20px 0}.review-feature-card{width:450px;flex:0 0 450px}.review-image{width:450px;height:260px}.review-card-body{background:#fff;padding:22px 24px;box-shadow:0 5px 16px rgba(0,0,0,.08)}.review-card-body p{font-size:16px;line-height:1.5;margin:0 0 12px}.review-card-body strong{font-size:16px}.verified{font-size:14px;color:#555;margin-top:7px;display:flex;align-items:center;gap:6px}.verified-icon{width:18px;height:18px;border-radius:50%;background:#c18960;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.proof-copy{flex:1}.proof-copy h2{font-size:26px;line-height:1.25;margin:0 0 18px;font-weight:700}.proof-copy p{font-size:16px;line-height:1.55;margin:0 0 18px}.proof-mini{display:grid;gap:12px;margin:15px 0}.proof-mini div{background:rgba(255,255,255,.55);padding:12px 14px;border-radius:4px}.footnote{font-size:13px!important;color:#555!important}.howto-block{display:block;color:#000}.howto-inner{width:960px;max-width:calc(100% - 20px);margin:0 auto;min-height:569px;display:flex;align-items:center;gap:32px;padding:20px 0}.howto-image{width:295px;height:390px;flex:0 0 295px}.howto-copy{flex:1}.howto-copy h2{font-size:24px;line-height:1.25;margin:0 0 22px;font-weight:700}.step{display:flex;align-items:center;gap:20px;margin:18px 0}.step-num{width:64px;height:64px;border-radius:50%;background:#fee9da;border:2px solid #c18960;color:#c18960;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex:0 0 64px}.step strong{font-size:18px;display:block;margin-bottom:3px}.step p{margin:0;font-size:15px;color:#333}.comparison-title{height:106px;display:flex;align-items:center}.comparison-title p{text-align:center;font-size:20px;font-weight:700;margin:0}.comparison-block{padding:0 0 32px}.comparison-block table{width:100%;border-collapse:collapse;background:#fff;font-size:15px}.comparison-block th{background:#f5d2bd;font-weight:700;padding:14px 10px;border:1px solid #e7c7b4}.comparison-block td{padding:13px 10px;border:1px solid #e7c7b4;vertical-align:middle}.comparison-block td:first-child{font-weight:700;width:24%}.comparison-block th:nth-child(2),.comparison-block td:nth-child(2){color:#2b7a42;font-weight:700}.comparison-block th:nth-child(3),.comparison-block td:nth-child(3){color:#7d3b32}.final-copy{min-height:149px;display:flex;align-items:center}.final-copy h2{font-size:22px;line-height:1.25;margin:0 0 12px;text-align:center;font-weight:700}.final-copy p{font-size:16px;line-height:1.5;margin:0;text-align:center}.offer-block{min-height:442px;display:flex;align-items:center}.offer-inner{width:960px;max-width:calc(100% - 20px);margin:0 auto;display:flex;align-items:center;gap:32px;padding:20px 0}.offer-image{width:420px;height:360px;flex:0 0 420px}.offer-copy{flex:1;text-align:center}.offer-copy h3{font-size:28px;line-height:1.15;margin:0 0 6px;font-weight:800}.offer-copy p{font-size:16px;line-height:1.5;margin:15px 0}.cta{background:#c18960;color:#fff!important;border-radius:6px;display:block;text-align:center;font-weight:700;box-shadow:0 2px 0 rgba(0,0,0,.08);transition:transform .15s ease,filter .15s ease}.cta:hover{filter:brightness(.96);transform:translateY(1px)}.big-cta{width:371px;max-width:100%;margin:18px auto 0;padding:16px;font-size:18px;animation:btnShrink 1.8s infinite}.guarantee{font-weight:500}.sidebar-card{width:300px;display:block;position:relative;padding-top:500px}.sidebar-box{width:270px;margin:0 auto;background:#fff;border:1px solid #eee;padding:16px;text-align:center;box-shadow:0 4px 18px rgba(0,0,0,.06)}.sidebar-title{font-size:16px;font-weight:700;margin-bottom:12px}.sidebar-product-small{width:238px;height:46px;margin:0 auto 10px;font-size:11px}.sidebar-product-main{width:238px;height:238px;margin:0 auto 14px}.side-cta{padding:15px;margin:0 auto 16px;font-size:16px}.side-features{list-style:none;margin:0;padding:0;text-align:left}.side-features li{font-size:14px;line-height:1.35;margin:12px 0;display:flex;align-items:flex-start;gap:8px}.icon-ph{width:22px;height:22px;border-radius:50%;background:#fee9da;color:#c18960;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 22px}.footer{width:1280px;max-width:100%;margin:0 auto;background:#f5f5f5;min-height:163px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#333;font-size:14px}.footer-logo{width:100px;height:60px;font-size:11px}@keyframes btnShrink{0%,100%{transform:scale(1)}50%{transform:scale(.965)}}@media(max-width:1023px){.page-shell{width:100%;display:block}.content-column{width:100%}.sidebar-card{display:none}.title-section{height:auto;padding:10px 0 16px}.title-section h1{font-size:25px}.benefit-inner,.social-inner,.howto-inner,.offer-inner{flex-direction:column;align-items:stretch;gap:18px}.benefit-img{width:100%;height:auto;aspect-ratio:1/1;flex:auto}.benefit-copy h2{font-size:20px}.social-inner{min-height:auto}.review-feature-card{width:100%;flex:auto}.review-image{width:100%;height:auto;aspect-ratio:1/1}.howto-image{width:100%;height:390px;flex:auto}.offer-image{width:100%;height:auto;aspect-ratio:1/1;flex:auto}.comparison-block{overflow-x:auto}.comparison-block table{min-width:680px}.hero-ph{height:50vw;min-height:260px}.hero-image-section{height:auto;padding:10px 0}.strip-image-section{height:auto;padding:0 0 10px}.strip-ph{height:116px}.author-section{height:90px}.intro-section{min-height:116px}.comparison-title{height:90px}.final-copy{padding:20px 0}.offer-block{padding:10px 0}.footer{width:100%}}@media(max-width:540px){body{font-size:16px}.inner,.benefit-inner,.social-inner,.howto-inner,.offer-inner{width:calc(100% - 20px);max-width:calc(100% - 20px)}.breadcrumb{font-size:12px}.title-section h1{font-size:25px;line-height:1.22}.author-name{font-size:14px}.avatar-ph{width:54px;height:54px;flex-basis:54px}.intro-section p{font-size:15px}.benefit-inner{padding:16px 0}.benefit-card:first-child .benefit-inner{min-height:auto}.benefit-copy h2{font-size:20px;line-height:1.35}.benefit-copy p{font-size:15px}.inline-review p{font-size:12px}.proof-copy h2{font-size:23px}.howto-inner{padding:24px 0}.howto-image{height:390px}.step{gap:14px}.step-num{width:56px;height:56px;flex-basis:56px;font-size:18px}.comparison-title p{font-size:18px}.final-copy h2{font-size:21px}.offer-copy h3{font-size:26px}.big-cta{width:100%}}


/* Mobile fidelity pass: match Cliprain single-column mobile behavior and remove fixed-width overflow */
@media (max-width: 1023px) {
  .page-shell,
  .content-column,
  .section,
  .image-link {
    width: 100% !important;
    max-width: 100% !important;
  }

  .inner,
  .benefit-inner,
  .social-inner,
  .howto-inner,
  .offer-inner {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hero-ph,
  .strip-ph,
  .benefit-img,
  .review-image,
  .howto-image,
  .offer-image,
  .placeholder {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .hero-ph {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 960 / 480;
    min-height: 0 !important;
  }

  .strip-ph {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 960 / 116;
  }

  .benefit-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    flex: none !important;
  }

  .benefit-copy,
  .proof-copy,
  .howto-copy,
  .offer-copy,
  .review-card-body {
    min-width: 0 !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .review-feature-card {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  .title-section h1,
  .benefit-copy h2,
  .proof-copy h2,
  .howto-copy h2,
  .final-copy h2,
  .intro-section p,
  .benefit-copy p,
  .inline-review p,
  .review-card-body p,
  .proof-copy p,
  .final-copy p,
  .offer-copy p {
    max-width: 100% !important;
    overflow-wrap: anywhere;
  }

  .comparison-block {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 540px) {
  .breadcrumb-section { height: 37px; }
  .breadcrumb { white-space: nowrap; overflow: hidden; text-overflow: clip; }
  .title-section { padding: 6px 0 18px; }
  .title-section h1 { font-size: 25px; line-height: 1.22; font-weight: 800; }
  .author-section { height: 78px; }
  .author-row { gap: 10px; }
  .avatar-ph { width: 46px !important; height: 46px !important; flex-basis: 46px !important; font-size: 9px; }
  .intro-section p { font-size: 16px; line-height: 1.48; padding: 10px 0; }
  .hero-image-section { padding: 0; }
  .strip-image-section { padding: 0; }
  .benefit-inner { gap: 14px; padding: 0 0 18px; }
  .benefit-card { padding-top: 0; }
  .benefit-copy h2 { font-size: 21px; line-height: 1.28; margin-bottom: 12px; font-weight: 800; }
  .benefit-copy p { font-size: 16px; line-height: 1.48; margin-bottom: 16px; }
  .inline-review { padding-left: 12px; }
  .inline-review p { font-size: 13px; line-height: 1.45; }
  .inline-review strong { font-size: 15px; }
  .social-inner { padding: 18px 0; }
  .review-card-body { padding: 18px; }
  .howto-inner { padding: 18px 0; gap: 18px; }
  .howto-image { height: auto !important; aspect-ratio: 295 / 390; }
  .offer-inner { padding: 18px 0; }
}


/* Cliprain typography fidelity: Poppins + exact computed section sizes */
body,
button,
input,
textarea,
select {
  font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.breadcrumb { font-size: 11px !important; line-height: 16.5px !important; font-weight: 400 !important; }
.title-section h1 { font-size: 25px !important; line-height: 37.5px !important; font-weight: 700 !important; }
.author-name { font-size: 16px !important; line-height: 20px !important; font-weight: 700 !important; }
.date { font-size: 14px !important; line-height: 17.5px !important; font-weight: 400 !important; }
.intro-section p { font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; }
.benefit-copy h2 { font-size: 20px !important; line-height: 30px !important; font-weight: 700 !important; }
.benefit-copy p { font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; }
.inline-review p { font-size: 12px !important; line-height: 18px !important; font-weight: 400 !important; }
.inline-review strong { font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; }
.review-card-body p { font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; }
.review-card-body strong { font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; }
.verified { font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; }
.proof-copy h2 { font-size: 20px !important; line-height: 25px !important; font-weight: 700 !important; }
.proof-copy p { font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; }
.proof-mini strong { font-size: 16px !important; line-height: 24px !important; font-weight: 700 !important; }
.footnote { font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; }
.howto-copy h2 { font-size: 20px !important; line-height: 25px !important; font-weight: 700 !important; }
.step strong { font-size: 16px !important; line-height: 20px !important; font-weight: 700 !important; }
.step p { font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; }
.comparison-title p { font-size: 11px !important; line-height: 16.5px !important; font-weight: 400 !important; }
.comparison-block table { font-size: 16px !important; line-height: 20px !important; font-weight: 400 !important; }
.final-copy h2 { font-size: 20px !important; line-height: 30px !important; font-weight: 700 !important; }
.final-copy p { font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; }
.offer-copy h3 { font-size: 18px !important; line-height: 22.5px !important; font-weight: 700 !important; }
.offer-copy p { font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; }
.cta { font-size: 18px !important; line-height: 22.5px !important; font-weight: 400 !important; }
.sidebar-title { font-size: 16px !important; line-height: 20px !important; font-weight: 700 !important; }
.side-features li { font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; }
.footer { font-family: Poppins, system-ui, sans-serif !important; font-size: 14px !important; line-height: 20px !important; }

@media (min-width: 541px) and (max-width: 1023px) {
  .breadcrumb { font-size: 11px !important; line-height: 16.5px !important; }
  .title-section h1 { font-size: 25px !important; line-height: 37.5px !important; }
  .intro-section p { font-size: 16px !important; line-height: 24px !important; }
  .benefit-copy h2 { font-size: 20px !important; line-height: 30px !important; }
  .benefit-copy p { font-size: 16px !important; line-height: 24px !important; }
}

@media (max-width: 540px) {
  .breadcrumb { font-size: 11px !important; line-height: 16.5px !important; }
  .title-section h1 { font-size: 25px !important; line-height: 37.5px !important; }
  .author-name { font-size: 16px !important; line-height: 20px !important; }
  .date { font-size: 14px !important; line-height: 17.5px !important; }
  .intro-section p { font-size: 16px !important; line-height: 24px !important; }
  .benefit-copy h2 { font-size: 20px !important; line-height: 30px !important; }
  .benefit-copy p { font-size: 16px !important; line-height: 24px !important; }
  .inline-review p { font-size: 12px !important; line-height: 18px !important; }
  .inline-review strong { font-size: 16px !important; line-height: 24px !important; }
  .proof-copy h2, .howto-copy h2 { font-size: 20px !important; line-height: 25px !important; }
  .step strong { font-size: 16px !important; line-height: 20px !important; }
  .step p { font-size: 16px !important; line-height: 24px !important; }
  .offer-copy h3 { font-size: 18px !important; line-height: 22.5px !important; }
  .cta { font-size: 18px !important; line-height: 22.5px !important; }
}


/* Original image placement + Cliprain floating ATC */
.image-frame {
  background: #fff;
  overflow: hidden;
  display: block;
}
.image-frame img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.avatar-ph img,
.strip-ph img,
.rating-img img,
.footer-logo img {
  object-fit: contain;
}
.review-image img {
  object-fit: cover;
}
.howto-image img {
  object-fit: cover;
}
.icon-ph {
  background: transparent !important;
  border-radius: 0 !important;
}
.icon-ph img {
  width: 25px;
  height: 25px;
  display: block;
  object-fit: contain;
}
.sidebar-card {
  align-self: stretch;
}
.sidebar-box {
  position: sticky;
  top: 30px;
}
.sidebar-product-small {
  width: 100px !important;
  height: 17px !important;
}
.sidebar-product-main {
  width: 238px;
  height: 238px;
}
.floating-atc {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(255,255,255,1);
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  box-shadow: 0 -4px 14px rgba(0,0,0,.12);
  display: flex;
  justify-content: center;
}
.floating-atc-btn {
  width: min(600px, 100%);
  background: #C18960;
  color: #fff !important;
  text-align: center;
  border-radius: 6px;
  padding: 14px 16px;
  font-family: Poppins, system-ui, sans-serif;
  font-size: 18px;
  line-height: 22.5px;
  font-weight: 700;
  animation: btnShrink 1.8s infinite;
  box-shadow: 0 4px 8px rgba(0,0,0,.16);
}
body { padding-bottom: 74px; }
@media (min-width: 1024px) {
  .floating-atc { padding: 12px; }
}
@media (max-width: 540px) {
  .floating-atc { padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); }
  .floating-atc-btn { padding: 13px 14px; }
}


/* Comparison table update: icon proof + no mobile horizontal scrolling */
.comparison-block th:nth-child(2),
.comparison-block td:nth-child(2),
.comparison-block th:nth-child(3),
.comparison-block td:nth-child(3) {
  color: #000 !important;
  font-weight: 400 !important;
}
.comparison-block td:nth-child(2),
.comparison-block td:nth-child(3) {
  vertical-align: middle;
}
.cmp-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  margin-right: 6px;
  flex: 0 0 18px;
}
.cmp-check { background: #24a148; }
.cmp-x { background: #d62d20; font-size: 16px; }
.comparison-block td:nth-child(2),
.comparison-block td:nth-child(3) {
  gap: 0;
}

@media (max-width: 1023px) {
  .comparison-block {
    overflow-x: visible !important;
  }
  .comparison-block .inner {
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
  }
  .comparison-block table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
    font-size: 12px !important;
    line-height: 15px !important;
  }
  .comparison-block th,
  .comparison-block td {
    padding: 8px 4px !important;
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
  }
  .comparison-block th:first-child,
  .comparison-block td:first-child {
    width: 24% !important;
  }
  .comparison-block th:nth-child(2),
  .comparison-block td:nth-child(2),
  .comparison-block th:nth-child(3),
  .comparison-block td:nth-child(3) {
    width: 38% !important;
  }
  .cmp-icon {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
    font-size: 11px;
    margin-right: 3px;
  }
  .cmp-x { font-size: 14px; }
}

@media (max-width: 420px) {
  .comparison-block table {
    font-size: 10.5px !important;
    line-height: 13px !important;
  }
  .comparison-block th,
  .comparison-block td {
    padding: 6px 3px !important;
  }
  .cmp-icon {
    width: 13px;
    height: 13px;
    flex-basis: 13px;
    font-size: 9px;
    margin-right: 2px;
    vertical-align: -1px;
  }
  .cmp-x { font-size: 12px; }
}