/* Official Phosphor regular icons. Layout containers and motion remain page-owned. */
html body svg.phosphor-icon, html body g.phosphor-icon {
  fill: currentColor !important;
  stroke: none !important;
  stroke-width: 0 !important;
}
html body svg.ph-inline {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  flex-shrink: 0;
}
html body .hamburger > svg { color: var(--ink); }
html body .wheel-symbol.phosphor-icon { color: #fff; }
html body .wheel-center-icon.phosphor-icon { color: var(--blue); }
html body .fnb-hero-points li:before { content: ""; display: inline-block; background-color: currentColor; -webkit-mask: url("icons/phosphor/check-circle.svg") center / contain no-repeat; mask: url("icons/phosphor/check-circle.svg") center / contain no-repeat; vertical-align: -0.125em; }
html body.homepage .industry-action::after { content: ""; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("icons/phosphor/arrow-up-right.svg") center / contain no-repeat; mask: url("icons/phosphor/arrow-up-right.svg") center / contain no-repeat; vertical-align: -0.125em; }
html body .ls-central .ls-explanation li::before { content: ""; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("icons/phosphor/check.svg") center / contain no-repeat; mask: url("icons/phosphor/check.svg") center / contain no-repeat; vertical-align: -0.125em; }
html body .checks span:before { content: ""; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("icons/phosphor/check.svg") center / contain no-repeat; mask: url("icons/phosphor/check.svg") center / contain no-repeat; vertical-align: -0.125em; }
html body .outcome-list span:before { content: ""; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("icons/phosphor/check.svg") center / contain no-repeat; mask: url("icons/phosphor/check.svg") center / contain no-repeat; vertical-align: -0.125em; }
html body .faqs summary:after { content: ""; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("icons/phosphor/plus.svg") center / contain no-repeat; mask: url("icons/phosphor/plus.svg") center / contain no-repeat; vertical-align: -0.125em; }
html body .faqs details[open] summary:after { content: ""; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("icons/phosphor/minus.svg") center / contain no-repeat; mask: url("icons/phosphor/minus.svg") center / contain no-repeat; vertical-align: -0.125em; }
html body .sol-col-list li a::after { content: ""; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask: url("icons/phosphor/arrow-right.svg") center / contain no-repeat; mask: url("icons/phosphor/arrow-right.svg") center / contain no-repeat; vertical-align: -0.125em; }

/* Replace the existing 12px bento arrow without moving it or changing its hover. */
html body.homepage .hero-sector-bento .hero-sector::after {
  clip-path: none;
  -webkit-mask: url('icons/phosphor/arrow-up-right.svg') center / contain no-repeat;
  mask: url('icons/phosphor/arrow-up-right.svg') center / contain no-repeat;
}
/* Keep the original dropdown rotation duration, adjusted for a down-facing glyph. */
html body .nav-links .has-dropdown > a::after {
  border: 0;
  background: currentColor;
  -webkit-mask: url('icons/phosphor/caret-down.svg') center / contain no-repeat;
  mask: url('icons/phosphor/caret-down.svg') center / contain no-repeat;
  transform: rotate(0deg) translateY(-2px);
}
html body .nav-links .has-dropdown:hover > a::after,
html body .nav-links .has-dropdown.open > a::after {
  transform: rotate(-180deg) translateY(-2px);
}