/* API BETA landing-page feature */
.api-integration-section{overflow:hidden;background:#f7f8fc}.api-integration-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;min-height:440px;padding:54px 7.5%;overflow:hidden;border:1px solid rgba(229,57,53,.1);border-top:4px solid #e53935;border-radius:22px;background:linear-gradient(115deg,#fff 0%,#fffafa 56%,#fff1f0 100%);box-shadow:0 16px 45px rgba(29,35,53,.08)}
.api-integration-copy{position:relative;z-index:2;max-width:650px}.api-integration-badges{display:flex;gap:9px;margin-bottom:22px}.api-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1}.api-badge-new{color:#fff;background:#e53935}.api-badge-beta{color:#a52522;background:#ffe5e4}.api-integration-eyebrow{display:block;margin-bottom:10px;color:#e53935;font-size:13px;font-weight:700;letter-spacing:.08em}.api-integration-copy h2{max-width:610px;margin:0 0 14px;color:#101828;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.12}.api-integration-lead{max-width:570px;margin:0;color:#596579;font-size:17px;line-height:1.65}.api-integration-features{display:grid;gap:11px;margin:24px 0 19px}.api-integration-features div{display:flex;align-items:center;gap:11px;color:#283449;font-weight:600}.api-integration-features i{display:inline-grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:9px;color:#d32f2f;background:#ffebea;font-size:13px}.api-integration-beta-note{margin:0 0 19px;color:#687386;font-size:14px}.api-integration-cta{display:inline-flex;align-items:center;gap:12px;border-radius:9px;background:#e53935;box-shadow:0 8px 18px rgba(229,57,53,.2)}.api-integration-cta:hover{background:#c62828}.api-integration-login-note{margin:12px 0 0;color:#7b8493;font-size:13px}
.api-integration-art{position:relative;display:grid;min-height:330px;place-items:center;isolation:isolate}.api-integration-art img{position:relative;z-index:1;width:min(100%,390px);max-height:390px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(33,39,55,.12))}.api-art-orbit{position:absolute;z-index:-1;border:1px solid rgba(229,57,53,.16);border-radius:50%}.api-art-orbit-one{width:330px;height:330px}.api-art-orbit-two{width:250px;height:250px;border-style:dashed}.api-art-code{position:absolute;z-index:2;top:20%;right:-3%;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(229,57,53,.12);border-radius:12px;color:#243047;background:rgba(255,255,255,.94);box-shadow:0 10px 25px rgba(33,39,55,.1);font-size:13px;font-weight:800}.api-art-code i{color:#e53935}
@media(max-width:991px){.api-integration-panel{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr);padding:44px 5%}.api-integration-art{min-height:290px}.api-integration-art img{max-height:320px}.api-art-orbit-one{width:270px;height:270px}.api-art-orbit-two{width:210px;height:210px}}
@media(max-width:767px){.api-integration-panel{grid-template-columns:1fr;padding:34px 25px 20px}.api-integration-copy h2{font-size:34px}.api-integration-lead{font-size:16px}.api-integration-art{min-height:260px;margin-top:8px}.api-integration-art img{width:min(80%,285px);max-height:270px}.api-art-orbit-one{width:230px;height:230px}.api-art-orbit-two{width:175px;height:175px}.api-art-code{top:12%;right:1%;padding:9px 11px}}
