:root{--sec-gap:100px;--footer-heading-size:36px}html{scroll-behavior:smooth}body{font-family:var(--primaryfont-regular),-apple-system,BlinkMacSystemFont,san francisco,helvetica neue,Helvetica,Ubuntu,Roboto,Noto,segoe ui,Arial,sans-serif}.font-white{color:#fff}.text-gray{color:var(--text-gray)}.position-relative{position:relative}.desc{font-size:16px!important;line-height:28px}.d-flex{display:flex}.justify-space{justify-content:space-between}.align-center{align-items:center}.m-auto{margin:auto}.features-container{max-width:1320px}.primary-bg-color{background-color:var(--hero-bg-color)}.header-section{padding:60px 60px 0;text-align:center}.hero-header{font-size:52px;line-height:60px;max-width:850px}.hero-header,.inner-footer-header{font-family:var(--zf-primary-extrabold),-apple-system,BlinkMacSystemFont,san francisco,helvetica neue,Helvetica,Ubuntu,Roboto,Noto,segoe ui,Arial,sans-serif}.inner-footer .inner-footer-header{padding-bottom:15px}.zfw-features-main-content{padding:50px 0 80px;border-left:1px solid var(--features-bcolor)}.zfw-features-nav{width:250px;overflow-y:scroll;position:sticky;top:42px;padding-left:20px}.marketplace-link{display:inline-block;padding:16px 0 75px}.marketplace-link .right-arrow{transform:rotate(180deg)}.nav-header,.marketplace-link,.nav-sticky-header{font-size:16px;letter-spacing:.35px}.nav-header{padding:62px 0 20px}.zfw-features-nav .active-item .integration-nav-btn{font-family:var(--secondaryfont-semibold),-apple-system,BlinkMacSystemFont,san francisco,helvetica neue,Helvetica,Ubuntu,Roboto,Noto,segoe ui,Arial,sans-serif}.active-item::before{content:"";position:absolute;width:100%;background:linear-gradient(90deg,var(--active-item-bg) 0%,var(--active-item-bg-end) 100%);animation:wide .15s cubic-bezier(.4,0,.2,1);transform-origin:center center;height:100%;top:0;left:0;z-index:-1;border-radius:6px}@keyframes wide{0%{transform:scale(.8)}100%{transform:scale(1)}}.nav-features-list{list-style:none;padding:22px 10px 20px 0;border-block:1px solid var(--border-light-gray)}.integrations-nav-icon{margin-right:12px}.integration-nav-btn{font-size:14px;line-height:18px;color:var(--text-dark-green)}.integrations-nav svg path{fill:var(--text-icon-gray)}.integrations-nav.active-item{cursor:default}.integrations-nav{padding:10px 0 10px 10px;transition:background-color .5s}.integrations-nav:hover:not(.active-item){background:linear-gradient(90deg,var(--active-item-hover) 0%,var(--active-item-hover-end) 100%);border-radius:6px;cursor:pointer}.active-item svg path{fill:var(--active-svg-path)}.card,.face{width:230px;height:300px;transition:top .4s linear .5s,border-color .4s linear .15s;box-sizing:border-box}.card{border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid var(--border-card)}.card img{height:36px;width:auto}.card:focus-within{outline:2px solid var(--focus-within);outline-offset:4px}.face{z-index:3;background-color:#fff}.face-front{justify-content:center}.face-back{padding:35px 20px}.face .logo-img{max-width:170px}.face-back .logo-img{height:32px}.face-front .marketplace-tag{position:absolute;top:10px;right:10px;font-size:10px;background-color:var(--marketplace-tag-bg);padding:4px 8px;border-radius:15px;letter-spacing:.6px}.card .h-28{height:28px}.card .h-25{height:25px}.integ-desc{font-size:14px;line-height:24px;padding:15px 0 10px}.integ-cta,.marketplace-link{text-decoration:underline}.integ-cta{font-size:14px;color:var(--learn-more-color);transition:all .3s ease-in-out}.integ-cta:hover{color:#000}@keyframes fadeIt{0%{background-color:#fff}50%{background-color:var(--active-card-highlight)}100%{background-color:#fff}}.highlightPG .face-front{animation:fadeIt 2s ease-in-out}.card-header{color:var(--text-header);font-family:var(--secondaryfont-bold),-apple-system,BlinkMacSystemFont,san francisco,helvetica neue,Helvetica,Ubuntu,Roboto,Noto,segoe ui,Arial,sans-serif;font-size:24px;line-height:42px}h2.featured-apps{padding-bottom:8px;font-size:28px}.featured-apps .face-front{background-color:var(--face-front-bg)}.featured-apps .card{border-color:var(--border-featured)}.featured-tag{margin-right:10px}.feature-card:first-child{padding-top:0}.feature-card{margin-left:50px;padding-top:80px;flex-direction:column}#other-integrations{padding-bottom:100px}.zfw-features-rec-con{margin-top:28px;display:flex;flex-wrap:wrap;gap:20px}.search-bar,.search-wrapper-inner{width:100%}.search-bar{height:40px;border-radius:6px;outline:1px solid #fff;background:url(/billing/images/integration-image/search-icon-light.svg)no-repeat 16px 12px/14px;font-size:14px;border:none;padding-left:36px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-bar::placeholder{color:var(--text-placeholder);font-size:14px}.search-bar:focus~.search-shortcut-icon{display:none!important}.search-bar:focus{outline:2px solid var(--search-focus-bcolor)!important}.sticky-search-bar{padding:25px 75px 65px}.search-bar-wrapper{max-width:530px;gap:10px}.close-search-icon,.search-result,.search-result-empty{display:none;position:absolute}.close-search-icon{width:16px;height:16px;border:0;cursor:pointer;top:12px;right:12px}.search-result,.search-result-empty{width:100%;overflow-x:hidden;overflow-y:auto;margin-bottom:5px;top:52px;max-height:335px;left:0;background-color:#fff;border:1px solid var(--border-result);border-radius:5px;z-index:10}.search-result .result-link,.search-result-empty p{margin:5px;cursor:pointer;font-size:13px;padding:8px;line-height:20px;text-align:left}.search-result .result-link.active{background-color:var(--result-hover)}.sticky-search-bar{z-index:70}.active .sticky-search-bar{position:sticky;padding:25px 75px 15px;margin-bottom:50px;background-color:#fff;border-bottom:1px solid #f2f2f2;animation:slide-down .3s ease-out forwards}@keyframes slide-down{0%{top:-10px}100%{top:65px}}.active .search-bar{color:#000;background:url(/billing/images/integration-image/search-icon-gray.svg)no-repeat 16px 13px/15px;outline:1px solid #c1c1c1}.active .search-bar::placeholder{color:var(--text-placeholder-light)}.active-text{white-space:nowrap;display:none}.active .active-text{display:block}.integrate-btn,.req-integration-cta{font-size:14px;border:none;cursor:pointer;background-color:transparent;text-decoration:underline}.req-integration-cta{color:#14944e;padding-right:12px}@media screen and (min-width:1201px){.active .search-bar-wrapper{max-width:1280px;gap:180px;box-sizing:border-box}}@media screen and (max-width:1200px){.zfw-features-nav{top:50px}.search-bar-wrapper .nav-sticky-header{display:none}.hero-header{font-size:38px;line-height:50px}.header-section{padding:40px 40px 0}.sticky-search-bar{padding-bottom:50px}@keyframes slide-down{0%{top:-100px}100%{top:-10px}}.active .search-bar-wrapper{max-width:680px}.active .sticky-search-bar{margin-bottom:35px}}@media screen and (min-width:1001px){.face-back{position:absolute;top:100%}.card:hover .face-back,.card.flipped .face-back,.card:focus-within .face-back{top:0%}.card.flipped .face-back{transition:none}.card.flipped,.card:hover,.card:focus-within{border-color:#9e9e9e}}@media screen and (max-width:1000px){:root{--sec-gap:60px}.feature-card{padding-top:60px}.zfw-features-nav,.card .face-front{display:none}.card,.face{width:300px;height:260px}.zfw-features-main-content{padding:0 25px 60px;margin-top:50px}}@media screen and (min-width:601px){.mobile-cta-cont{display:none}}@media screen and (max-width:600px){.desktop-cta-cont{display:none}.card-header{line-height:30px}.feature-card{margin-left:0}.search-bar-wrapper{max-width:88%}.feature-card,.card,.face{width:100%}.card,.face{height:auto}}@media screen and (max-width:500px){.header-section{padding:40px 25px 0}.sticky-search-bar,.active .sticky-search-bar{padding-left:25px;padding-right:25px}.hero-header{font-size:32px;line-height:42px}}@media screen and (max-width:400px){.hero-header{font-size:28px}}