section#integrations-hero-section div.center{display:flex;flex-direction:column;justify-content:center}section#integrations-hero-section{background-color:#eff8f9;background-image:url(https://8159624.fs1.hubspotusercontent-na1.net/hubfs/8159624/Cube%20website%20-%202024/Patterns/pattern-hero-top-left.svg),url(https://8159624.fs1.hubspotusercontent-na1.net/hubfs/8159624/Cube%20website%20-%202024/Patterns/pattern-hero-bottom-right.svg);background-position:0 0,100% 100%;background-repeat:no-repeat;background-size:auto;display:flex;flex-direction:column;margin:0;padding:150px 0 50px;position:relative;text-align:center;z-index:0}section#integrations-hero-section img.hero-image-desktop{display:none}section#integrations-hero-section img.hero-image{display:block;margin:0 auto;max-width:100%}section#integrations-hero-section div.info{z-index:3}section#integrations-hero-section div.image{margin:0 auto;max-height:400px;max-width:400px}section#integrations-hero-section div.image img{height:100%;object-position:center;width:100%}section#integrations-hero-section div.info h3.eyebrow{color:var(--eyebrow-color);font-family:var(--main-font);font-size:14px;font-style:normal;font-weight:700;letter-spacing:2.8px;line-height:22px;margin:0 auto 20px;text-transform:uppercase}section#integrations-hero-section div.info h1{color:var(--main-blue);display:block;font-family:var(--headline-font);font-size:44px;font-weight:900;line-height:54px;margin:0 auto 35px;max-width:330px;position:relative;text-align:center}section#integrations-hero-section div.info h1:before{background-image:url(https://8159624.fs1.hubspotusercontent-na1.net/hubfs/8159624/Cube%20website%20-%202024/Patterns/eyelash%20violet.svg);background-repeat:no-repeat;background-size:contain;bottom:15px;content:"";display:none;height:69px;margin-right:inherit;position:absolute;right:-35px;transform:rotate(90deg);width:50px}section#integrations-hero-section div.info p{color:var(--main-blue);font-family:var(--main-font);font-size:22px;font-weight:500;line-height:28px;margin:0 auto 50px;max-width:fit-content;text-align:left;text-align:center}section#integrations-hero-section div a p{color:var(--main-blue);font-family:var(--main-font);font-size:14px;font-weight:600;line-height:18px;margin:0}section#integrations-hero-section h2{color:#fff;font-family:Montserrat;font-size:42px;font-weight:700;line-height:48px;margin:0 0 15px;text-align:center;z-index:3}@media (min-width:600px) and (max-width:1199px){section#integrations-hero-section div.info h1{max-width:fit-content}section#integrations-hero-section div a.get-a-demo{justify-content:center}section#integrations-hero-section div a.get-a-demo p{margin-right:20px}}@media (min-width:1200px){section#integrations-hero-section{padding:70px 0 0}section#integrations-hero-section div.info h1{margin:0 0 20px;max-width:fit-content;text-align:left}section#integrations-hero-section div.image{display:flex;height:600px;justify-content:end;max-height:600px;min-width:580px}section#integrations-hero-section{display:flex;justify-content:center}section#integrations-hero-section div.info{max-width:590px}section#integrations-hero-section div.info p{margin:0 0 100px;text-align:left}section#integrations-hero-section div.center div.content{align-items:center;display:flex;gap:30px;justify-content:space-between;max-width:100%}section#integrations-hero-section div.center div.info p{font-size:22px;line-height:32px;margin:0 0 40px;max-width:532px}section#integrations-hero-section div.center h3.eyebrow{text-align:left}}@media (min-width:600px){section#integrations-hero-section div.info h1:before{display:block}}