div.banner{background:url(https://cdn.lofty.com/image/fs/servicetool/2026120/5/original_cb0def3bb48e47eb.png) 50%/cover no-repeat;color:#202437;font-weight:500;overflow:hidden;position:relative}div.banner .banner-left{bottom:-20px;left:-20px;position:absolute}div.banner .banner-left img{height:auto;width:200px}div.banner .banner-right{bottom:-20px;position:absolute;right:-20px}div.banner .banner-right img{height:auto;width:200px}div.banner img{width:100%}div.banner h1.banner-title{font-weight:500}div.banner .module-wrap .hero_image{max-width:706px}@media (min-width:calc(800px + 1px)){div.banner{padding-bottom:100px;padding-top:160px}div.banner div.module-wrap{max-width:900px;text-align:center}div.banner p.banner-title{font-size:50px;font-weight:500;line-height:58px;margin-bottom:10px}div.banner div.banner-sub-title{color:#515666;font-size:16px;font-weight:500;line-height:24px;margin:0 auto 30px;max-width:1000px}div.banner div.banner-text{color:#202437;font-size:20px;font-weight:500;line-height:24px}div.banner div.banner-text .banner-link{color:#3b5cde;font-weight:500;text-decoration:underline}div.banner div.banner-text .banner-link:hover{opacity:.8}}@media (max-width:800px){div.banner{padding-top:100px}div.banner h1.banner-title{font-size:36px;margin-bottom:10px}div.banner div.banner-sub-title{color:#515666;font-size:16px;line-height:28px;margin-bottom:20px}div.banner div.banner-text{color:#515666;font-size:14px;line-height:22px;margin-bottom:43px}div.banner div.banner-text .banner-link{color:#3b5cde;text-decoration:underline}div.banner div.banner-text .banner-link:hover{opacity:.8}}.integration-services-page{background:#fff;min-height:100vh}@media (max-width:800px){.integration-services-page{padding-top:0}}.integration-container{align-items:flex-start;display:flex;gap:60px;margin:0 auto;max-width:1440px;padding:40px 80px}@media (max-width:800px){.integration-container{flex-direction:column;gap:30px;padding:20px}}.categories-sidebar{align-self:flex-start;flex-shrink:0;max-height:calc(100vh - 80px);overflow-y:auto;position:sticky;top:100px;width:280px}@media (max-width:800px){.categories-sidebar{max-height:none;overflow-y:visible;position:static;width:100%}}.categories-sidebar .search-box{margin-bottom:20px;position:relative}.categories-sidebar .search-box .search-icon{left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.categories-sidebar .search-box input{background:#f6f7fb;border:1px solid transparent;border-radius:32px;color:#202437;font-size:14px;outline:none;padding:10px 15px 10px 40px;transition:all .3s;width:100%}.categories-sidebar .search-box input::placeholder{color:#c6c8d1}.categories-sidebar .search-box input:focus{border-color:#3b5cde}.categories-sidebar .categories-section .categories-title{color:#a0a3af;font-size:20px;font-weight:700;line-height:30px;padding:10px 0 10px 20px;text-transform:uppercase}.categories-sidebar .categories-section .categories-list{list-style:none;margin:0;padding:0}.categories-sidebar .categories-section .categories-list li{padding:12px 0;position:relative}.categories-sidebar .categories-section .categories-list li .category-border{background:transparent;border-radius:24px;height:calc(100% - 24px);left:0;position:absolute;top:12px;width:4px}.categories-sidebar .categories-section .categories-list li:hover{background:#f6f7fb;border-radius:32px}.categories-sidebar .categories-section .categories-list li.active .category-border{background:#3b5cde}.categories-sidebar .categories-section .categories-list li.active a{color:#3b5cde}.categories-sidebar .categories-section .categories-list li a{color:#202437;cursor:pointer;display:block;font-size:18px;font-weight:500;line-height:24px;padding-left:20px;text-decoration:none;transition:all .2s}.integrations-content{flex:1;min-width:0}@media (max-width:800px){.integrations-content{padding-right:0}}.integrations-content .page-title{color:#202437;font-size:32px;font-weight:600;margin-bottom:40px}@media (max-width:800px){.integrations-content .page-title{font-size:24px;margin-bottom:30px}}.integrations-content .category-section{margin-bottom:40px}.integrations-content .category-section:last-child{margin-bottom:0}.integrations-content .category-section .category-title{color:#202437;font-size:24px;font-weight:700;line-height:30px;margin-bottom:20px}.integrations-content .category-section .category-title .search-highlight{color:#3b5cde}@media (max-width:800px){.integrations-content .category-section .category-title{font-size:20px;margin-bottom:20px}}.integrations-content .category-section .integrations-grid{display:flex;flex-wrap:wrap;gap:20px}@media (max-width:800px){.integrations-content .category-section .integrations-grid{flex-direction:column;gap:16px;margin:0}}.integration-card{background:#fff;border:1px solid #ebecf1;border-radius:20px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;margin:0;overflow:visible;padding:30px 24px;position:relative;width:calc(33.33333% - 13.33333px)}@media (max-width:800px){.integration-card{margin:0;width:100%}}.integration-card:hover{border-color:#3b5cde;box-shadow:0 4px 14px 0 rgba(59,92,222,.1);z-index:10}.integration-card .card-icon{height:60px;margin-bottom:24px;object-fit:contain;object-position:left center;width:100%}.integration-card .card-title{color:#202437;font-size:16px;font-weight:700;line-height:24px;margin:0 0 10px;text-align:left}.integration-card .card-description{color:#797e8b;display:-webkit-box;font-size:14px;font-weight:400;-webkit-line-clamp:2;line-clamp:2;line-height:24px;margin:0;overflow:hidden;text-align:left;text-overflow:ellipsis;-webkit-box-orient:vertical;position:relative}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:130px 0;text-align:center}.empty-state .empty-icon{height:40px;margin-bottom:20px;width:40px}.empty-state .empty-text{color:#c6c8d1;font-size:14px;font-weight:400;letter-spacing:0;line-height:16px;margin:0}.loading-state{color:#8b90a0;flex-direction:column;padding:80px 20px;text-align:center}.loading-state .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b5cde;height:40px;margin:0 auto 16px;width:40px}.loading-state .loading-text{font-size:16px;margin:0}@keyframes spin{to{transform:rotate(1turn)}}.error-state{color:#dc2626;padding:80px 20px;text-align:center}.error-state .error-text{font-size:16px;margin:0}