/* ============================================================
   Meet The Fanatics — corporate website
   Standalone stylesheet. No framework, no build step.
   Monochrome ink-on-paper · one cobalt accent · Dutch-modernist.
   ============================================================ */

/* ---- Tokens ---- */
:root {
  --ink-900:#0B0B0C; --ink-800:#161618; --ink-700:#232327; --ink-600:#3A3A40;
  --ink-500:#56565E; --ink-400:#74747C; --ink-300:#9A9AA2; --ink-200:#C9C9CC;
  --ink-150:#E0E0DE; --ink-100:#ECECEA; --ink-50:#F4F4F2; --paper:#FFFFFF;
  --accent:#2347E6; --accent-600:#1C3CC2; --accent-100:#E7EBFD;
  --success-500:#1E8A5A; --success-100:#E3F2EA; --warning-500:#B8731B;

  --font-display:'Archivo Black','Archivo',system-ui,sans-serif;
  --font-sans:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',monospace;

  --container:1140px; --narrow:760px;
  --gutter:clamp(1.25rem,5vw,3.5rem);
  --section-y:clamp(3.5rem,8vw,7rem);

  --radius-sm:4px; --radius-md:8px; --radius-lg:14px; --radius-pill:999px;
  --border:1px solid var(--ink-150);
  --shadow-sm:0 2px 8px rgba(11,11,12,.06);
  --shadow-md:0 8px 24px rgba(11,11,12,.08);
  --ease:cubic-bezier(.22,1,.36,1);
}

/* ---- Reset ---- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;
  color:var(--ink-700);background:var(--paper);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{margin:0;color:var(--ink-900);font-weight:700;line-height:1.15;
  letter-spacing:-.02em;text-wrap:balance;}
p{margin:0;text-wrap:pretty;}
a{color:inherit;text-decoration:none;}
img,svg{display:block;max-width:100%;}
ul{margin:0;padding:0;list-style:none;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px;}
::selection{background:var(--ink-900);color:var(--paper);}

/* ---- Layout ---- */
.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);}
.container.narrow{max-width:var(--narrow);}
.section{padding:var(--section-y) 0;}
.section--sunken{background:var(--ink-50);}
.section--ink{background:var(--ink-900);}
.eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500);}

/* ---- Header ---- */
.site-header{position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:var(--border);}
.site-header__inner{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);
  height:70px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}
.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink-900);}
.brand__mark{width:30px;height:30px;flex:none;}
.brand__wm{font-family:var(--font-display);text-transform:uppercase;
  font-size:16px;line-height:.9;letter-spacing:.01em;white-space:nowrap;}
.nav{display:flex;align-items:center;gap:2rem;}
.nav a{font-size:14px;font-weight:500;color:var(--ink-400);transition:color .2s var(--ease);}
.nav a:hover{color:var(--ink-900);}
.nav a[aria-current="page"]{color:var(--ink-900);}
.header-right{display:flex;align-items:center;gap:1rem;}

/* ---- Language switch ---- */
.lang{display:inline-flex;align-items:center;border:var(--border);
  border-radius:var(--radius-pill);padding:2px;gap:2px;font-family:var(--font-mono);}
.lang a{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;
  padding:.3rem .65rem;border-radius:var(--radius-pill);color:var(--ink-400);
  transition:background .2s var(--ease),color .2s var(--ease);}
.lang a[aria-current="true"]{background:var(--ink-900);color:var(--paper);}

/* ---- Skip link (a11y) ---- */
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink-900);color:var(--paper);
  padding:.7rem 1rem;border-radius:0 0 var(--radius-md) 0;font-size:14px;font-weight:600;}
.skip:focus{left:0;}

/* ---- Breadcrumbs ---- */
.crumbs{padding-top:var(--section-y);}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--ink-300);}
.crumbs li{display:inline-flex;align-items:center;gap:.5rem;}
.crumbs li::after{content:"›";color:var(--ink-200);}
.crumbs li:last-child::after{content:"";}
.crumbs a{color:var(--ink-400);transition:color .2s var(--ease);}
.crumbs a:hover{color:var(--ink-900);}
.crumbs [aria-current="page"]{color:var(--ink-700);}
.crumbs + .section, .crumbs + section{padding-top:1.5rem;}

/* ---- Header CTA pill ---- */
.nav-cta{background:var(--ink-900);color:var(--paper)!important;padding:.55rem 1rem;
  border-radius:var(--radius-md);font-weight:600!important;font-size:14px;transition:opacity .2s var(--ease);}
.nav-cta:hover{opacity:.88;}

/* ---- Buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--font-sans);font-weight:600;font-size:15px;line-height:1;
  padding:.8rem 1.3rem;border-radius:var(--radius-md);border:1px solid transparent;
  cursor:pointer;transition:opacity .2s var(--ease),transform .12s var(--ease),
  background .2s var(--ease),color .2s var(--ease);}
.btn:active{transform:translateY(1px);}
.btn--primary{background:var(--ink-900);color:var(--paper);}
.btn--primary:hover{opacity:.88;}
.btn--secondary{background:transparent;color:var(--ink-900);border-color:var(--ink-900);}
.btn--secondary:hover{background:var(--ink-900);color:var(--paper);}
.btn--lg{padding:1rem 1.7rem;font-size:17px;}
.btn--ghost-light{background:var(--paper);color:var(--ink-900);}
.btn--ghost-light:hover{opacity:.9;}

/* ---- Hero ---- */
.hero{padding-top:calc(var(--section-y) + .5rem);padding-bottom:var(--section-y);}
.hero h1{font-size:clamp(2.75rem,6.4vw,5.25rem);line-height:1.02;
  letter-spacing:-.03em;max-width:17ch;margin-top:1.4rem;}
.hero__lead{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--ink-400);
  line-height:1.55;max-width:54ch;margin-top:1.6rem;}
.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.4rem;}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
  margin-top:4rem;border-top:var(--border);padding-top:1.6rem;}
.stats__k{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);
  color:var(--ink-900);line-height:1;}
.stats__v{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-400);margin-top:.6rem;}

/* ---- Section heading block ---- */
.head{display:flex;flex-direction:column;gap:1rem;max-width:46ch;}
.head h2{font-size:clamp(1.9rem,3.4vw,2.75rem);letter-spacing:-.02em;}
.head p{font-size:1.125rem;color:var(--ink-400);line-height:1.55;max-width:52ch;}
.section--sunken .head p{color:var(--ink-600);}

/* ---- Cards (products teaser) ---- */
.grid{display:grid;gap:1.25rem;}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.card{display:flex;flex-direction:column;gap:1.25rem;background:var(--paper);
  border:var(--border);border-radius:var(--radius-lg);padding:1.75rem;
  color:inherit;transition:transform .2s var(--ease),border-color .2s var(--ease);}
a.card:hover{transform:translateY(-2px);border-color:var(--ink-900);}
.card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.card__mark{width:52px;height:52px;border-radius:var(--radius-md);background:var(--ink-900);
  color:var(--paper);display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:1.4rem;flex:none;}
.card h3{font-size:1.5rem;}
.card__desc{color:var(--ink-400);line-height:1.55;}
.card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding-top:.5rem;}
.meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-500);}
.card__cta{font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:.4rem;}

/* ---- Badge ---- */
.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;
  font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1;white-space:nowrap;
  padding:.35rem .6rem;border-radius:var(--radius-sm);}
.badge--live{background:var(--success-100);color:var(--success-500);}
.badge--dev{background:#F8EEDD;color:var(--warning-500);}
.badge--out{background:transparent;color:var(--ink-700);border:var(--border);}

/* ---- Product detail rows ---- */
.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:2.5rem;
  align-items:center;background:var(--paper);border:var(--border);
  border-radius:var(--radius-lg);padding:2.25rem;}
.product__visual{aspect-ratio:4/3;background:var(--ink-900);border-radius:var(--radius-md);
  display:flex;align-items:center;justify-content:center;color:var(--paper);
  font-family:var(--font-display);font-size:clamp(3rem,6vw,4.5rem);
  position:relative;overflow:hidden;}
.product__visual .ph{position:absolute;bottom:14px;left:16px;font-family:var(--font-mono);
  font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);}
.product__body{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;}
.product__title{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;}
.product__title h2{font-size:clamp(1.8rem,3.2vw,2.5rem);}
.product__tag{font-size:1.25rem;color:var(--ink-900);font-weight:600;}
.product__pitch{color:var(--ink-400);line-height:1.6;max-width:44ch;}

/* ---- Feature/value list ---- */
.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:2rem;margin-top:2.5rem;}
.value{display:flex;flex-direction:column;gap:.65rem;border-top:2px solid var(--ink-900);
  padding-top:1rem;}
.value__n{font-family:var(--font-mono);font-size:12px;color:var(--ink-500);}
.value h3{font-size:1.25rem;}
.value p{color:var(--ink-400);line-height:1.55;}

/* ---- Prose (about, privacy) ---- */
.prose{display:flex;flex-direction:column;gap:1.1rem;max-width:62ch;}
.prose p{font-size:1.0625rem;color:var(--ink-700);line-height:1.75;}
.prose h2{font-size:1.5rem;margin-top:1.5rem;}
.prose a{color:var(--accent);border-bottom:1px solid var(--accent-100);}
.prose a:hover{border-color:var(--accent);}

/* ---- CTA band ---- */
.band{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.band h2{color:var(--paper);font-size:clamp(1.8rem,3.4vw,2.75rem);letter-spacing:-.02em;max-width:20ch;}
.band p{color:rgba(255,255,255,.66);margin-top:1rem;font-size:1.125rem;line-height:1.55;max-width:42ch;}

/* ---- Contact ---- */
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:3rem;align-items:start;}
.contact-direct{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.75rem;}
.contact-direct a.email{font-size:1.4rem;color:var(--ink-900);
  border-bottom:2px solid var(--accent);padding-bottom:2px;display:inline-block;}
.form-card{background:var(--paper);border:var(--border);border-radius:var(--radius-lg);
  padding:2rem;box-shadow:var(--shadow-sm);}
.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;}
.field label{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-400);font-weight:500;}
.field input,.field textarea{width:100%;font-family:var(--font-sans);font-size:16px;
  color:var(--ink-900);background:var(--paper);border:var(--border);
  border-radius:var(--radius-md);padding:.75rem .875rem;line-height:1.4;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease);}
.field textarea{resize:vertical;min-height:8rem;}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--ink-900);
  box-shadow:0 0 0 3px rgba(35,71,230,.2);}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-300);}
.form-note{font-size:13px;color:var(--ink-400);margin-top:1rem;}

/* ---- Legal / imprint ---- */
.legal-updated{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-300);margin-top:.75rem;}
.legal-block{border-top:var(--border);padding-top:1.4rem;margin-top:2rem;
  display:flex;flex-direction:column;gap:1rem;}
.legal-block h2{font-size:1.35rem;}
.legal-block p{color:var(--ink-700);line-height:1.7;max-width:64ch;}
.legal-dl{margin:0;display:grid;grid-template-columns:minmax(160px,.5fr) 1fr;
  row-gap:.85rem;column-gap:1.5rem;}
.legal-dl dt{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink-400);padding-top:2px;}
.legal-dl dd{margin:0;color:var(--ink-900);}
.fill{color:var(--ink-300);font-style:italic;background:var(--ink-50);
  padding:.05rem .4rem;border-radius:var(--radius-sm);border:1px dashed var(--ink-200);}
.kor{background:var(--ink-50);border:var(--border);border-left:3px solid var(--ink-900);
  border-radius:var(--radius-sm);padding:1rem 1.1rem;font-size:.95rem;color:var(--ink-700);}

/* ---- Footer ---- */
.site-footer{background:var(--ink-900);color:rgba(255,255,255,.6);}
.site-footer__inner{max-width:var(--container);margin:0 auto;padding:3.5rem var(--gutter) 2rem;
  display:flex;flex-direction:column;gap:2rem;}
.footer-top{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:flex-start;}
.footer-brand{display:flex;flex-direction:column;gap:.9rem;max-width:34ch;}
.footer-brand .brand__wm{color:var(--paper);font-size:18px;}
.footer-brand p{font-size:14px;line-height:1.6;}
.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;}
.footer-links a{font-size:14px;color:rgba(255,255,255,.72);transition:color .2s var(--ease);}
.footer-links a:hover{color:var(--paper);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;
  display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;
  font-size:12px;color:rgba(255,255,255,.45);}
.footer-bottom .kvk{font-family:var(--font-mono);letter-spacing:.04em;}

/* ---- Mobile nav ---- */
.nav-toggle{display:none;width:42px;height:42px;border:var(--border);background:var(--paper);
  border-radius:var(--radius-md);cursor:pointer;align-items:center;justify-content:center;}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{content:"";display:block;
  width:18px;height:2px;background:var(--ink-900);position:relative;transition:.2s var(--ease);}
.nav-toggle span::before{position:absolute;top:-6px;}
.nav-toggle span::after{position:absolute;top:6px;}

@media (max-width:880px){
  .product{grid-template-columns:1fr;gap:1.5rem;}
  .contact-grid{grid-template-columns:1fr;gap:2rem;}
}
@media (max-width:760px){
  .nav-toggle{display:inline-flex;}
  .nav{position:fixed;inset:70px 0 auto 0;flex-direction:column;align-items:stretch;
    gap:0;background:var(--paper);border-bottom:var(--border);padding:.5rem var(--gutter) 1.25rem;
    transform:translateY(-130%);transition:transform .28s var(--ease);box-shadow:var(--shadow-md);}
  .site-header[data-open="true"] .nav{transform:translateY(0);}
  .nav a{padding:.9rem 0;border-bottom:var(--border);font-size:16px;}
  .nav-cta{display:none;}
  .stats{grid-template-columns:1fr 1fr;}
  .band{flex-direction:column;align-items:flex-start;}
}
@media (max-width:460px){
  .brand__wm{font-size:14px;}
  .legal-dl{grid-template-columns:1fr;row-gap:.25rem;}
  .legal-dl dd{margin-bottom:.75rem;}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto;}}

/* ---- Self-hosted fonts (GDPR-proof, no Google CDN) ---- */
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxK-vA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxI.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;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxK-vA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxI.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;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxK-vA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxI.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;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxK-vA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxI.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;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/HTxqL289NzCGg4MzN6KJ7eW6CYKF_i7y.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/HTxqL289NzCGg4MzN6KJ7eW6CYyF_g.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;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.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;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwhsk.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.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;
}