.header{display:flex;width:100%;max-width:1000px;margin-right:.2rem;align-items:center;align-content:center}.focus-xpirience{padding:2rem;color:var(--text-color-dark)}@media screen and (max-width:567px){.focus-xpirience{padding:1rem}}.focus-bg{background:var(--light-container)}.bg-black{background:var(--cx-palette-252525)}.white{color:var(--backgroundColor)!important}.integration-section{align-items:center}.integration-content{width:min(100%,1200px);margin-left:auto;margin-right:auto}.card-feature{border-radius:.7rem;width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center}.grid-item-f{text-align:center}@media (min-width:1100px) and (max-width:calc(1800px - 1px)){.grid-item-f:nth-child(3),.grid-item-f:nth-child(4){grid-column:1/span 2}}.icon-feature{max-width:250px}@media screen and (max-width:565px){.icon-feature{max-width:180px}}.integration-api-visual{position:relative;isolation:isolate;display:grid;gap:.9rem;min-height:360px;border:1px solid rgba(116,28,190,.28);border-radius:18px;background:radial-gradient(circle at 15% 15%,rgba(207,24,225,.2),transparent 28%),radial-gradient(circle at 88% 18%,rgba(32,133,227,.2),transparent 30%),linear-gradient(145deg,rgba(14,17,26,.96),rgba(28,24,42,.98));box-shadow:0 28px 80px rgba(0,0,0,.38);overflow:hidden;padding:clamp(1rem,2vw,1.5rem)}.integration-api-orbit{position:absolute;inset:auto -8% -28% auto;width:58%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(32,133,227,.34);box-shadow:0 0 0 26px rgba(32,133,227,.06),0 0 0 58px rgba(207,24,225,.045);z-index:-1}.integration-api-panel{border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(9,13,24,.78);box-shadow:0 18px 44px rgba(0,0,0,.28);color:var(--cx-palette-dbeafe)}.integration-api-request{align-self:start;overflow:hidden}.integration-api-window-bar{display:flex;gap:.36rem;border-bottom:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.05);padding:.7rem .85rem}.integration-api-window-bar span{width:.5rem;height:.5rem;border-radius:50%;background:var(--cx-palette-cf18e1)}.integration-api-window-bar span:nth-child(2){background:var(--cx-color-blue-bright)}.integration-api-window-bar span:nth-child(3){background:var(--cx-color-mint)}.integration-api-chip-row{display:flex;align-items:center;gap:.6rem;padding:.9rem .95rem .35rem}.integration-api-chip-row span,.integration-api-status{border-radius:999px;background:rgba(34,197,94,.14);color:var(--cx-palette-86efac);font-size:.72rem;font-weight:var(--cx-weight-heavy);padding:.28rem .5rem}.integration-api-chip-row code{color:var(--cx-palette-bfdbfe);font-size:.84rem}.integration-api-request pre{margin:0;color:var(--cx-palette-dbeafe);font-size:clamp(.72rem,1vw,.9rem);line-height:1.55;overflow:hidden;padding:.35rem .95rem 1rem;white-space:pre-wrap}.integration-api-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.integration-api-flow span{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08);color:var(--cx-color-white);font-size:.76rem;font-weight:var(--cx-weight-heavy);padding:.55rem .35rem;text-align:center}.integration-api-response{display:grid;gap:.85rem;padding:1rem}.integration-api-response strong{display:block;margin-top:.65rem;color:var(--cx-color-white);font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.15}.integration-api-response ul{display:grid;gap:.55rem;margin:0;padding:0}.integration-api-response li{display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.82);font-size:.9rem;list-style:none}.integration-api-response li span{width:.55rem;height:.55rem;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--cx-palette-cf18e1),var(--cx-color-blue-bright))}.column-container-flex,.column-container-flex-main{display:flex;flex-direction:column;flex-grow:1;height:100%;width:100%}.column-container-flex-main{border-left:1px solid var(--color-border-grey);padding:1rem}.grid-container{display:grid;width:100%;gap:1rem;align-items:center;justify-items:center}@media (min-width:1800px){.grid-container{grid-template-columns:1fr 1fr}}@media (min-width:1000px) and (max-width:1799px){.grid-container{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}}.grid-container-f{display:grid;gap:1rem;align-items:center;justify-items:center}@media (min-width:1800px){.grid-container-f{grid-template-columns:3fr 2fr}}@media (min-width:1100px) and (max-width:calc(1800px - 1px)){.grid-container-f{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}}@media (max-width:1099px){.grid-container-f{grid-template-columns:1fr;gap:.5rem}}.grid-container-dex{display:grid;gap:.5rem;align-items:stretch;justify-items:stretch}@media (min-width:1000px){.grid-container-dex{grid-template-columns:4fr 2fr}}@media (min-width:850px) and (max-width:calc(1000px - 1px)){.grid-container-dex{grid-template-columns:1fr}}@media (max-width:849px){.grid-container-dex{grid-template-columns:1fr}}.grid-container-dex-f{display:grid;gap:.5rem;align-items:center;justify-items:center}@media (min-width:1800px){.grid-container-dex-f{grid-template-columns:1fr}}@media (min-width:850px) and (max-width:calc(1000px - 1px)){.grid-container-dex-f{grid-template-columns:1fr 1fr 1fr}}@media (max-width:849px){.grid-container-dex-f{grid-template-columns:1fr 1fr;gap:.5rem}}.button-dark{background:var(--cx-palette-494949)!important;color:var(--text-color-dark);border:1px solid var(--cx-palette-919191f5);cursor:pointer;align-items:center;margin:1rem}.button-dark:hover{color:white!important;border:1px solid white!important}