/* Стилі для службових сторінок (дякуємо / політика / 404). Токени = index.html */
:root{--paper:#ECECE7;--paper-2:#E3E3DD;--ink:#15171A;--steel:#4E545A;--rule:#C8C9C2;--signal:#F5C400;
--mono:"Martian Mono",ui-monospace,Menlo,monospace;--sans:"Geologica",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--gut:clamp(16px,4vw,48px)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--gut);width:100%}
.bar{border-bottom:1px solid var(--rule)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:.06em}
.logo svg{width:30px;height:30px}
.meta{font:500 12px/1.45 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--steel)}
.meta b{color:var(--ink);font-weight:500}
main{flex:1;padding:clamp(56px,9vw,128px) 0}
.h1{font-weight:600;letter-spacing:-.035em;line-height:.95;font-size:clamp(34px,6vw,92px);margin:20px 0 24px;max-width:14ch;overflow-wrap:break-word;hyphens:auto}
.lead{color:var(--steel);max-width:52ch}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.btn{transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color .15s,color .15s;display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border:1.5px solid var(--ink);color:var(--ink);font:600 15px/1 var(--sans);text-decoration:none}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.go{background:var(--signal);border-color:var(--signal)}
.btn.go:hover{background:var(--ink);border-color:var(--ink);color:var(--signal)}
.doc{max-width:72ch}
.doc h2{font-size:17px;font-weight:600;margin:36px 0 10px;padding-top:20px;border-top:1px solid var(--rule)}
.doc p,.doc li{color:var(--steel);font-size:16px}
.doc ul{padding-left:20px}
footer{border-top:1px solid var(--rule);padding:24px 0}
@media (max-width:640px){.btn{flex:1 1 100%}}

.btn:active{transform:scale(.97)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}