.connectivity { background: linear-gradient(115deg, #1260d7, #238de9); color: #fff; }
.connectivity-inner { max-width: 1240px; margin: auto; }
.connectivity-panel { display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; gap: 64px; padding: 54px 48px;  min-height: 310px; color: #fff; }
.connectivity-content { padding: 12px 8px 12px 0; }
.connectivity-panel > h2 { margin: 0; font: 600 clamp(28px, 2.8vw, 38px)/1.25 Montserrat, Inter, sans-serif; letter-spacing: -.045em; text-wrap: balance; }
.connectivity-content ul { display: grid; gap: 22px; list-style: none; margin: 0 0 34px; padding: 0; }
.connectivity-content li { display: flex; gap: 14px; align-items: baseline; font-size: 16px; line-height: 1.65; color: #f0f6ff; }
.connectivity-content li::before { content: '✓'; display: inline-grid; place-items: center; position: relative; top: 1px; flex: 0 0 25px; height: 25px; border-radius: 50%; background: #ffffff1f; font-size: 13px; }
.connectivity-content a { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 52px; padding: 15px 22px; border-radius: 4px; background: #101b2c; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.connectivity-content a:hover { background: #1e2d43; }

@media (max-width: 1000px) { .connectivity-panel { gap: 36px; padding: 38px 30px; } }
@media (max-width: 760px) { .connectivity-panel { grid-template-columns: 1fr; min-height: 0; gap: 28px; padding: 38px 24px; } .connectivity-panel > h2 { font-size: 29px; } .connectivity-content { padding: 0; } .connectivity-content li { font-size: 14px; } .connectivity-content a { font-size: 13px; } }