@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/jetbrains-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/jetbrains-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/space-grotesk-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--kniff-orange:#FF6A00;--kniff-orange-deep:#E05A00;--kniff-orange-press:#C24A00;--kniff-orange-tint:#FFF1E8;--kniff-ink:#17171B;--kniff-carbon:#101014;--kniff-slate:#6E6E76;--kniff-line:#E3E3E0;--kniff-paper:#FAFAF7;--kniff-white:#FFFFFF;--kniff-font-display:"Space Grotesk",Archivo,ui-sans-serif,system-ui,sans-serif;--kniff-font-text:Inter,ui-sans-serif,system-ui,sans-serif;--kniff-font-mono:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box}
body{margin:0;background:#FAFAF7;-webkit-font-smoothing:antialiased}
a{color:#FF6A00;text-decoration:none}
a:hover{color:#E05A00}
h1,h2,h3,p,ul,ol,li,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}

/* nav + footer links */
.nl{color:#9A9AA4}.nl:hover{color:#FAFAF7}
.fl{color:#7C7C86}.fl:hover{color:#FAFAF7}
.hcta{font-family:var(--kniff-font-display);font-weight:700;font-size:13px;color:#fff;background:var(--kniff-orange);padding:10px 16px;border-radius:4px;line-height:1;white-space:nowrap}
.hcta:hover{background:#E05A00;color:#fff}

/* buttons (ui/Button) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--kniff-font-display);font-weight:700;font-size:15px;line-height:1;padding:13px 20px;border-radius:4px;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:background .12s,border-color .12s;user-select:none;-webkit-appearance:none}
.btn-primary{background:var(--kniff-orange);color:#FFFFFF}
.btn-primary:hover{background:var(--kniff-orange-deep);color:#FFFFFF}
.btn-primary:active{background:var(--kniff-orange-press);color:#FFFFFF}
.btn-ghost-dark{background:transparent;border-color:#3A3A42;color:var(--kniff-paper)}
.btn-ghost-dark:hover{background:rgba(250,250,247,.06);color:var(--kniff-paper)}
.btn-ghost-dark:active{background:rgba(250,250,247,.12)}

/* form fields (ui/Field) */
.field{display:flex;flex-direction:column;gap:7px;font-family:var(--kniff-font-mono);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--kniff-slate)}
.field input,.field textarea{font-family:var(--kniff-font-text);font-size:15px;line-height:1.4;color:var(--kniff-ink);background:var(--kniff-white);border:1px solid var(--kniff-line);border-radius:4px;padding:11px 12px;outline:none;width:100%;transition:border-color .12s;resize:vertical;box-sizing:border-box}
.field input:focus,.field textarea:focus{border-color:var(--kniff-ink)}
.field input::placeholder,.field textarea::placeholder{color:#A0A0A8}