/* Manrope is bundled locally. The logo remains its approved vector artwork. */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/fonts/manrope-latin-v23.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  --io-font: "Manrope", Arial, sans-serif;
  --io-radius-control: 6px;
  --io-radius-surface: 9px;
  --io-ease: cubic-bezier(.16, 1, .3, 1);
  font-family: var(--io-font);
}

body, body.corporate, body.offer, body.io-subpage {
  font-family: var(--io-font);
  font-synthesis: none;
}

button, input, select, textarea { font-family: inherit; }
h1, h2, h3 { font-kerning: normal; }
::selection { background: #b9ccff; color: #102038; }
input, textarea { caret-color: #8aafff; }
.io-navigation > a, .io-nav-cta { font-weight: 550; }
.io-button, .io-nav-cta { border-radius: var(--io-radius-control); }
.io-button { font-weight: 650; }
.io-language a { font-weight: 650; }
.io-footer-about > p, .io-footer-links > a { line-height: 1.8; }

/* Keep addresses and long business names readable at phone widths. */
.contact-address, .io-footer-about > a { overflow-wrap: anywhere; }
