/* Phantomexposure typography system — 2026 refresh.
   Display: Syne / Text: Commissioner / Utility: IBM Plex Mono.
   Remote fonts load through Google Fonts; system fallbacks keep every page usable. */

:root{
  --pe-display:"Syne","Avenir Next","Trebuchet MS",ui-sans-serif,system-ui,sans-serif;
  --pe-text:"Commissioner","Avenir Next","Segoe UI",ui-sans-serif,system-ui,sans-serif;
  --pe-utility:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --display:var(--pe-display);
  --body:var(--pe-text);
}

html{
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}

body{
  font-family:var(--pe-text);
  font-optical-sizing:auto;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures;
  letter-spacing:.002em;
}

h1,h2,h3,h4,h5,h6,
.brand,
.pe-site-strip__brand,
.home-tagline,
.plugin-card h2,
.plugin-card h3,
.stat strong{
  font-family:var(--pe-display);
  font-optical-sizing:auto;
  font-kerning:normal;
}

h1,
.hero-copy h1,
.hero h1{
  letter-spacing:-.042em;
}

h2{
  letter-spacing:-.032em;
}

h3,h4{
  letter-spacing:-.018em;
}

.home-tagline{
  letter-spacing:-.022em;
}

.eyebrow,
.nav-links,
.nav-product-trigger,
.nav-panel-label,
.pe-trigger,
.pe-panel-label,
header.nav nav,
.site-header nav,
.plugin-card__kicker,
.facts,
.support-label,
.support-badge,
.badge,
.screen-tab,
.flow-arrow,
.tag,
.tagbar,
.hero-note,
.small,
footer,
.site-footer{
  font-family:var(--pe-utility);
  font-variant-ligatures:none;
}

.button,
.nav-buy{
  font-family:var(--pe-text);
  letter-spacing:.004em;
}

.brand,
.pe-site-strip__brand{
  letter-spacing:.01em;
}

.nav-panel strong,
.pe-panel strong{
  font-family:var(--pe-display);
  letter-spacing:-.01em;
}

.nav-panel em,
.pe-panel em{
  font-family:var(--pe-text);
}

@media (max-width:680px){
  h1,
  .hero-copy h1,
  .hero h1{
    letter-spacing:-.034em;
  }
}