/* Pliera corporate identity — the faces and tokens of pliera-site.vercel.app,
   shared by the landing pages (/, /value-proposition, /technology).
   Fonts are self-hosted in /fonts. No gradients anywhere: the site's blue is
   used flat. */
@font-face{font-family:Switzer;src:url(/fonts/Switzer-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Switzer;src:url(/fonts/Switzer-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url(/fonts/InterDisplay-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url(/fonts/InterDisplay-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url(/fonts/InterDisplay-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --ci-blue:#315cff;
  --ci-deep:#00178d;
  --ci-pale:#eff2ff;
  --ci-canvas:#f3f3f3;
  --ci-paper:#fff;
  --ci-ink:#000;
  --ci-mute:rgba(0,0,0,.64);
  --ci-note:#777;
  --ci-line:rgba(0,0,0,.24);
  --ci-rail:48px;
  --ci-inset:48px;
  --ci-gutter:calc(var(--ci-rail) + var(--ci-inset));
  --ci-display:Switzer,Helvetica,Arial,sans-serif;
  --ci-body:"Inter Display",Helvetica,Arial,sans-serif;
}

/* the rails step in as the viewport narrows, as on pliera-site (48 → 32 → 12), and the
   gutter the chrome hangs on follows them; below 700px the rails are off, the type there
   runs to within 10px of the edge */
@media (max-width:1250px){:root{--ci-rail:32px;--ci-inset:32px}}
@media (max-width:900px), (max-aspect-ratio: 11/10){:root{--ci-rail:12px;--ci-inset:20px}}