:root{--ink:#102f48;--paper:#f8f3ea;--white:#fffdfa;--gold:#a77743;--muted:#6e6a63}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:#252421;font-family:Georgia,"Times New Roman",serif}
header{padding:22px 28px;display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:auto}
.brand{font:700 15px Arial,sans-serif;letter-spacing:.14em;color:var(--ink);text-decoration:none}
header nav{display:flex;gap:22px}
header nav a{font:13px Arial,sans-serif;color:var(--ink);text-decoration:none}
main{max-width:1180px;margin:auto;padding:20px 28px 90px}
.intro{text-align:center;padding:38px 0 48px}
.kicker{font:700 11px Arial,sans-serif;letter-spacing:.25em;color:var(--gold);text-transform:uppercase}
h1{font-size:clamp(42px,7vw,78px);color:var(--ink);margin:.08em 0 .12em;letter-spacing:-.035em}
.hook{font-size:clamp(18px,2.2vw,27px);font-style:italic;line-height:1.35;margin:0 auto;max-width:760px}
.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);align-items:start}
.panel{text-align:center}
.cover{display:block;width:100%;max-width:460px;margin:auto;box-shadow:0 24px 55px rgba(18,28,35,.22)}
.label{margin:18px 0 0;font:700 11px Arial,sans-serif;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}
.actions{text-align:center;padding:54px 0 20px}
.actions h2{font-size:30px;color:var(--ink);margin:0 0 8px}
.actions p{color:var(--muted);margin:0 0 22px}
.buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.btn{padding:13px 20px;border:1px solid var(--ink);font:700 13px Arial,sans-serif;text-decoration:none;color:var(--ink)}
.btn.primary{background:var(--ink);color:white}
.btn.disabled{opacity:.58;cursor:default}
.note{text-align:center;color:var(--muted);font-size:13px;margin-top:15px}
footer{background:var(--ink);color:#e9e2d8;text-align:center;padding:34px 20px;font:12px Arial,sans-serif;letter-spacing:.04em}
@media(max-width:760px){
 header{padding:18px 20px} header nav{gap:12px}
 main{padding:10px 18px 60px}.intro{padding:25px 0 35px}
 .book-grid{grid-template-columns:1fr;gap:50px}.cover{max-width:390px}
}