@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/source-serif-4/SourceSerif4-Semibold.e4098d9c4171.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex/IBMPlexSans-Regular.5aaadb685d3c.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex/IBMPlexSans-Medium.02ec16345450.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/ibm-plex/IBMPlexSans-SemiBold.51d76d33ef85.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/ibm-plex/IBMPlexMono-Regular.b51685c998a0.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  --pi-ink-900: #122033;
  --pi-ink-650: #536579;
  --pi-canvas: #f7fafc;
  --pi-paper: #ffffff;
  --pi-blue-600: #155eef;
  --pi-blue-700: #0f49bf;
  --pi-action-primary: #173b5e;
  --pi-action-primary-hover: #0f2a44;
  --pi-action-primary-pressed: #0b2136;
  --pi-action-risk-surface: #fff4f2;
  --pi-action-risk-hover-ink: #922a23;
  --pi-action-risk-pressed-surface: #fbe2df;
  --pi-action-risk-pressed-ink: #751f1a;
  --pi-control-accent-surface: #edf4ff;
  --pi-control-accent-border: #cfe0ff;
  --pi-control-pressed-surface: #e4ebf1;
  --pi-control-selected-surface: #eef4ff;
  --pi-benchmark-surface-end: #f8fbff;
  --pi-green-650: #16855b;
  --pi-amber-700: #9a4f08;
  --pi-red-650: #c0362c;
  --pi-rule: #d8e2ec;
  --pi-rule-strong: #aebdcb;
  --pi-control-border: #718297;
  --pi-surface-muted: #eef3f7;
  --pi-surface-inverse: #122033;
  --pi-surface-inverse-raised: #172940;
  --pi-text-inverse-strong: #ffffff;
  --pi-text-inverse: #dfe8f1;
  --pi-text-inverse-muted: #bdcbd9;
  --pi-accent-inverse: #82aaff;
  --pi-link-inverse: #9cbaff;
  --pi-rule-inverse: #34465a;
  --pi-font-display: "Source Serif 4", Georgia, serif;
  --pi-font-ui: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pi-font-data: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --pi-title-marketing: clamp(2.75rem, 4vw, 3.5rem);
  --pi-title-reading: clamp(2.25rem, 3.5vw, 3rem);
  --pi-title-workspace: clamp(2rem, 3vw, 2.5rem);
  --pi-text-secondary: 1rem;
  --pi-space-page-start: clamp(1.5rem, 4vw, 3rem);
  --pi-radius-sm: 4px;
  --pi-radius-md: 8px;
  --pi-radius-lg: 12px;
  --pi-shadow-sm: 0 8px 24px rgba(18, 32, 51, 0.08);
  --pi-shadow-menu: 0 12px 32px rgba(18, 32, 51, 0.14);
  --pi-shadow-lg: 0 20px 50px rgba(18, 32, 51, 0.14);
  --pi-swatch-color: transparent;
}


@media (max-width: 767.98px) {
  :root {
    --pi-title-marketing: clamp(2rem, 8.5vw, 2.65rem);
    --pi-title-reading: clamp(1.85rem, 7.5vw, 2.4rem);
    --pi-title-workspace: clamp(1.65rem, 6.5vw, 2.1rem);
  }
}