@font-face{font-family:'Bebas';src:url('fonts/BebasNeueCyrillic.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Plex';src:url('fonts/IBMPlexSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Plex';src:url('fonts/IBMPlexSans-Medium.ttf') format('truetype');font-weight:500;font-display:swap}

:root{--ink:#1C1816;--ink-text:#F1E9DC;--paper:#DED2BE;--muted:#B8ADA3;--accent:#963F49}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--ink-text);font-family:'Plex',system-ui,sans-serif;font-size:17px;line-height:1.55}
.wrap{max-width:680px;margin:0 auto;padding:0 16px}
section,footer{padding:48px 0}
.ink{background:var(--ink);color:var(--ink-text)}
.paper{background:var(--paper);color:var(--ink)}
.hero{padding:72px 0 64px}
.label{font-family:'Bebas',sans-serif;letter-spacing:.08em;color:var(--accent);font-size:20px}
.ink .label{color:#C9707A}
h1,h2{font-family:'Bebas',sans-serif;font-weight:400;line-height:1.05;margin:0 0 20px}
h1{font-size:clamp(44px,9vw,72px);margin-top:8px}
h2{font-size:38px}
.lead{font-size:19px;color:var(--ink-text);max-width:560px}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:8px}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
.btn{display:inline-block;margin-top:12px;padding:14px 26px;background:var(--accent);color:#fff;text-decoration:none;font-weight:500;border-radius:4px}
.btn:hover{background:#A9505A}
.price{font-family:'Bebas',sans-serif;font-size:64px;line-height:1;margin-bottom:12px}
footer{font-size:15px;color:var(--muted)}
footer h2{color:var(--ink-text)}
.doc{background:var(--paper);color:var(--ink);padding:48px 0 64px;font-size:15px}
.doc h1{font-size:44px}
.doc h2{font-size:26px;margin-top:28px;margin-bottom:10px}
.doc p{margin-bottom:10px}
.back{display:inline-block;margin-bottom:24px}