@font-face{font-family:'Familjen Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/familjen-grotesk-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Familjen Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/familjen-grotesk-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Familjen Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/familjen-grotesk-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}

.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--accent-ink);padding:8px 14px;border-radius:6px;z-index:99}
.skip:focus{left:12px}
footer.site{border-top:1px solid var(--line);padding-block:40px 24px;color:var(--muted);font-size:14px;margin-top:40px}
footer.site .fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
footer.site h4{font:600 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 10px}
footer.site a{display:block;color:var(--muted);text-decoration:none;margin-bottom:6px}
footer.site a:hover{color:var(--accent);text-decoration:underline}
footer.site p{margin:0 0 8px}
footer.site .fbot{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:13px}
@media (max-width:760px){footer.site .fgrid{grid-template-columns:1fr 1fr}}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted);margin:6px 0 4px}
.agree input{margin-top:4px;width:18px;height:18px;flex:none}
.legal{max-width:760px;padding-block:48px}
.legal h1{font-size:clamp(30px,4vw,42px);margin-bottom:8px}
.legal h2{font-size:22px;margin:32px 0 8px}
.legal p,.legal li{color:var(--ink)}
.legal .upd{color:var(--muted);font-family:var(--mono);font-size:13px}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:14px}.crumbs a{color:var(--muted)}
.pd{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;padding-block:44px}
@media (max-width:860px){.pd{grid-template-columns:1fr}}
.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}
.box ul{padding-left:18px;margin:8px 0 0}
.cform .f{margin-bottom:12px}.cform label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.cform input,.cform textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit}

.cform label.agree{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;color:var(--muted)}
.cform label.agree input{width:18px;height:18px;flex:none;margin-top:3px}
.cform select{background:var(--bg)!important}