.hero-header{background-size:cover;padding-top:150px}.hero-row{display:flex;gap:100px}.hero-text-col{padding-bottom:80px;width:80%}.hero-header.full-width-text .hero-text-col{width:auto}.hero-image-col{position:relative;width:40%}.hero-row.with-image .hero-image-col .image{height:160%;left:0;max-width:100%;position:absolute;top:0}.hero-row.with-image .hero-image-col .image img{max-height:100%;max-width:100%}.hero-row.with-image .hero-image-col .image img.phone-border{-webkit-filter:drop-shadow(15px 15px 10px rgba(0,0,0,.3));-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";max-height:100%;max-width:100%}div.phone-outer{position:relative}div.phone-screen{border-radius:0 0 30px 30px;left:0;margin:17% 5.4% 0;overflow:hidden;position:absolute;top:0;z-index:80}div.phone-screen img{border-radius:0 0 50px 50px}@media only screen and (max-width:1280px){div.phone-screen img{border-radius:0 0 40px 40px}}@media only screen and (max-width:1000px){div.phone-screen img{border-radius:0 0 30px 30px}}@media only screen and (max-width:850px){div.phone-screen img{border-radius:0 0 50px 50px}}@media only screen and (max-width:600px){div.phone-screen img{border-radius:0 0 25px 25px}}.hero-text-col{align-items:flex-start;display:flex;flex-direction:column;gap:40px}.hero-header .large-header{color:#fff;font-weight:400;margin:0;padding:0}.hero-header .large-header strong{background:#fff;color:var(--petrol);font-weight:500;padding:6px 18px 10px 15px}.hero-header h2{color:#fff;font-family:Santral;font-size:28px;font-weight:400;line-height:150%;margin:0;padding:0}.hero-header .footnote{color:#fff;font-size:18px}.text-under-hero{padding:60px 0}.text-under-hero.with-image{max-width:50%}@media only screen and (max-width:850px){.hero-header{padding-top:120px}.hero-header.with-image{background-repeat:no-repeat;background-size:auto 75%}.hero-row{flex-direction:column;gap:40px}.hero-text-col{padding-bottom:0;width:auto}.hero-row .cta,.hero-text-col .footnote{align-self:center}.hero-text-col .footnote{font-size:12px}.hero-image-col{display:none}.hero-row.with-image .hero-image-col{display:block;min-height:400px;position:relative;width:auto}.hero-row.with-image .hero-image-col .image{display:flex;justify-content:center;margin:0 45px;position:relative}.text-under-hero.with-image{max-width:none}.hero-text-col{gap:20px}.hero-header .large-header strong{background:#fff;color:var(--petrol);font-weight:500;padding:3px 10px 8px 5px}.hero-header h2{font-size:22px}}@media only screen and (max-width:600px){.hero-header{padding-top:100px}.hero-text-col{gap:20px}.hero-header .large-header strong{background:#fff;color:var(--petrol);font-weight:500;padding:6px 8px 4px 6px}.hero-header h2{font-size:16px}}