.header{background-image:linear-gradient(145deg,#3c63ff 0%,#19c8ff 100%)!important}.logo{margin:21px 55px!important}@media only screen and (max-width:1440px){.logo{margin:32px 55px!important}}.banner .desktop-and-tablet-hero .main-container{width:1560px}.banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile){width:918px;height:605px}.banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image{width:918px;height:605px}.banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero{margin:79px 30px 30px 60px}.banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.foreground{margin:79px 30px 30px 60px;z-index:4}.banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .hero-icons{position:absolute;overflow:hidden;transition:all ease-in-out .5s;z-index:3;width:918px;height:605px}.banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .hero-icons img{position:absolute;max-width:205px;transition:all ease-in-out .5s}.banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .hero-icons img.xero-icon-hero,.banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .hero-icons img.trello-icon-hero,.banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .hero-icons img.slack-icon-hero{margin:350px 0 0 270px;width:100px}.cards .card-items a .card-item-container .card-item .image-container img{margin-left:-13px;max-width:145px}.cards .browser-extensions{max-width:1220px;margin:0 auto 160px;overflow:hidden;border-radius:24px;position:relative}.cards .browser-extensions .background-image{position:absolute;margin:-51px -141px}.cards .browser-extensions .outer-text-container{display:grid;grid-template-columns:auto auto;justify-content:space-between;background:#f8fbff;border-radius:24px;padding:50px;align-items:center}.cards .browser-extensions .outer-text-container .text-container{max-width:570px;text-align:left;vertical-align:middle;display:table-cell}.cards .browser-extensions .outer-text-container .text-container .section-title{font-size:30px;font-weight:600}.cards .browser-extensions .outer-text-container .text-container .sub{padding:20px 0}.cards .browser-extensions .outer-text-container .text-container .dot-points{color:#2a88ff;padding:10px 0;display:grid;grid-template-columns:auto auto;justify-content:left}.cards .browser-extensions .outer-text-container .text-container .dot-points span{padding:0 10px}.cards .browser-extensions .outer-text-container .text-container .dot-points .icon{padding-top:4px}.cards .browser-extensions .outer-text-container .image-container{width:520px;height:400px;position:relative;display:flex;overflow:hidden}.cards .browser-extensions .outer-text-container .image-container img{position:absolute}.cards .browser-extensions .outer-text-container .image-container img.mobile{display:none}.cards .browser-extensions .outer-text-container .image-container img.browser-extension-image{margin:124px 0 0 0}.cards .browser-extensions .outer-text-container .image-container img.chrome{margin:49px 307px 209px 38px;max-width:142px}.cards .browser-extensions .outer-text-container .image-container img.edge{margin:0 171px 258px 174px;max-width:142px}.cards .browser-extensions .outer-text-container .image-container img.firefox{margin:90px 37px 168px 318px;max-width:142px}.discover-integrations{background:#f8fbff}.discover-integrations .integration-information{max-width:1280px;margin:auto}.discover-integrations .integration-information .home-title{max-width:875px}.discover-integrations .integration-information .sub{max-width:1100px;margin:auto;padding-bottom:50px}.dual-column-section .outer-text-container .text-container h3{max-width:90vw}.dual-column-section div.background>img.background{border-radius:24px}.dual-column-section.first-container .text-container{width:565px}.dual-column-section.first-container .section-image-container{width:648px;height:461px}.dual-column-section.first-container .section-image-container div.background{margin:30px 90px 30px 200px}.dual-column-section.first-container .section-image-container div.slack{margin:105px 37px 98px 230px}.dual-column-section.first-container .section-image-container div.xero{margin:140px 137px 63px 130px}.dual-column-section.first-container .section-image-container div.trello{margin:175px 237px 45px 30px;z-index:1}.dual-column-section.first-container .section-image-container div.hourly{margin:56px 0 247px 491px;z-index:1}.dual-column-section.second-container .text-container{width:552px}.dual-column-section.second-container .section-image-container{width:661px;height:483px}.dual-column-section.second-container .section-image-container div.background{margin:52px 273px 30px 30px}.dual-column-section.second-container .section-image-container div.time{margin:0 80px 178px 26px}.dual-column-section.second-container .section-image-container div.entries{margin:200px 0 27px 55px;z-index:1}.dual-column-section.third-container .text-container{width:629px}.dual-column-section.third-container .section-image-container{width:622px;height:488px}.dual-column-section.third-container .section-image-container div.background{margin:57px 30px 30px 234px}.dual-column-section.third-container .section-image-container div.accounts{margin:0 23px 159px 88px}.dual-column-section.third-container .section-image-container div.billable{margin:214px 85px 38px 0;z-index:1}@media only screen and (max-width:800px),only screen and (max-width:1440px){div.content .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image{justify-content:center}div.content .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero,div.content .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.foreground{margin:79px auto 30px}div.content .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .hero-icons{max-width:100vw}div.content .cards .integration-items .integration-item-container{margin:0 20px 30px}div.content .cards .browser-extensions{margin:0 auto 60px}div.content .cards .browser-extensions .background-image{margin:0;bottom:0;left:-50px}div.content .cards .browser-extensions .outer-text-container{grid-template-columns:auto;justify-content:center}div.content .cards .browser-extensions .outer-text-container .text-container,div.content .cards .browser-extensions .outer-text-container .image-container{margin:auto}}@media only screen and (max-width:800px){div.content .desktop-and-tablet-hero .text-container a.button-style{margin:30px 0 0}div.content .desktop-and-tablet-hero .main-image-container.mobile .main-image img.hero,div.content .desktop-and-tablet-hero .main-image-container.mobile .main-image img.foreground{margin:0}div.content .desktop-and-tablet-hero .main-image-container.mobile .main-image .hero-icons{width:350px;max-height:100vh;position:absolute;top:0;left:0;z-index:2}div.content .desktop-and-tablet-hero .main-image-container.mobile .main-image .hero-icons img{max-width:108px;margin:unset!important;position:absolute}div.content .desktop-and-tablet-hero .main-image-container.mobile .main-image .hero-icons img.xero-icon-hero{top:-7px;left:156px}div.content .desktop-and-tablet-hero .main-image-container.mobile .main-image .hero-icons img.trello-icon-hero{top:16px;left:55px}div.content .desktop-and-tablet-hero .main-image-container.mobile .main-image .hero-icons img.slack-icon-hero{top:113px;left:4px}div.content .cards .card-items{margin-top:0}div.content .cards .card-items a .card-item-container .card-item .image-container img{margin:-8px 0 0 -8px;max-width:115px}div.content .cards .card-items a .card-item-container .card-item .image-container .card-heading{margin:-8px 0 0 -8px}div.content .cards .browser-extensions{position:relative}div.content .cards .browser-extensions .background-image{bottom:-85px;left:-220px}div.content .cards .browser-extensions .outer-text-container{padding:30px 30px 0}div.content .cards .browser-extensions .outer-text-container .text-container{width:270px}div.content .cards .browser-extensions .outer-text-container .text-container .section-title{font-size:22px}div.content .cards .browser-extensions .outer-text-container .text-container .dot-points{font-size:14px}div.content .cards .browser-extensions .outer-text-container .image-container{width:85vw;height:290px;overflow:hidden;justify-content:center}div.content .cards .browser-extensions .outer-text-container .image-container img{display:none}div.content .cards .browser-extensions .outer-text-container .image-container img.mobile{display:unset;width:396px;top:15px}div.content .discover-integrations .integration-information .dual-column-section.first-container .outer-text-container .section-image-container.left div:nth-child(3),div.content .discover-integrations .integration-information .dual-column-section.second-container .outer-text-container .section-image-container.left div:nth-child(3),div.content .discover-integrations .integration-information .dual-column-section.third-container .outer-text-container .section-image-container.left div:nth-child(3),div.content .discover-integrations .integration-information .dual-column-section.first-container .outer-text-container .section-image-container.right div:nth-child(3),div.content .discover-integrations .integration-information .dual-column-section.second-container .outer-text-container .section-image-container.right div:nth-child(3),div.content .discover-integrations .integration-information .dual-column-section.third-container .outer-text-container .section-image-container.right div:nth-child(3){margin:unset;display:unset;position:relative}div.content .discover-integrations .integration-information .dual-column-section.first-container .outer-text-container .text-container,div.content .discover-integrations .integration-information .dual-column-section.second-container .outer-text-container .text-container,div.content .discover-integrations .integration-information .dual-column-section.third-container .outer-text-container .text-container{max-width:unset}}