.book-hero .btn-row{margin-top:10px}
.book-print{margin-top:18px; max-width:46ch}
.book-hero .btn-note{margin-top:12px}
.book-stage{display:grid; place-items:center; padding:clamp(28px,5vw,56px); position:relative; border-radius:var(--radius); background:radial-gradient(circle at 50% 42%,#b4e6e0 0%,var(--teal) 58%,#62b9b1 100%); box-shadow:var(--shadow)}
.book-stage .cover-img{position:relative; transform:rotate(1deg)}
.book-photo,.author-photo{max-height:560px; width:min(100%,460px); justify-self:center}
.inside{list-style:none; padding:0; display:grid; grid-template-columns:repeat(6,1fr); gap:clamp(14px,2vw,24px)}
.inside li{grid-column:span 2; display:grid; gap:10px; align-content:start; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:clamp(22px,3vw,30px)}
.inside li:nth-child(4),.inside li:nth-child(5){grid-column:span 3}
.inside li:nth-child(2){background:var(--sun); border-color:transparent}
.inside li:nth-child(4){background:var(--mist); border-color:transparent}
.inside .step-n{font-size:2.4rem; margin:0}
.inside h3{font-size:1.25rem; margin-bottom:6px}
.inside p{color:var(--ink-soft); font-size:.98rem}
.ripple-band{position:relative; overflow:hidden}
.ripple-band::before,.ripple-band::after{content:""; position:absolute; border-radius:50%; border:2px solid rgba(112,200,192,.35); pointer-events:none}
.ripple-band::before{width:520px; height:520px; left:-160px; top:-200px; box-shadow:0 0 0 40px rgba(112,200,192,.08),0 0 0 80px rgba(112,200,192,.05)}
.ripple-band::after{width:360px; height:360px; right:-120px; bottom:-160px}
.ripple-band .wrap{position:relative; z-index:1}
@media (max-width:960px){
  .inside{grid-template-columns:1fr 1fr}
  .inside li,.inside li:nth-child(4),.inside li:nth-child(5){grid-column:auto}
  .inside li:nth-child(5){grid-column:1/-1}
  .book-stage{order:-1}
}
@media (max-width:620px){
  .inside{grid-template-columns:1fr}
  .inside li:nth-child(5){grid-column:auto}
}