
.hero h1{font-size:clamp(48px,5.5vw,80px);margin:20px 0}.hero-copy{padding-top:15px}.value-title{font-size:22px;line-height:1.4;color:#283c2c;max-width:530px;margin:0 0 22px}.quick-benefits{list-style:none;padding:0;margin:18px 0;display:grid;gap:12px;font-size:16px}.quick-benefits li:before{content:'✓';color:#47734a;margin-right:12px;font-weight:bold}.peek-link{display:inline-block;text-decoration:underline;text-underline-offset:5px;margin:0 0 24px;font-weight:600}.hero .button{margin-top:16px!important}.preview-pages{background:#eaece1}.preview-pages>p{margin:18px 0 28px;font-size:18px}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-grid button{background:#fff;padding:12px;border:1px solid #d4d8c8;border-radius:12px;color:#283c2c}.page-grid img{height:auto;object-fit:contain}.page-grid span{display:block;padding:15px;font-weight:bold}dialog{border:0;border-radius:16px;max-width:calc(100% - 24px);max-height:90dvh;padding:32px;background:#fffdf5;color:#283c2c}dialog::backdrop{background:#142519bb}.close{position:absolute;right:8px;top:8px;font-size:28px;background:white;border:0;border-radius:50%;width:40px;height:40px}#page-view{padding:25px 12px 12px;width:800px}#page-view img{height:auto;width:100%}.mobile-purchase{display:none!important}body:has(dialog[open]) .mobile-purchase{display:none!important}@media(max-width:600px){.hero{padding-top:20px}.hero-visual{min-height:280px!important;height:280px!important}.hero h1{font-size:48px}.value-title{font-size:20px}.quick-benefits{font-size:16px}.hero-price{margin-top:0}.page-grid{grid-template-columns:1fr;gap:24px}.preview-pages{padding:48px 6%}.mobile-purchase.is-visible{display:flex!important;z-index:20;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0001}.mobile-purchase .button{height:48px;min-height:48px!important}body{padding-bottom:85px}}

.headline-first-line{white-space:nowrap}.hero h1{font-size:clamp(30px,4.1vw,80px);letter-spacing:-1.5px}@media(max-width:600px){.hero h1{font-size:clamp(27px,7.5vw,45px);letter-spacing:-1px}}

.hero h1{font-size:clamp(54px,5.7vw,90px);line-height:1.08;letter-spacing:-2px}.hero h1 em{white-space:nowrap}@media(max-width:600px){.hero h1{font-size:48px;line-height:1.12;letter-spacing:-1.6px}}

.sample-close{position:sticky;float:right;top:0;font-size:28px;background:white;border:1px solid #ddd;border-radius:50%;width:44px;height:44px;z-index:1}.sample-page:focus-visible{outline:3px solid #283c2c;outline-offset:4px}.hero-copy{min-width:0}
