main{overflow-x:hidden;position:relative}.platform-hero{background-color:#f2f2f2;min-height:576px;overflow:hidden;position:relative}.platform-hero .span6:first-of-type{position:relative;z-index:1}.platform-hero .hero-featured{aspect-ratio:16/9;position:relative;z-index:1}.platform-hero .hero-featured .main{display:flex;justify-content:center;margin:0;transform-style:preserve-3d}.platform-hero .hero-featured .main .pic{border-radius:12px;display:block;height:9%;position:absolute;right:5%;top:7%;transform:translateZ(100px);width:9%;z-index:1}.platform-hero .hero-featured .main .pic img{border-radius:16px;height:auto;width:100%}.platform-hero .hero-featured .main .pic.pic--round img{border-radius:50%}@media (min-width:768px){.platform-hero .hero-featured .main{bottom:0;display:block;position:absolute;right:80px;transform:translateY(20%)}}@media (min-width:470px) and (max-width:767px){.platform-hero .hero-featured--with-pic .main{margin:auto;max-width:59%;position:relative}}.platform-hero .shapes{bottom:0;left:0;position:absolute;width:880px}.platform-hero .shapes svg{display:block}@media (min-width:768px){.platform-hero .shapes{left:calc(50vw - 180px)}}.platform-hero img{border-radius:10px;box-shadow:0 10px 99px rgba(4,7,37,.28);transform:perspective(1000px) rotateY(-28deg) rotateX(10deg)}.platform-hero h1{font-weight:700}.platform-hero h2{font-weight:300}@media (min-width:768px){.platform-hero h2{margin-bottom:2rem;max-width:620px}.platform-hero h1{font-size:48px}.platform-hero h2{font-size:30px}}@media (max-width:767px){.platform-hero .span5{display:flex;justify-content:center}}.intro{background-color:#040725;background-image:linear-gradient(165deg,#040725 60%,#33354c);color:#fff}.intro p{text-wrap:pretty}.intro img{border-radius:18px}@media (min-width:768px){.platform-product-page h3{font-size:45px}}.customer-stories h3,.use-cases h3{font-weight:300}.use-cases h4{font-size:28px;margin-bottom:1rem}.use-cases p{font-size:20px}.use-cases *{color:#fff}.best-practices h3{font-weight:300;margin-bottom:.75rem}.button--modal{position:relative;z-index:3}dialog{background-color:#fff;border-radius:16px;padding:0}#modal-content{padding:1.5em}@media (min-width:768px){.button--modal{margin-bottom:0}#modal-content{width:640px}}dialog::backdrop{background:rgba(0,0,0,.85)}dialog[open]:not(:modal):before{background-color:rgba(0,0,0,.85);content:"";height:100vh;left:50%;position:fixed;top:50%;transform:translate3d(-50%,-50%,-1px);width:100vw}dialog[open]{animation:fadeIn .5s ease 50ms forwards;border:none;opacity:0}dialog[open]:not(:modal){transform-style:preserve-3d;z-index:2}.modal h2{font-size:36px}.modal form input[type=submit]{text-transform:none}@keyframes fadeIn{to{opacity:1}}