@charset "UTF-8";wp-component[name=OneProductHero]{--bgColor: transparent;display:grid;color:#fff;background-color:var(--bg-color);overflow:hidden}@media (min-width: 1180px){wp-component[name=OneProductHero]{max-height:calc(870px - var(--sub-navigation-height))}}wp-component[name=OneProductHero] .hero-background{flex-wrap:nowrap;overflow:hidden;display:flex;grid-column:1/-1;grid-row:1}wp-component[name=OneProductHero] .hero-background>img{flex:0 0 100%;min-block-size:100%;object-fit:cover;object-position:top;transition:transform 1s}wp-component[name=OneProductHero] .container-grid{--content-bg-color: var(--color-blue-dark);background-color:var(--content-bg-color);column-gap:16px;grid-column:1/-1;grid-row:1;position:relative;overflow:hidden}wp-component[name=OneProductHero] .container-grid:has(.scroll-indicator) .scroll-indicator{padding-block:20px}@media (min-width: 768px){wp-component[name=OneProductHero] .container-grid:has(.scroll-indicator) .content-container{margin-block:52px 64px}}wp-component[name=OneProductHero] .content-container{--content-bg-color: var(--color-blue-dark);--align-vert: end;align-self:var(--align-vert);grid-column:1/-1;grid-row:1;padding-block:.5rem 1.5rem}@media (min-width: 768px){wp-component[name=OneProductHero] .content-container{background-color:var(--content-bg-color);border-radius:22px;margin-block:52px;padding-inline-start:25px;z-index:5}}@media (min-width: 1180px){wp-component[name=OneProductHero] .content-container{grid-column:1/span 4;padding-block:1rem 3rem}}@media (min-width: 1600px){wp-component[name=OneProductHero] .content-container{grid-column:1/span 4}}wp-component[name=OneProductHero] .device-image{grid-column:1/-1;grid-row:2;justify-self:start;align-self:start;margin-block:25px 75px;--image-url: none;position:relative;overflow:visible}@media (min-width: 768px){wp-component[name=OneProductHero] .device-image{margin-block:0 75px;margin-inline:20px 0}}@media (min-width: 1180px){wp-component[name=OneProductHero] .device-image{grid-column:4/-1;grid-row:1;align-self:center;justify-self:center;top:0;margin-inline:50px 0;margin-block:0}}wp-component[name=OneProductHero] .device-image>img{display:block;inline-size:100%;block-size:auto;object-fit:contain;max-width:400px}@media (min-width: 1180px){wp-component[name=OneProductHero] .device-image>img{max-width:1000px}}wp-component[name=OneProductHero] .device-image:after{content:"";position:absolute;left:0;top:100%;width:100%;height:100%;max-width:1000px;background-image:var(--image-url);background-repeat:no-repeat;background-position:center top;background-size:contain;transform:scaleY(-1);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,0));mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,0));pointer-events:none}@keyframes fadeIn{0%{opacity:0}75%{opacity:0}to{opacity:1}}wp-component[name=OneProductHero] .content .subheadline{font-weight:600;color:#fff}@media (min-width: 768px){wp-component[name=OneProductHero] .content .subheadline{align-self:center;margin-block:25px}}wp-component[name=OneProductHero] .content .text{margin-block-end:50px}@media (min-width: 768px){wp-component[name=OneProductHero] .content .text{padding-inline-end:10px}}@media (min-width: 1180px){wp-component[name=OneProductHero] .content .text{padding-inline-end:25px}}wp-component[name=OneProductHero] .content .text>h1,wp-component[name=OneProductHero] .content .text h2,wp-component[name=OneProductHero] .content .text h3,wp-component[name=OneProductHero] .content .text h4,wp-component[name=OneProductHero] .content .text h5,wp-component[name=OneProductHero] .content .text h6{color:#fff;text-wrap:wrap}wp-component[name=OneProductHero] .content .text>ul{list-style:none;padding-inline-start:10px}wp-component[name=OneProductHero] .content .text>ul li{position:relative;padding-left:1.5rem;color:#fff;font-weight:500;line-height:var(--font-size-h7);text-wrap:wrap}wp-component[name=OneProductHero] .content .text>ul li:before{position:absolute;top:0;left:0;content:url(./icon-check-16f9f115.svg);padding-right:20px}@media (min-width: 768px){wp-component[name=OneProductHero] .content .text>ul li:before{padding-right:10px}}@media (min-width: 1180px){wp-component[name=OneProductHero] .content .text>ul li:before{padding-right:25px}}wp-component[name=OneProductHero] .content .button-group{display:flex;gap:10px;flex-wrap:wrap}wp-component[name=OneProductHero] .form-container{margin-block-start:var(--flow-space);max-width:min(100%,500px)}wp-component[name=OneProductHero] .form-container .form-group{display:flex;align-items:center;margin-inline:auto;row-gap:0;background-color:#fff;border:1px solid #CBCBCB;border-radius:34px}@media (min-width: 480px){wp-component[name=OneProductHero] .form-container .form-group{display:grid;grid-auto-flow:column;grid-template-columns:1fr max-content;margin-inline:initial}}wp-component[name=OneProductHero] .form-container .form-group>label{font-size:0}wp-component[name=OneProductHero] .form-container .form-group>input[type=email]{background:transparent;border:none;border-radius:34px;padding:10px 0 10px 15px;margin-right:auto;max-inline-size:145px}@media (min-width: 480px){wp-component[name=OneProductHero] .form-container .form-group>input[type=email]{padding:15px 25px;grid-column:1;grid-row:1;inline-size:100%;max-inline-size:initial}}wp-component[name=OneProductHero] .form-container .form-group>input[type=email]::placeholder{text-align:left;color:#6d6d6d;font-size:var(--font-size-body-small)}@media (min-width: 480px){wp-component[name=OneProductHero] .form-container .form-group>input[type=email]::placeholder{font-size:var(--font-size-body-medium)}}wp-component[name=OneProductHero] .form-container .form-group>input[type=email]:focus{outline:none;background:RGBA(242,242,242,1);background:linear-gradient(90deg,rgb(242,242,242) 75%,rgba(255,255,255,0) 100%)}wp-component[name=OneProductHero] .form-container .form-group>input[type=email] input:not(:placeholder-shown){background:red}wp-component[name=OneProductHero] .form-container .form-group>.button{--button-padding-block: 5px;--button-border-radius: 28px;font-size:var(--font-size-body-small);inline-size:max-content;padding-inline:5px;margin-block:5px;margin-inline-end:6px;text-wrap:nowrap}@media (min-width: 1180px){wp-component[name=OneProductHero] .form-container .form-group>.button{--button-padding-block: 15px}}@media (min-width: 480px){wp-component[name=OneProductHero] .form-container .form-group>.button{--button-padding-block: 10px;padding-inline:25px;grid-column:2;grid-row:1;inline-size:initial;font-size:var(--font-size-body-medium)}}wp-component[name=OneProductHero] .form-container .form-error{color:var(--color-red);display:none;font-size:var(--font-size-body-xsmall);margin-block-end:6px;padding-inline:25px}wp-component[name=OneProductHero] .form-container .form-error[data-has-error=true]{display:block}wp-component[name=OneProductHero] .form-container .form-info{align-items:center;color:var(--text-color);display:flex;gap:12px;justify-content:center;margin-block-start:20px;padding-inline:12px}@media (min-width: 1180px){wp-component[name=OneProductHero] .form-container .form-info{justify-content:start}}wp-component[name=OneProductHero] .form-container .form-info>p{text-align:left;font-size:var(--font-size-body-small);text-wrap:balance}wp-component[name=OneProductHero] .form-container .form-group>input[type=email]{max-inline-size:100%}@media (min-width: 1180px){wp-component[name=OneProductHero] .product-content{align-self:center}}wp-component[name=OneProductHero] .product-content .product-info{display:none}@media (min-width: 768px){wp-component[name=OneProductHero] .product-content .product-info{display:flex;align-items:center;margin-block-end:15px}}wp-component[name=OneProductHero] .product-content .product-info-icon,wp-component[name=OneProductHero] .product-content .product-info-icon>span>svg{inline-size:20px;block-size:20px}@media (min-width: 768px){wp-component[name=OneProductHero] .product-content .product-info-icon,wp-component[name=OneProductHero] .product-content .product-info-icon>span>svg{inline-size:34px;block-size:34px}}wp-component[name=OneProductHero] .product-content .product-info-title{color:#fff;font-size:var(--font-size-body-small);font-weight:500;font-family:var(--font-family-heading);padding-inline:10px 20px}@media (min-width: 768px){wp-component[name=OneProductHero] .product-content .product-info-title{font-size:var(--font-size-h7)}}wp-component[name=OneProductHero] .product-content .product-info .platforms-available{margin-block-start:0;align-items:center;display:flex;gap:5px}wp-component[name=OneProductHero] .product-content .product-info .platform{position:relative;align-items:center;background-color:#f2f2f2;border-radius:22px;display:flex;height:25px;justify-content:center;width:25px;background-color:var(--color-gray-dark)}wp-component[name=OneProductHero] .product-content .product-info .platform:after{--icon-color: #fff;background-color:var(--icon-color);content:"";display:block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}wp-component[name=OneProductHero] .product-content .product-info .platform[data-platform=cloud]:after{height:12px;width:14px;mask-image:url(./icon-cloud-c7c1b572.svg);-webkit-mask-image:url(./icon-cloud-c7c1b572.svg)}wp-component[name=OneProductHero] .product-content .product-info .platform[data-platform=windows]:after{height:13px;width:13px;mask-image:url(./icon-windows-4444d9d3.svg);-webkit-mask-image:url(./icon-windows-4444d9d3.svg)}wp-component[name=OneProductHero] .product-content .product-info .platform[data-platform=web-app]:after{height:13px;width:13px;mask-image:url(./icon-web-2f200baa.svg);-webkit-mask-image:url(./icon-web-2f200baa.svg)}wp-component[name=OneProductHero] .product-content .product-info .platform[data-platform=mobile-app]:after{height:14px;width:10px;mask-image:url(./icon-smartphone-fc84803f.svg);-webkit-mask-image:url(./icon-smartphone-fc84803f.svg)}wp-component[name=OneProductHero] .product-content .product-info .platform:after{background-color:var(--color-blue-dark)}wp-component[name=OneProductHero] .product-content .product-info .platform:has(.hover-text){cursor:pointer}wp-component[name=OneProductHero] .product-content .product-info .platform:hover>.hover-text,wp-component[name=OneProductHero] .product-content .product-info .platform:focus>.hover-text{display:block}wp-component[name=OneProductHero] .product-content .product-info .platform>.hover-text{--width: 188px;--tooltip-bg: #023E84;--triangle-size: 18px;--tooltip-color: #ffffff;background-color:var(--tooltip-bg);border-radius:4px;bottom:32px;color:var(--tooltip-color);display:none;font-size:14px;inline-size:var(--width);left:calc((var(--width) - 42px) / 2 * -1);line-height:16px;padding:4px 12px;position:absolute;text-align:left;z-index:5;--tooltip-bg: #ffffff;--tooltip-color: var(--color-blue)}wp-component[name=OneProductHero] .product-content .product-info .platform>.hover-text .triangle{background-color:var(--tooltip-bg);block-size:var(--triangle-size);bottom:-6px;display:block;inline-size:var(--triangle-size);left:calc(var(--width) / 2 - var(--triangle-size));position:absolute;transform:rotate(45deg);z-index:-1}wp-component[name=OneProductHero] .scroll-indicator{--indicator-color: var(--color-border);align-items:center;justify-content:center;display:none;gap:10px;padding-block:12px}@media (min-width: 1180px){wp-component[name=OneProductHero] .scroll-indicator{display:flex}}wp-component[name=OneProductHero] .scroll-indicator[data-position=inside]{position:absolute;inset:auto 0 0 0}wp-component[name=OneProductHero] .scroll-indicator .mouse{--mouse-width: 20px;--border-width: 4px;position:relative;width:var(--mouse-width);aspect-ratio:1/1.43;border:var(--border-width) solid var(--indicator-color);border-radius:calc(var(--mouse-width) / 2)}wp-component[name=OneProductHero] .scroll-indicator .mouse .wheel{position:absolute;aspect-ratio:1;border-radius:50%;background-color:var(--indicator-color);width:calc(var(--border-width) * 1.25);top:4px;left:calc(50% - var(--border-width) * 1.25 / 2);animation:mousescroll 2s linear infinite}wp-component[name=OneProductHero] .scroll-indicator .text{color:var(--indicator-color);font-size:var(--font-size-body-medium);font-weight:600;line-height:var(--font-size-body-large)}@keyframes mousescroll{0%{opacity:0;transform:scale(0) translateY(0)}10%{opacity:1;transform:scale(1) translateY(0)}35%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:1;transform:scale(1) translateY(6px)}75%{opacity:1;transform:scale(1) translateY(6px)}90%{opacity:0;transform:scale(0) translateY(6px)}to{opacity:0;transform:scale(0) translateY(0)}}
