.role-solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.role-solution-grid article{padding:25px 22px;background:#fff;border:1px solid #dfe9ed;cursor:pointer;transition:.25s}.role-solution-grid article:hover{background:#edf8fa;border-color:#8bd2de;transform:translateY(-4px)}.role-solution-grid span{font-size:9px;color:var(--blue);letter-spacing:.12em}.role-solution-grid h3{font-size:20px;margin:19px 0 9px}.role-solution-grid p{min-height:45px;color:var(--muted);font-size:13px;line-height:1.7}.role-solution-grid button{border:0;background:none;color:var(--blue);padding:8px 0;font-size:12px}.role-detail-page{padding-top:70px}.role-detail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;border-bottom:1px solid #dce6ea;padding-bottom:30px}.role-detail-head small{color:var(--blue);letter-spacing:.18em}.role-detail-head h1{font-size:48px;margin:10px 0}.role-detail-head h2{font-size:22px;font-weight:500;color:#536b78;margin:0}.role-detail-head>span{padding:9px 15px;background:#e4f4f7;color:#16778e;font-size:12px}.role-description{max-width:960px;font-size:16px;line-height:2;color:#607581;margin:34px 0}.role-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-columns article{background:#fff;padding:28px;border-top:3px solid var(--cyan)}.role-columns small,.role-process small,.role-bottom small{color:var(--blue);font-size:9px;letter-spacing:.14em}.role-columns h3,.role-process h3{font-size:20px}.role-columns ul{padding-left:18px;color:#60737f;line-height:1.9;font-size:13px}.role-process{margin-top:18px;padding:28px;background:#fff}.role-process ol{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;counter-reset:step;padding:0;list-style:none}.role-process li{padding:16px 12px;background:#eef6f8;color:#48616f;font-size:12px}.role-process li:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;color:var(--blue);font-weight:700;margin-bottom:7px}.role-bottom{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:22px;margin-top:18px;padding:25px 28px;background:#06243c;color:#fff}.role-bottom small{display:block;color:#77cfdd;margin-bottom:8px}.role-bottom strong{font-size:13px;line-height:1.6}.role-cta{border:0;background:#fff;color:var(--blue);padding:14px 22px;font-weight:700;cursor:pointer}
@media(max-width:1050px){.role-solution-grid{grid-template-columns:repeat(2,1fr)}.role-process ol{grid-template-columns:repeat(3,1fr)}.role-bottom{grid-template-columns:1fr 1fr}.role-cta{grid-column:1/-1}}@media(max-width:700px){.role-solution-grid,.role-columns{grid-template-columns:1fr}.role-detail-head{display:block}.role-detail-head>span{display:inline-block;margin-top:18px}.role-detail-head h1{font-size:37px}.role-process ol,.role-bottom{grid-template-columns:1fr}.role-cta{grid-column:auto}}