.product-page{background:var(--hero)}
.product-page .site-head nav{display:flex;gap:28px;align-items:center}
.product-page .site-head nav>a{font-size:.875rem;font-weight:700;text-decoration:none}
.product-page .site-head .prototype-cta{font-size:.8125rem;min-height:44px;padding:12px 16px}
.product-hero{padding:68px 0 84px;border-bottom:1px solid var(--line)}
.product-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center}
.product-promise h1{font-size:clamp(3rem,4.8vw,4.5rem);line-height:1.04;text-wrap:balance;max-width:18ch}
.product-promise h1 em{color:var(--blue)}
.product-promise>p{font-size:1rem;line-height:1.75;color:var(--slate);margin-top:26px;max-width:48ch}
.product-promise p strong{color:var(--ink)}
.product-promise ul{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:10px;font-size:.9375rem}
.product-promise li{position:relative;padding-left:23px}
.product-promise li:before{content:'✓';position:absolute;left:0;color:var(--blue)}
.product-price{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.product-price strong{font:500 2.9rem/1 Newsreader,Georgia,serif}
.product-price span{font-size:.8125rem;color:var(--slate)}
.product-buy{min-height:52px;padding:15px 26px}
.product-book-stage{display:grid;place-items:center;min-height:490px;background:var(--paper);padding:56px 32px}
.product-book-stage .d1-book{width:300px;min-height:390px;gap:36px;transform:rotate(6deg)}
.product-book-stage .d1-book-title{font-size:3.3rem}
.product-inside,.product-questions{padding:88px 0}
.product-page h2{font-size:clamp(2.4rem,3.7vw,3.3rem);line-height:1.08}
.product-intro{margin-top:22px;color:var(--slate);font-size:1rem}
.product-chapters{margin-top:40px;max-width:920px}
.product-chapters article{display:grid;grid-template-columns:100px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--line)}
.product-chapters article:last-child{border-bottom:0;padding-bottom:0}
.product-chapters article>span{font:500 1.8rem/1.3 Newsreader,Georgia,serif;color:var(--blue)}
.product-chapters h3{font:500 1.8rem/1.15 Newsreader,Georgia,serif;letter-spacing:-.02em}
.product-chapters p{margin-top:12px;color:var(--slate);font-size:1rem;max-width:65ch}
.product-preview{background:var(--paper);padding:76px 0}
.product-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.product-preview p{max-width:37ch;margin:24px 0;color:var(--slate);font-size:1rem}
.product-sample{display:block;width:100%;max-width:390px;justify-self:center;box-shadow:0 12px 30px #2428341a}
.product-sample img{width:100%;height:auto}
.product-question-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}
.product-questions p{font-size:1rem;line-height:1.7;color:var(--slate)}
.product-questions details .prototype-cta{margin-bottom:24px}
.product-close{padding:76px 0;background:var(--paper);text-align:center}
.product-close p{margin:22px auto 28px;font-size:1rem;color:var(--slate)}
@media(max-width:900px){.product-hero-grid{gap:36px;grid-template-columns:1.1fr .9fr}.product-book-stage{padding:40px 18px;min-height:420px}.product-book-stage .d1-book{width:240px;min-height:330px;padding:26px;gap:28px}.product-book-stage .d1-book-title{font-size:2.6rem}.product-preview-grid{gap:48px}.product-question-grid{gap:40px}}
@media(max-width:650px){.product-page .site-head nav{gap:12px}.product-page .site-head nav>a{display:none}.product-page .site-head .prototype-cta{font-size:.75rem;padding:12px;max-width:215px}.product-hero{padding:40px 0 56px}.product-hero-grid{grid-template-columns:1fr;gap:44px}.product-promise h1{font-size:3rem}.product-promise h1 br{display:none}.product-price{gap:16px}.product-book-stage{min-height:390px;padding:32px}.product-book-stage .d1-book{width:250px;min-height:330px}.product-inside,.product-questions{padding:56px 0}.product-chapters article{grid-template-columns:55px 1fr;gap:18px;padding:24px 0}.product-chapters article>span{font-size:1.35rem}.product-chapters h3{font-size:1.6rem}.product-preview{padding:56px 0}.product-preview-grid,.product-question-grid{grid-template-columns:1fr;gap:32px}.product-sample{max-width:350px}.product-close{padding:56px 0}.product-close h2{font-size:2.5rem}.product-page .site-foot{gap:8px}}
@media(max-width:360px){.product-promise h1{font-size:2.65rem}.product-book-stage .d1-book{width:220px;padding:24px;min-height:320px}.product-book-stage .d1-book-title{font-size:2.35rem}.product-price{flex-wrap:wrap;gap:10px}.product-chapters article{grid-template-columns:1fr;gap:10px}}
