.book__hero{padding-top:clamp(32px,4vw,64px);padding-bottom:clamp(48px,6vw,96px)}.book__hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:clamp(28px,4vw,56px);gap:clamp(28px,4vw,56px);align-items:center}.book__intro{grid-column:1/span 7}.book__title{margin-top:20px;max-width:18ch;text-wrap:balance}.book__essentials{margin-top:clamp(18px,2vw,26px)}.book__panel{grid-column:8/span 5;padding:clamp(24px,2.6vw,38px);background:var(--surface-light);border:1px solid var(--border)}.book__cta-btn{width:100%;min-height:60px;padding-inline:28px;font-size:1rem}.book__hint{margin-top:14px;font-size:.82rem;line-height:1.6;color:var(--text-secondary);max-width:52ch;text-wrap:pretty}.book__hint-mail{display:block;margin-top:4px}.book__hint a{position:relative;display:inline-block;color:var(--brand);border-bottom:1px solid var(--border);overflow-wrap:anywhere;transition:border-color .22s var(--ease)}@media (hover:hover) and (pointer:fine){.book__hint a:hover{border-bottom-color:var(--brand)}}.book__hint a:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:48px}.book__panel-alt{margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}.book__steps-head{max-width:62ch;margin-bottom:clamp(26px,3vw,40px)}.book__steps-intro{margin-top:14px}.book__about-lead{margin-bottom:clamp(18px,2vw,26px)}.book__boundary{margin-top:clamp(28px,3vw,40px)}.book__end-title{max-width:16ch}.book__end-action{margin-top:clamp(26px,3vw,40px)}.book__end .book__cta-btn{width:auto;min-width:280px}.on-dark .book__hint{color:var(--on-brand-muted)}.on-dark .book__hint a{color:var(--on-brand);border-bottom-color:var(--on-brand-border)}@media (hover:hover) and (pointer:fine){.on-dark .book__hint a:hover{border-bottom-color:var(--on-brand)}}.book__end-alt{margin-top:clamp(32px,3.6vw,52px);padding-top:clamp(22px,2.4vw,30px);border-top:1px solid var(--on-brand-border)}.book__end-alt .prose{margin-bottom:16px;max-width:48ch}.book__notes{display:grid;grid-gap:10px;gap:10px;margin-top:clamp(26px,3vw,40px);padding-top:clamp(26px,3vw,40px);border-top:1px solid var(--on-brand-border)}@media (max-width:1023px){.book__hero-grid{grid-template-columns:minmax(0,1fr);gap:clamp(26px,4vw,36px);align-items:start}.book__intro,.book__panel{grid-column:1}.book__panel{max-width:560px}}@media (max-width:767px){.book__hero{padding-top:22px}.book__end-title,.book__title{max-width:100%}.book__panel{padding:20px}.book__end .book__cta-btn{width:100%;min-width:0}}