.section-platform{background-color:var(--gray-bg)}
.platform-wrapper{display:flex;flex-flow:column;grid-row-gap:26px}
.platform-panel{background-color:var(--dark-blue);color:#fff;padding:64px 56px 56px;display:flex;flex-flow:column;grid-row-gap:56px}
.platform-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-column-gap:72px;align-items:center}
.platform-logo{width:100%;max-width:520px;height:auto;display:block}
.platform-intro{margin:0;font-size:1.25rem;line-height:1.45;color:#d9e2e9}
.platform-meta{margin:22px 0 0;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:#7f99ad}
.platform-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column-gap:40px;grid-row-gap:36px;border-top:1px solid rgba(157,182,200,.28);padding-top:36px}
.platform-pillar h3{margin:0 0 14px;font-size:.8125rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#9db6c8}
.platform-pillar p{margin:0;font-size:1rem;line-height:1.5;color:#c9d3da}
.atlas-js .platform-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}
.atlas-js .platform-reveal.is-in{opacity:1;transform:none}
@media screen and (max-width:991px){
 .platform-panel{padding:44px 28px 40px;grid-row-gap:40px}
 .platform-top{grid-template-columns:1fr;grid-row-gap:32px}
 .platform-logo{max-width:420px}
 .platform-pillars{grid-template-columns:1fr}
}
@media screen and (max-width:479px){
 .platform-panel{padding:36px 20px 32px}
 .platform-intro{font-size:1.0625rem}
}