@font-face {
  font-family: "Manrope";
  src: url("/assets/fonts/Manrope/static/Manrope-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/assets/fonts/Manrope/static/Manrope-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/assets/fonts/Manrope/static/Manrope-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat/static/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat/static/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --jp-bg: #ffffff;
  --jp-bg-soft: #f7f8fb;
  --jp-text: #101218;
  --jp-muted: #667085;
  --jp-border: #e7eaf0;
  --jp-orange: #ff6700;
  --jp-orange-dark: #e55c00;
  --jp-green: #10a64a;
  --jp-radius: 18px;
  --jp-shadow: 0 8px 28px rgba(17, 24, 39, 0.08);
  --jp-container: 1240px;
  --jp-font-body: "Manrope", Arial, sans-serif;
  --jp-font-heading: "Montserrat", Arial, sans-serif;
}
* { box-sizing: border-box; }
html {
  margin: 0;
  padding: 0;
  scrollbar-gutter: stable;
}
body { margin: 0; padding: 0; }
body {
  font-family: var(--jp-font-body);
  color: var(--jp-text);
  background: var(--jp-bg);
  line-height: 1.55;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--jp-font-heading);
  font-weight: 700;
  letter-spacing: -0.02em;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.jp-container { width: min(var(--jp-container), calc(100% - 32px)); margin: 0 auto; }
.jp-main { min-height: calc(100vh - 160px); }
.jp-page-block { padding: 40px 0; }
.jp-section-head { margin-bottom: 24px; }
.jp-section-head h1, .jp-section-head h2 { margin: 0 0 10px; }
.jp-section-head p { margin: 0; color: var(--jp-muted); }
