.container{max-width:none}.hero_headline_container{display:flex;flex-direction:column;height:100%;min-height:600px;justify-content:flex-end;padding-bottom:40px;margin-top:20px;text-align:left}.hero_headline [class*=col-]{padding-left:0;padding-right:0}.use-case-panels{max-width:1200px;width:100%;margin:40px auto 20px;position:relative;box-sizing:border-box}.tab-panel{background-image:url(https://img.playbook.com/kHeh2CIobVw002zwakswYnDmg46RMINkiYmVCk6gWFs/Z3M6Ly9wbGF5Ym9v/ay1hc3NldHMtcHVi/bGljLzhmMGY4YWI5/LWE1NzktNGMwMC04/NWQ0LTBlMzM0MTk4/YmQ4ZA);background-size:cover;padding:50px 40px 0;overflow:hidden;border-radius:20px;aspect-ratio:16/9;position:relative}.tab-panel img.scale-in-active{display:block;position:absolute;left:50%;transform:translate(-50%);max-width:90%;height:auto}.bento-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.bento-item h6{font-size:16px;font-weight:600;margin-bottom:5px;color:#262626;letter-spacing:-.01em}@media(max-width:767px){.bento-grid-3{grid-template-columns:repeat(1,1fr)}.bento-3-card3{grid-column:1 / 3}.tab-panel{padding:15px 10px 0}}@media(max-width:480px){.bento-grid-3{grid-template-columns:1fr}.bento-3-card3{grid-column:auto}}.usecase-subheader{font-size:16px;color:#777e93}.header-description{margin-bottom:40px;font-size:26px}.button.cta-button{background-color:#262626}.hero-bento-card{min-height:600px;max-height:calc(100vh - 160px);height:100vh;padding:0;overflow:hidden;margin-top:20px;display:flex;align-items:center;background:#f9f9f9;border:.75px solid #ebecef;border-radius:20px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.bento-item.hero-bento-card{background-image:url(https://img.playbook.com/NTqhYrd30SGliPa-UgSqIOhfz8Erpc11RvVp_Q6e21c/s:500:667/Z3M6Ly9wbGF5Ym9v/ay1hc3NldHMtcHVi/bGljLzgwYTQxMjQ2/LTJkYjEtNDFhZS1h/M2UxLTEzYjQ3MjE4/Y2E4Yg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-bento-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px}h3.h3-style{text-align:left;color:#8355eb}h5.subheader{margin:10px 0;max-width:800px;line-height:1.5em;background-image:linear-gradient(89.02deg,#7b54f2 .75%,#ff667e 46.61%,#ffab6f 102.01%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:left}h1.homepage{margin:10px 0 20px;max-width:700px;line-height:1.1em}p.subtext-header{text-align:left;margin:20px 0;width:90%}.header-cta-section{display:flex;flex-direction:row;align-items:center;gap:40px;margin:0 0 20px;flex-wrap:wrap}.cta-button{font-size:18px;margin:0;min-width:200px;white-space:nowrap;padding:12px 24px}.logos-container{display:flex;align-items:center;gap:20px;opacity:.5}.customer-logos-list{display:flex;list-style:none;margin:0;padding:0;gap:3px;align-items:center;flex-wrap:nowrap;overflow-x:auto}.customer-logo{width:50px;height:40px;-o-object-fit:contain;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease}.customer-logo.wide{width:80px}.customer-logo.medium{width:70px}.customer-logo.medium-small{width:60px}.customer-logo.small{width:50px}.customer-logo.tiny{width:45px}.rotate span{display:none}.hero-image-container{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden}.hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:18px}.hero-image.hover-image{position:absolute;top:0;left:0;opacity:0;transition:all .2s ease;transform:scale(1.01)}.hero-image-container:hover .hero-image.hover-image{opacity:1;transform:scale(1)}.hero-image-container:hover .hero-image.base-image{transform:scale(.99)}.hero-image.base-image{transition:all .2s ease}@media(max-width:1200px){.hero-bento-card{width:95%;margin:auto}}@media(max-width:992px){.hero-bento-card{width:90%;min-height:500px}}@media(max-width:767px){.hero-image-container{display:none}.hero-bento-card{width:calc(100% - 40px);margin:30px auto;min-height:400px}.hero_headline.row{flex-direction:column}.hero_headline_container{text-align:center}h5.subheader{margin:10px auto}}.video-container{height:400px;-o-object-fit:cover;object-fit:cover;border-radius:20px;z-index:2;flex:1}.sampleWorkflow-header{max-width:1200px;width:100%;margin:0 auto;padding:80px 20px 20px}.sampleWorkflow{padding:20px 0;margin:0 auto;max-width:1200px;width:100%}.workflow-container{display:flex;align-items:flex-start;justify-content:space-between;margin:0 auto 40px;padding:0 20px;box-sizing:border-box;min-height:500px}.workflow-videos{flex:0 0 55%;min-width:400px}.workflow-videos .background-video{height:470px;border-radius:15px;display:none;-o-object-fit:cover;object-fit:cover;width:100%}.workflow-videos .background-video.show{display:block}@media(max-width:900px){.workflow-videos{flex:0 0 100%;min-width:auto;max-width:390px}.workflow-steps{flex:0 0 100%;min-width:auto;max-width:500px;padding-left:0;display:flex;height:500px}.usecases{display:flex;flex-direction:column;width:100%}.usecases li{flex:1;margin:8px 0}}.background-video.show{display:block}.workflow-steps{flex:0 0 45%;min-width:400px;display:flex}ul.usecases{margin:0;padding:0;display:flex;flex-direction:column;width:100%;height:100%}.usecases li{flex:1;margin:0 0 16px;justify-content:center;list-style-type:none;color:#262626;padding:16px;background-color:#f5f6f7;border-radius:14px;border-left:none;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;justify-content:flex-end;opacity:.6}.usecases li .step-number{position:absolute;top:16px;left:16px;width:25px;height:25px;color:#131313;border-radius:50%;border:1.5px solid #131313;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;line-height:1;opacity:.6}.usecases li .content-wrapper{font-size:17px;line-height:1.4rem;color:#262626;margin-top:45px}.usecases li h5{font-weight:600;font-size:17px;margin:0;display:inline;color:#262626}.usecases li p{display:inline;margin:0;font-weight:500}.usecases li:hover{background-color:#ebecef;opacity:1}.usecases li.active{background-color:#f5f6f7;opacity:1}.usecases li.active .step-number{background-color:#262626;color:#fff;border:1.5px solid #262626;opacity:1}.usecases li.active h5{color:#262626;font-weight:700;font-size:17px;margin:0}.usecases li.active p{font-size:17px;margin:0;color:#262626}.bento-features{max-width:1200px;width:100%;margin:0 auto 20px;position:relative;box-sizing:border-box;padding:0}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,205px);gap:20px;margin-top:40px}.bento-item{background:#f9f9f9;border:.75px solid #ebecef;border-radius:20px;padding:20px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.bento-medium1{grid-column:1;grid-row:1}.bento-medium2{grid-column:1;grid-row:2}.bento-medium3{grid-column:2;grid-row:1}.bento-medium4{grid-column:2;grid-row:2}.bento-medium5{grid-column:3;grid-row:1}.bento-medium6{grid-column:3;grid-row:2}.bento-tall{grid-column:4;grid-row:1 / 3}.bento-content{height:100%;display:flex;flex-direction:column;position:relative;z-index:2}.bento-item h5{font-size:20px;font-weight:600;margin-bottom:5px;color:#262626;letter-spacing:-.02em}.bento-item p{font-size:15px;color:#524a3ed1;line-height:1.5;margin-bottom:8px;font-weight:500}.bento-item p.bento-learn-more{font-size:12px;margin:0}.bento-large{grid-column:1 / 3;grid-row:1 / 3}.bento-large1{grid-column:3 / 5;grid-row:1 / 3}.bento-large .bento-content,.bento-large1 .bento-content{height:100%;display:flex;flex-direction:column}.bento-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:flex;align-items:center;justify-content:left;position:relative}.bento-icon svg{width:30px}.bento-large .bento-image,.bento-large1 .bento-image{margin:auto -20px -20px;width:calc(100% + 40px);overflow:hidden;max-height:250px}.bento-large .bento-image img,.bento-large1 .bento-image img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom}.bento-tall .bento-image{margin-top:auto;margin-left:-20px;margin-right:-20px;overflow:hidden;border-radius:0;width:calc(100% + 40px);height:100%}.bento-tall .bento-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left center;object-position:left center;-o-object-position:50% 20%!important;object-position:50% 20%!important}.bento-learn-more{font-size:12px;margin:3px 0 0}.bento-learn-more a{background-image:linear-gradient(270deg,#f96583 .5%,#8355eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;text-decoration:none}.usecase-highlight{max-width:1200px;margin:0 auto;padding:50px 20px}.highlight-cards-container{text-align:center;margin-top:50px;display:flex;justify-content:center;gap:20px;max-width:1200px;margin-left:auto;margin-right:auto;border-radius:20px}.highlight-card-link{flex:1 1 0;min-width:0;text-decoration:none;color:inherit}.highlight-card{border:1px solid #e5e5e5;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer;height:330px;width:100%;background-color:#fff}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:#fff3}.highlight-card-img{display:block;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:20px 20px 0 0}.highlight-card-content{padding:20px;flex:1;display:flex;flex-direction:column;justify-content:center}.highlight-card-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#333}.highlight-card-desc{font-size:14px;color:#666;line-height:1.4}.workflow-image{flex:1;position:relative;margin-right:-30vw;margin-top:-30px;height:100%;min-width:600px;min-height:700px;width:80%;margin-bottom:-200px;z-index:1}.workflow-image img{width:100%;height:100%;min-height:700px;-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top;display:block}@media(max-width:767px){.header-cta-section{flex-direction:column;gap:20px;margin:30px auto 40px}p.subtext-header{margin:0 auto!important;text-align:center!important}.video-text-section{flex-direction:column;gap:20px}.workflow-container{flex-direction:column;padding:0 20px;gap:30px}.workflow-steps{flex:none;min-width:auto;width:100%;max-width:none}.usecases,.usecases li{width:100%}.workflow-image{flex:none;width:100vw;margin-left:-30px;margin-top:0;margin-bottom:0;height:500px;min-height:500px;min-width:auto}.workflow-image img{-o-object-position:left top;object-position:left top;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;overflow:visible}.bento-features{padding:0 16px}.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);gap:14px}.bento-medium1{grid-column:1;grid-row:1}.bento-medium2{grid-column:1;grid-row:2}.bento-medium3{grid-column:2;grid-row:1}.bento-medium4{grid-column:2;grid-row:2}.bento-medium5{grid-column:1;grid-row:2}.bento-medium6{grid-column:2;grid-row:2}.bento-tall{grid-column:1 / 3;grid-row:3}.bento-large,.bento-large1{grid-column:1 / 3}.bento-large{grid-row:1}.bento-large1{grid-row:2}.bento-large .bento-image,.bento-large1 .bento-image{height:200px;margin-left:-15px;margin-right:-15px;width:calc(100% + 30px)}.bento-tall .bento-image{max-height:210px;margin-bottom:-20px;mask:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 15%,black 30%);-webkit-mask:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 15%,black 30%)}.bento-tall .bento-image img{-o-object-position:bottom;object-position:bottom}.bento-item{padding:15px}.bento-item h5{font-size:18px}.bento-item p{font-size:14px}.highlight-cards-container{flex-direction:column;align-items:center;padding:20px;margin-top:20px}.highlight-card{width:100%;max-width:400px;margin-bottom:20px;min-height:300px;flex:none;display:flex;flex-direction:column;align-items:stretch;height:300px}.highlight-card-img{flex-shrink:0;min-height:200px;width:100%;height:200px;border-radius:20px 20px 0 0}.highlight-card-content{flex:1;min-height:100px;display:flex;flex-direction:column;justify-content:center;padding:20px}h2.h2-style br{display:none}}@media(max-width:480px){h2.h2-style{font-size:32px}h2.h2-style br{display:none}.workflow-image{width:100vw;margin-right:-20px}.workflow-image img{min-height:500px}}@media(min-width:900px){.workflow-image{min-height:600px!important;flex-shrink:0!important}.workflow-image img{min-height:600px!important}}