@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter-500.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter-600.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter-700.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/inter-800.woff2") format("woff2");
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 108px;
}
body {
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.65;
  color: var(--iss-dark);
  background: white;
  -webkit-font-smoothing: antialiased;
}
::selection {
  background: var(--iss-yellow);
  color: var(--iss-navy);
}
h1,h2,h3,h4 {
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: -.045em;
}
h1 {
  font-size: clamp(3rem,6vw,5.8rem);
}
h2 {
  font-size: clamp(2.2rem,3.55vw,3.8rem);
}
h3 {
  font-size: 1.45rem;
  letter-spacing: -.025em;
}
h4 {
  font-size: 1.1rem;
  letter-spacing: -.015em;
}
p {
  color: var(--iss-text-secondary);
}
p+p {
  margin-top: 1rem;
}
strong {
  font-weight: 650;
}
.lead {
  font-size: 1.125rem;
  line-height: 1.8;
}
.icon {
  width: 1em;
  height: 1em;
  font-size: 1.5rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
i.icon {
  font-style: normal;
  fill: none;
  stroke: none;
  width: 1em;
  height: 1em;
}
i.icon::before {
  vertical-align: 0;
}
.card-icon .icon,
.contact-detail>.icon {
  font-size: 22px;
}
.cap-subservices .icon,
.pill .icon,
.breadcrumb .icon {
  font-size: 14px;
}
.workflow-icon .icon,
.agent-card .icon {
  font-size: 20px;
}
.console-steps .icon,
.console-complete .icon,
.footer-contact .icon {
  font-size: 16px;
}
.integration-hub .icon {
  font-size: 30px;
}
.software-side .icon {
  font-size: 19px;
}
.software-row .icon,
.software-bottom .icon {
  font-size: 15px;
}
.roadmap-item>.icon {
  font-size: 21px;
}
.roadmap-result .icon,
.data-layer>.icon:last-child {
  font-size: 17px;
}
.journey-stop>span .icon {
  font-size: 22px;
}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline: 3px solid var(--iss-blue-bright);
  outline-offset: 5px;
}
.dark a:focus-visible,.dark button:focus-visible {
  outline-color: var(--iss-yellow);
}
.muted {
  color: var(--iss-text-secondary);
}
.text-yellow {
  color: var(--iss-yellow);
}
.text-blue {
  color: var(--iss-blue);
}
.overline {
  font-size: .75rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 600;
}
.skip-link {
  position: fixed;
  z-index: 200;
  top: 12px;
  left: 12px;
  background: var(--iss-yellow);
  color: var(--iss-dark);
  padding: 10px 20px;
  border-radius: 6px;
  transform: translateY(-160%);
}
.skip-link:focus {
  transform: translateY(0);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.dark {
  color: white;
}
.dark p {
  color: #cfdbef;
}
.dark .eyebrow {
  color: #d9e4fc;
}
.page-rule {
  border: 0;
  border-top: 1px solid var(--iss-border);
}