/* Keep hero and header content on the same visual grid. */
.hero{padding-left:max(6vw,32px)!important;padding-right:max(6vw,32px)!important}.hero:after{display:none!important}.hero-copy{padding-left:0!important}.hero-product{justify-self:end}@media(max-width:900px){.hero-product{justify-self:center}}@media(max-width:650px){.hero{padding-left:22px!important;padding-right:22px!important}.hero-product{justify-self:start}}

/* Platform lifecycle: left-aligned introduction and an edge-to-edge flow. */
.platform .section-top{display:block;max-width:none}
.platform-heading{justify-self:start;text-align:left}
.platform-heading h2{margin-bottom:20px}
.platform .platform-intro{max-width:560px;margin-bottom:0;color:var(--muted)}
.platform .journey{margin-top:68px}
.platform .journey:before{left:calc(100% / 14);right:calc(100% / 14)}
.platform .journey span{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.platform .journey article:hover span{transform:translateY(-3px);border-color:var(--teal);box-shadow:0 8px 18px #12949e24}
.platform .journey svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:650px){
  .platform .journey{margin-top:42px}
}