/* kx-suite: port of site/Suite.tsx. */
.kx.kx-suite .kx-suite__panel { position: relative; overflow: hidden; border-radius: 1.5rem; background: var(--kx-navy); padding: 3.5rem 2rem; color: #fff; }
@media (min-width: 640px)  { .kx.kx-suite .kx-suite__panel { padding-inline: 3rem; } }
@media (min-width: 1024px) { .kx.kx-suite .kx-suite__panel { padding: 5rem 4rem; } }
.kx.kx-suite .kx-suite__grid { position: relative; display: grid; row-gap: 2.5rem; }
@media (min-width: 1024px) { .kx.kx-suite .kx-suite__grid { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); column-gap: 4rem; align-items: center; } }
.kx.kx-suite .kx-suite__eyebrow { margin-bottom: 1.5rem; }
.kx.kx-suite .kx-suite__heading { color: #fff; }
.kx.kx-suite .kx-suite__lead { margin-top: 1.5rem; max-width: 40ch; color: var(--kx-on-navy-muted); }
.kx.kx-suite .kx-suite__cta { margin-top: 2.25rem; }
.kx.kx-suite .kx-suite__chips { display: flex; flex-wrap: wrap; align-content: center; gap: 0.625rem; }
.kx.kx-suite .kx-suite__chip { display: inline-flex; align-items: center; gap: 0.625rem; border-radius: 999px; border: 1px solid rgb(255 255 255 / 0.18); padding: 0.75rem 1.25rem; font-size: 0.9375rem; font-weight: 500; color: rgb(255 255 255 / 0.85); transition: color var(--kx-duration-base), background-color var(--kx-duration-base), border-color var(--kx-duration-base); }
.kx.kx-suite .kx-suite__chip svg { width: 0.75rem; height: 0.5rem; flex: none; opacity: 0.45; transition: transform var(--kx-duration-base) var(--kx-ease-kairos), opacity var(--kx-duration-base) var(--kx-ease-kairos); }
.kx.kx-suite .kx-suite__chip:hover { border-color: var(--kx-green); background: var(--kx-green); color: var(--kx-navy); }
.kx.kx-suite .kx-suite__chip:hover svg { transform: translateX(0.125rem); opacity: 1; }