section.saas-top-tabs-icons{--tab-icon-fill-active:#5d13fa;--tab-icon-fill-inactive:#1c1c28;--tab-icon-bg-active:rgba(93,19,250,.1);--tab-icon-bg-inactive:rgba(28,28,40,.1);background:#fff;margin:0 auto;max-width:1440px;padding:96px 48px}@media screen and (max-width:1200px){section.saas-top-tabs-icons{padding:80px 32px}}@media screen and (max-width:768px){section.saas-top-tabs-icons{padding:64px 20px}}section.saas-top-tabs-icons .intro{margin-bottom:64px}section.saas-top-tabs-icons .intro .intro-inner{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:720px;text-align:center}section.saas-top-tabs-icons .intro .intro-eyebrow{color:#5d13fa;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:400;letter-spacing:1.6px;line-height:24px;margin:0;text-transform:uppercase}section.saas-top-tabs-icons .intro .heading{color:#1c1c28;font-family:DM Sans,sans-serif;font-size:36px;font-weight:500;letter-spacing:-.72px;line-height:44px;margin:0}@media screen and (max-width:767px){section.saas-top-tabs-icons .intro .heading{font-size:32px;letter-spacing:-.64px;line-height:40px}}section.saas-top-tabs-icons .intro .subheadline{color:#1c1c28;font-family:DM Sans,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.4px;line-height:30px;max-width:720px;text-align:center}section.saas-top-tabs-icons .intro .subheadline p{color:#1c1c28;margin:0}section.saas-top-tabs-icons .slide-container{display:flex;flex-direction:column;gap:32px}section.saas-top-tabs-icons .subnav-scroll{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}section.saas-top-tabs-icons .subnav{align-items:stretch;display:flex;flex-direction:row;gap:32px;min-width:min-content}section.saas-top-tabs-icons .nav-item{background:transparent;border:none;border-radius:0;border-top:1px dashed var(--OnRamp-Primary-Soft-Black,#1c1c28);box-sizing:border-box;cursor:pointer;flex:1 1 0;font:inherit;margin:0;min-width:0;opacity:.5;padding:16px;text-align:left;transition:opacity .25s ease,background .25s ease,border-color .25s ease,border-top-style .25s ease}section.saas-top-tabs-icons .nav-item:focus{outline:2px solid #5d13fa;outline-offset:2px}section.saas-top-tabs-icons .nav-item:focus:not(:focus-visible){outline:none}section.saas-top-tabs-icons .nav-item:focus-visible{outline:2px solid #5d13fa;outline-offset:2px}section.saas-top-tabs-icons .nav-item.active{background:linear-gradient(180deg,rgba(191,198,255,.3) .03%,rgba(245,245,250,.3) 99.97%);border-top:1px solid var(--OnRamp-Primary-Core-Purple,#5d13fa);opacity:1}section.saas-top-tabs-icons .nav-item:hover{opacity:1}section.saas-top-tabs-icons .nav-item-inner{align-items:center;display:flex;flex-direction:row;gap:12px;min-width:0}section.saas-top-tabs-icons .tab-icon-wrap{align-items:center;background:var(--tab-icon-bg-inactive);border-radius:4px;box-sizing:border-box;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background .25s ease;width:32px}section.saas-top-tabs-icons .nav-item.active .tab-icon-wrap,section.saas-top-tabs-icons .nav-item[aria-selected=true] .tab-icon-wrap{background:var(--tab-icon-bg-active);border-radius:4px}section.saas-top-tabs-icons .tab-icon-visual{background-color:var(--tab-icon-fill-inactive);box-sizing:border-box;display:block;flex-shrink:0;height:16px;-webkit-mask-image:var(--tab-icon-src);mask-image:var(--tab-icon-src);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;max-width:100%;transition:background-color .25s ease;width:16px}section.saas-top-tabs-icons .nav-item.active .tab-icon-visual,section.saas-top-tabs-icons .nav-item[aria-selected=true] .tab-icon-visual{background-color:var(--tab-icon-fill-active)}section.saas-top-tabs-icons .nav-item .tab-navigation-text{color:#1c1c28;font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.4px;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.saas-top-tabs-icons .nav-item.active .tab-navigation-text{color:#5d13fa}section.saas-top-tabs-icons .slides{min-height:360px;position:relative;width:100%}@media screen and (max-width:1200px){section.saas-top-tabs-icons .slides{min-height:400px}}@media screen and (max-width:768px){section.saas-top-tabs-icons .slides{min-height:0}}section.saas-top-tabs-icons .slide{left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}section.saas-top-tabs-icons .slide.active{left:auto;opacity:1;pointer-events:auto;position:relative;right:auto;top:auto;transform:translateY(0)}section.saas-top-tabs-icons .slide-inner{align-items:flex-start;display:flex;flex-direction:row;gap:32px;width:100%}section.saas-top-tabs-icons .slide-text{display:flex;flex:0 1 427px;flex-direction:column;gap:16px;max-width:427px;min-width:0}section.saas-top-tabs-icons .slide-eyebrow{color:#5d13fa;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:400;letter-spacing:1.6px;line-height:24px;margin:0;text-transform:uppercase}section.saas-top-tabs-icons .slide-headline{color:#1c1c28;font-family:DM Sans,sans-serif;font-size:28px;font-style:normal;font-weight:500;letter-spacing:-.56px;line-height:36px;margin:0}section.saas-top-tabs-icons .slide-description{color:#1c1c28;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.32px;line-height:24px}section.saas-top-tabs-icons .slide-description p{margin:0 0 12px}section.saas-top-tabs-icons .slide-description p:last-child{margin-bottom:0}section.saas-top-tabs-icons .slide-image-wrap{align-self:stretch;flex:1 1 0;min-width:0}section.saas-top-tabs-icons .slide-image{border:1px solid #f5f5fa;border-radius:4px;box-shadow:2px 2px 16px 0 rgba(0,0,0,.08);display:block;height:auto;object-fit:cover;width:100%}@media screen and (max-width:1024px){section.saas-top-tabs-icons .slide-inner{align-items:stretch;flex-direction:column}section.saas-top-tabs-icons .slide-text{flex:1 1 auto;max-width:100%}section.saas-top-tabs-icons .slide-image-wrap{flex:1 1 auto;width:100%}}@media screen and (max-width:768px){section.saas-top-tabs-icons .intro{margin-bottom:40px}section.saas-top-tabs-icons .intro .intro-inner{gap:12px}section.saas-top-tabs-icons .intro .subheadline{font-size:18px;line-height:28px}section.saas-top-tabs-icons .subnav{gap:16px}section.saas-top-tabs-icons .nav-item{flex:1 0 200px;min-width:200px}section.saas-top-tabs-icons .nav-item .tab-navigation-text{font-size:16px;line-height:24px;white-space:normal}section.saas-top-tabs-icons .slide-inner{gap:24px}section.saas-top-tabs-icons .slide-text{gap:12px}section.saas-top-tabs-icons .slide-headline{font-size:24px;line-height:32px}section.saas-top-tabs-icons .slide-description{font-size:15px;line-height:22px}}