@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/fonts/plus-jakarta-sans/PlusJakartaSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  src: url("/fonts/instrument-sans/InstrumentSans-Variable.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-stretch: 75% 100%;
  font-weight: 400 700;
}

@font-face {
  font-family: "Jersey 10";
  src: url("/fonts/jersey-10/Jersey10-Regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Geist Pixel Square";
  src: url("/fonts/geist-pixel/GeistPixel-Square.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  --font-logo: "Plus Jakarta Sans", Arial, sans-serif;
  --font-body: "Instrument Sans", Arial, sans-serif;
  --pixel-square: "Geist Pixel Square", "Geist Mono", monospace;
  --brand-blue: #b9ceff;
  --brand-grid: rgba(0, 0, 0, 0.055);
  --pixel-corners: polygon(0 12px,4px 12px,4px 8px,8px 8px,8px 4px,12px 4px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 4px,calc(100% - 8px) 4px,calc(100% - 8px) 8px,calc(100% - 4px) 8px,calc(100% - 4px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 4px),8px calc(100% - 4px),8px calc(100% - 8px),4px calc(100% - 8px),4px calc(100% - 12px),0 calc(100% - 12px));
  --pixel-corners-small: polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px));
}

.logo, .site-footer-logo, .brand-lockup {
  font-family: var(--font-logo) !important;
  font-synthesis: none;
  font-weight: 800 !important;
}

html { background: #fff; }
body { position: relative; font-family: var(--font-body) !important; }
button, input, select, textarea { font-family: var(--font-body); }
*, *::before, *::after { border-radius: 0 !important; }
:where(header, .pricing-teaser, .pricing-card, .post-card, .contact-form, .privacy-panel, .consent-panel, .type-specimen__item, .agent-visual, .demo-panel, .author-profile, .cover img) { clip-path: var(--pixel-corners); }
:where(button, input, select, textarea, .nav-link, .nav-cta, .provider-pill, .privacy-toggle, .privacy-panel__button, .consent-panel__button, .demo-bubble, .demo-prompt, .demo-input, .demo-send, .demo-steps span, .provider-note span, .trust-list li, .workflow-list li, .feature-grid article) { clip-path: var(--pixel-corners-small); }
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(var(--brand-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--brand-grid) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 42rem);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--pixel-square) !important;
  font-synthesis: none !important;
  font-weight: 400 !important;
  text-wrap: balance;
}

section, article, .pricing-card, .contact-form { position: relative; }
.feature-grid article, .workflow-list li, .pricing-card, .post-card {
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.feature-grid article:hover, .workflow-list li:hover, .pricing-card:hover, .post-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0,0,0,.28);
}

@media (max-width: 720px) {
  body::before { background-size: 24px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-grid article, .workflow-list li, .pricing-card, .post-card { transition: none; }
}

/* Keep the shared header brandmark compact and static, including pages served
   from an older generated HTML asset during a rolling static deployment. */
.logo-icon {
  width: 1em !important;
  height: 1em !important;
  animation: none !important;
  transform: none !important;
}