.integration-teaser{padding-top:55px!important;padding-bottom:55px!important}.integration-teaser-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.integration-teaser-heading>div>span{font-size:9px;letter-spacing:1.6px;color:#728db0}.integration-teaser h2{font-size:28px;margin:11px 0;color:#193d68;letter-spacing:-.8px}.integration-teaser p{font-size:13px;color:#6983a4;line-height:1.8;margin:0}.integration-status{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #ccdff5;border-radius:30px;background:#edf4fd;color:#315f98;font-size:10px;font-weight:700;white-space:nowrap}.integration-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#5486c2}.integration-teaser-art{position:relative;display:block;overflow:hidden;border-radius:22px;border:1px solid #d3e1f3;background:#eff6ff;box-shadow:0 12px 32px #183c6810}.integration-teaser-art img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;transition:transform .3s ease}.integration-teaser-art>span{position:absolute;right:24px;bottom:23px;background:#193d68;color:#fff;border-radius:10px;padding:12px 17px;font-size:12px;box-shadow:0 5px 15px #193d6820}.integration-teaser-art:focus-visible{outline:3px solid #6e97c9;outline-offset:5px}@media(hover:hover){.integration-teaser-art:hover img{transform:scale(1.015)}}
.integration-page{padding-top:30px!important;padding-bottom:65px!important}.integration-crumb{display:flex;gap:8px;font-size:11px;color:#8097b3}.integration-crumb a{color:#587ca6;text-decoration:none}.integration-page-heading{text-align:center;padding:42px 0 25px}.integration-page-heading h1{font-size:clamp(30px,4vw,52px);color:#193c68;letter-spacing:-1.7px;margin:19px 0}.integration-page-heading p{font-size:16px;line-height:1.9;color:#647f9f}.integration-hero{margin:10px 0 28px;border:1px solid #d5e4f5;border-radius:24px;overflow:hidden;background:#edf5ff}.integration-hero img{width:100%;height:auto;display:block}.integration-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.integration-roadmap article{padding:27px;border:1px solid #d8e5f4;border-radius:17px;background:linear-gradient(140deg,#fff,#f5f9ff)}.integration-roadmap b{font-size:9px;letter-spacing:1.5px;color:#6f90ba}.integration-roadmap h2{font-size:18px;color:#244c83;margin:14px 0}.integration-roadmap p{font-size:13px;color:#6a83a1;line-height:1.9;margin:0}.integration-coming{display:flex;align-items:center;gap:18px;padding:26px;border:1px solid #d6e4f5;border-radius:17px;background:#eff5fd;margin:22px 0}.integration-coming>span{font-size:34px;color:#7498c5}.integration-coming h2{font-size:17px;color:#244c83;margin:0 0 8px}.integration-coming p{font-size:12px;color:#6482a8;line-height:1.9;margin:0}.integration-page-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.integration-page-actions a{padding:13px 20px;border:1px solid #244c83;border-radius:10px;background:#244c83;color:#fff;text-decoration:none;font-size:13px}.integration-page-actions a:last-child{background:#f3f7fc;color:#244c83;border-color:#d6e4f5}@media(max-width:750px){.integration-teaser-heading{align-items:flex-start;flex-direction:column;gap:12px}.integration-teaser h2{font-size:24px}.integration-teaser-art img{aspect-ratio:16/10;object-fit:contain}.integration-teaser-art>span{position:static;display:block;text-align:center;border-radius:0;padding:14px}.integration-roadmap{grid-template-columns:1fr}.integration-roadmap article{padding:23px}.integration-page-heading{padding-top:30px}.integration-coming{padding:21px}.integration-page-actions{flex-direction:column;text-align:center}.integration-page-heading p{font-size:14px}}@media(prefers-reduced-motion:reduce){.integration-teaser-art img{transition:none}}