.connection{display:grid;grid-template-columns:1fr .65fr 1fr;align-items:center;gap:20px;background:#101c23;color:#fcf7e7;border-radius:6px;padding:38px 30px;margin-top:40px}.connection span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a7cbc7}.connection h3{font-size:27px;margin:15px 0}.connection p{font-size:15px;line-height:1.7;margin:0}.connector-label{font-size:11px;line-height:1.7;text-align:center;border-block:1px solid #a7cbc766;padding:15px 0;color:#a7cbc7}.after-diagram{margin-top:30px}.workflow-steps{list-style:none;counter-reset:steps;padding:0;margin:40px 0}.workflow-steps li{counter-increment:steps;border-top:1px solid var(--line);padding:25px 0 25px 55px;position:relative}.workflow-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:28px;font-size:12px;color:var(--accent)}.workflow-steps h3{font-size:24px}.workflow-steps p{font-size:17px;margin:0}.website-link{display:inline-block;margin-top:35px;font-size:15px}@media(max-width:700px){.connection{grid-template-columns:1fr;padding:28px;gap:25px}.connector-label{text-align:left}.workflow-steps li{padding-left:40px}.workflow-steps h3{font-size:23px}.workflow-steps p{font-size:16px}}