/* Палитра книги: индиго и золото на песочном. Шрифты те же, что в макете. */
:root{
  --ink:#232048; --gold:#A8842F; --body:#3A342D; --muted:#7D756A;
  --paper:#FBF9F4; --line:#DCD6C8;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--body);
  font:400 17px/1.65 Spectral,Georgia,serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:720px; margin:0 auto; padding:0 24px}
header{padding:56px 0 8px; text-align:center}
.brand{
  font:600 13px/1 Commissioner,system-ui,sans-serif;
  letter-spacing:.18em; text-transform:uppercase; color:var(--gold);
}
h1{
  font:400 40px/1.15 Spectral,Georgia,serif; color:var(--ink);
  margin:18px 0 10px; letter-spacing:.01em;
}
.lead{font-size:19px; color:var(--body); margin:0 auto 6px; max-width:600px}
.rule{border:0; border-top:1px solid var(--line); margin:44px 0}
h2{
  font:600 12px/1 Commissioner,system-ui,sans-serif; color:var(--gold);
  letter-spacing:.16em; text-transform:uppercase; margin:44px 0 14px;
}
ul{padding-left:20px} li{margin:8px 0}
.card{
  background:#fff; border:1px solid var(--line); border-radius:2px;
  padding:28px; margin:32px 0; text-align:center;
}
.price{font:400 34px/1 Spectral,Georgia,serif; color:var(--ink)}
.price small{font-size:15px; color:var(--muted); display:block; margin-top:8px}
.btn{
  display:inline-block; margin-top:20px; padding:15px 40px;
  background:var(--ink); color:#fff; text-decoration:none; border:0;
  font:600 14px/1 Commissioner,system-ui,sans-serif; letter-spacing:.08em;
  text-transform:uppercase; cursor:pointer;
}
.btn:hover{background:#2e2a5e}
.note{font-size:14px; color:var(--muted); margin-top:14px}
footer{
  margin:64px 0 48px; padding-top:24px; border-top:1px solid var(--line);
  font-size:14px; color:var(--muted); text-align:center;
}
footer a{color:var(--muted)}
.legal{font-size:15px; line-height:1.7}
.legal h3{font:600 15px/1.4 Commissioner,system-ui,sans-serif; color:var(--ink); margin:28px 0 8px}