@font-face{font-family:Sifonn;src:url('../assets/fonts/sifonn.woff2') format('woff2'),url('../assets/fonts/sifonn.otf') format('opentype');font-display:swap}
@font-face{font-family:'DM Sans';src:url('../assets/fonts/dm-sans.woff2') format('woff2'),url('../assets/fonts/dm-sans.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark}
*{box-sizing:border-box}
html{min-height:100%}
body{margin:0;min-height:100vh;background:#000;color:#fff;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#fff;color:#000}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.skip-link{position:absolute;top:12px;left:16px;z-index:2;padding:10px 16px;background:#fff;color:#000;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.page{min-height:100vh;display:flex;flex-direction:column;padding:clamp(24px,4vw,54px) clamp(24px,6vw,104px) 28px}
.header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;flex-direction:column;width:140px;flex-shrink:0}
.brand img{display:block;width:140px;height:auto}
.brand span{font-size:12px;letter-spacing:.07em;margin-top:6px}
.back{font-size:14px;border-bottom:1px solid #777;padding:11px 0 8px}
.back:hover,.secondary:hover{border-color:#fff}
.back span{margin-left:5px}
main{width:min(100%,800px);margin:auto 0;padding:88px 0 100px}
h1{margin:0 0 25px;font-family:Sifonn,sans-serif;font-weight:400;font-size:clamp(43px,6.4vw,89px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
.lead{max-width:630px;margin:0;color:#d4d4d4;font-size:clamp(17px,1.5vw,21px);line-height:1.6}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px 29px;margin-top:41px}
.actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:57px;font-size:15px}
.primary{padding:17px 22px;background:#fff;color:#000;border:1px solid #fff}
.primary:hover{background:#e2e2e2}
.secondary{padding:17px 0;border-bottom:1px solid #777}
.note{margin:28px 0 0;color:#aaa;font-size:12px;line-height:1.6}
footer{display:flex;gap:8px;padding-top:21px;border-top:1px solid #444;color:#aaa;font-size:12px}
@media(max-width:700px){.brand,.brand img{width:100px}.brand span{font-size:11px}.back{font-size:12px}main{padding:90px 0 95px}.actions{display:flex;align-items:stretch;flex-direction:column;gap:9px}.actions a{width:100%}.secondary{padding-inline:0}.lead{font-size:16px}}
