/* Small-screen reading and touch layout; desktop composition is preserved. */
html{scroll-padding-bottom:100px}body:has(dialog[open]){overflow:hidden}img{height:auto}
@media(max-width:760px){
  .wrap{width:calc(100% - 36px)}
  .section-space{padding-block:56px}
  .section-heading{gap:22px;margin-bottom:30px}
  .section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:16px;line-height:1.7}
  .eyebrow,.section-label{font-size:10px;letter-spacing:.1em}
  .site-header{gap:12px;padding-block:16px}.site-header .button{font-size:12px;padding-inline:12px;min-height:44px}
  .preview-bar{flex-wrap:wrap;font-size:11px;line-height:1.4}.preview-bar button{min-height:36px;font-size:11px}.offer-bar{font-size:11px;line-height:1.6}
  .hero-support-badge{min-height:62px}.hero-support-badge small{font-size:12px;line-height:1.4}
  .rw-filters{gap:8px}.rw-filters button{min-height:44px;font-size:12px;padding:10px 14px}.rw-demo-info{font-size:12px;line-height:1.6}
  .rw-heading-row h2{font-size:clamp(31px,8.5vw,42px)}.rw-heading-row h2 .pink-underline{white-space:normal}
  .rw-heading-row p:not(.eyebrow){font-size:16px}.rw-counter small{font-size:10px}.rw-bottom button{min-height:48px;font-size:14px}.rw-bottom span{font-size:11px}
  .tm-toggle{min-height:60px}.tm-toggle-copy{font-size:15px}.tm-toggle-copy>span{font-size:12px}.tm-toolbar p{font-size:14px}.tm-pause{min-height:44px;font-size:13px}.tm-note{font-size:11px;line-height:1.6}
  .faq-item button,.faq-item summary{min-height:56px}.faq-answer{font-size:16px;line-height:1.7}.faq-price-sources a{display:inline-block;min-height:36px;padding:6px 0}
  .sticky-order{padding-bottom:max(12px,env(safe-area-inset-bottom));gap:10px}.sticky-order .button{min-height:46px;padding:12px 15px;font-size:14px}.sticky-order .sticky-price{min-width:0}.sticky-order small{font-size:11px}
  .offer-build-steps li,.offer-copy .offer-support-note,.offer-copy .offer-experience{font-size:16px;line-height:1.7}.offer-build-steps b{font-size:16px}.offer-support-title{align-items:flex-start}
  .support-copy p,.support-flow p,.author-copy p{font-size:16px;line-height:1.75}.support-card{min-width:0}.support-mentor{min-width:0}
  .footer-inner{gap:20px}.site-footer{padding-bottom:110px}
}
@media(max-width:600px){
  .hero-book-first{display:flex;flex-direction:column;align-items:stretch}
  .hero-book-first .hero-copy{display:contents}.hero-book-first h1{font-size:clamp(36px,9.8vw,56px);overflow-wrap:normal}
  .hero-book-first .lead{font-size:18px}.hero-book-first .hero-intro{font-size:16px;line-height:1.65}
  .hero-book-showcase{display:grid;grid-template-columns:1fr 1fr;gap:13px;min-height:0;padding-top:40px;margin-block:18px 24px;overflow:visible}
  .hero-main-book{position:relative;grid-column:1/-1;width:min(66%,270px);left:auto;top:auto;margin:20px auto 26px;transform:perspective(1700px) rotateY(-8deg) rotateZ(4deg)}
  .hero-reader{position:relative;inset:auto;width:auto;min-width:0;margin:0;padding:7px;transform:none!important;align-self:start}.hero-reader-photo{height:auto;aspect-ratio:1/1}.hero-reader-text{padding:7px 3px}.hero-reader blockquote{font-size:12px;line-height:1.55}.hero-reader .testimonial-draft-name{font-size:10px}.hero-reader .demo-label,.hero-reader-photo>span{font-size:8px}
  .hero-proof-message{position:relative;inset:auto;width:auto;min-width:0;transform:none!important;padding:12px;align-self:start}.hero-proof-message p{font-size:13px;line-height:1.6}.hero-proof-message header{font-size:11px}.hero-proof-message header small{font-size:9px}.hero-message-foot{font-size:9px}.hero-proof-message .cv-static-link,.hero-reader .cv-static-link{font-size:10px;min-height:40px}
  .book-showcase-halo{inset:50px 0 45%;pointer-events:none}.book-showcase-note{font-size:23px;left:7px;top:0}.hero-book-showcase .seal{right:3px;top:23px;width:80px;height:80px}.hero-book-showcase .seal small{font-size:7px}
  .hero-book-first .button-main{width:100%;font-size:16px;min-height:54px}.hero-book-first .price-note{font-size:13px;justify-content:center;flex-wrap:wrap}.hero-route{font-size:12px!important;justify-content:center;gap:9px!important}.hero-route b{width:23px;height:23px;font-size:10px}
  .hero-video-secondary .video-title{font-size:25px}.secondary-video-label{font-size:10px}.hero-video-secondary .video-bottom b{font-size:11px}.hero-video-secondary .video-bottom>span{font-size:9px}
  .support-mentor figcaption{font-size:clamp(24px,7vw,34px)}.support-mentor img{width:100%}
}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.hero-reader,.hero-proof-message{grid-column:1/-1}.hero-reader{display:grid;grid-template-columns:100px 1fr;gap:8px;align-items:start}.hero-reader-photo{height:130px;aspect-ratio:auto}.hero-reader .cv-static-link{grid-column:1/-1}.hero-proof-message p{font-size:15px}.hero-book-showcase{gap:14px}.hero-main-book{width:70%}.site-header .wordmark{font-size:23px}.site-header .wordmark b{font-size:34px}.site-header .wordmark span{font-size:13px}.sticky-order{padding-inline:12px}.sticky-order .button{font-size:13px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cv-reaction{animation:none!important}}

@media(max-width:600px){.hero-book-first .button-main{order:3;margin-top:12px}.hero-book-first .price-note{order:3;margin-bottom:4px}.hero-book-first .hero-route{order:3}.hero-book-first .hero-support-badge{order:3;margin-top:18px}}

/* Personal messages determine their own height below the book composition. */
.hero-book-showcase{min-height:0}
.hero-proof-pair{position:relative;padding-top:560px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;z-index:4}
.hero-proof-pair .hero-proof-message{position:relative;inset:auto;width:auto;min-width:0}
.hero-proof-pair .avatar{width:40px;height:40px;flex-shrink:0}
.hero-proof-pair .hero-message-foot{text-align:left;margin:8px 0 2px}
.hero-message-reaction{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ece7dc;background:#fff;border-radius:20px;padding:3px 8px;font-size:16px;line-height:1.4}
@media(min-width:601px) and (max-width:800px){.hero-proof-pair{padding-top:595px;grid-template-columns:1fr;gap:18px}.hero-proof-pair .hero-proof-message{transform:none}.hero-proof-pair p{font-size:13px}}
@media(max-width:600px){.hero-proof-pair{grid-column:1/-1;order:10;padding-top:0;grid-template-columns:1fr;gap:15px}.hero-book-first .hero-proof-pair .hero-proof-message{margin:0}.hero-proof-pair p{font-size:15px;line-height:1.6}.hero-proof-pair header{font-size:12px}}
@media(min-width:601px){.hero-book-showcase .book-showcase-halo{bottom:auto;height:560px}}
@media(min-width:601px) and (max-width:800px){.hero-book-showcase .book-showcase-halo{height:520px;inset-inline:0;transform:none}}