/* Safari and touch-device support, including iPhone safe areas. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
summary::-webkit-details-marker{display:none}
.header{padding-top:env(safe-area-inset-top,0px)}
.wrap{width:min(1280px,calc(100% - 100px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}
.hero{width:100%}
footer{padding-bottom:calc(47px + env(safe-area-inset-bottom,0px))}
@media(max-width:1250px) and (min-width:761px){.wrap{width:calc(100% - 80px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}.hero{width:100%}}
@media(max-width:1020px) and (min-width:761px){.wrap{width:calc(100% - 64px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}.hero{width:100%}}
@media(max-width:760px){
  .wrap,.hero-copy{width:calc(100% - 44px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}
  .hero{width:100%;padding-top:calc(88px + env(safe-area-inset-top,0px))}
  .hero-visual{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
  .hero-photo img{filter:none}
  .hero .lead,.hero-copy>p:not(.eyebrow),.pain-copy>p,.story-copy>p:not(.eyebrow),.method-intro>p:not(.eyebrow),.step-content p,.step-content h3,.finance-top>p:last-child,.finance-grid article>p,.finance-foot,.format-grid>div>p:not(.eyebrow),.bonus-heading>p,.bonus-grid p,.wish-list li,.offer-intro>p:not(.eyebrow),.faq-list summary,.faq-list details p{font-size:15px;line-height:1.8}
  .header nav .nav-cta{font-size:11px;min-height:44px;display:inline-flex;align-items:center;letter-spacing:0}
  .button,.offer-card .button{min-height:56px;font-size:11px;letter-spacing:.8px}
  .text-link,.closing .text-link{min-height:44px;font-size:11px;letter-spacing:.6px;gap:12px}
  .faq-list summary{min-height:64px}
  .bonus-meta{font-size:10px;letter-spacing:.7px}
  .cash{font-size:15px}.included{font-size:13px;line-height:1.7}.payment-note,.availability,.offer-card .discount{font-size:12px;line-height:1.7}
  .footer-inner p,.footer-inner>a{font-size:12px}.footer-inner>a{min-height:44px}
  .method-intro,.hero-copy,.offer-card{min-width:0}
}
@media(max-width:360px){.wrap,.hero-copy{width:calc(100% - 36px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}.hero{width:100%}.brand img{width:130px}.header nav .nav-cta{font-size:10px}.button,.offer-card .button{font-size:10px;padding-inline:16px}}
@media(hover:none){.button:hover,.button:active{transform:none;filter:none}.bonus-grid article:hover{background:#f1ebe1}.bonus-grid article.ethical:hover{background-color:#45202a}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Mobile refinements requested after the iPhone review. */
.bonus-ending{display:contents}
@media(max-width:760px){
  .chapter-ribbon{flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:6px;padding:16px 10px;font-size:clamp(5px,1.45vw,8px);letter-spacing:.2px}
  .chapter-ribbon>span:not(.star){white-space:nowrap}
  .chapter-ribbon .star{display:none}
  .hero-visual{height:clamp(465px,145vw,720px)}
  .hero-photo img{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:50% 58%}
  .hero-visual{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%)}
  .story.clinic-story .story-copy{order:-1}
  .story-metrics div>span{font-size:10px;line-height:1.5}
  .method-note{gap:12px;align-items:flex-start}
  .method-note>span{font-size:19px;line-height:1.35;flex:0 0 19px;padding-top:3px}
  .bonus-grid article.ethical h3 br,#bonus-title br{display:none}
  #bonus-title{font-size:clamp(32px,9.4vw,45px)}
  #bonus-title .bonus-ending{display:inline-block;white-space:nowrap}
  .bonus-grid article.ethical h3{font-size:clamp(29px,8.5vw,34px)}
}