:root {
  --ink: #101014;
  --muted: #4B4B55;
  --paper: #ffffff;
  --mint: #E3ECFD;
  --teal: #2563EB;
  --bright: #3B82F6;
  --line: #E2E2EA;
  --night: #050B18;
}
.brand b { color: #2563EB; }
.button:hover { background: #3B82F6; }
.nav-cta:hover { background: #2563EB; }
.service-highlights a, .card-visual { background: var(--night); }
.service-highlights a:hover { background: #2563EB; }
.cta { background: radial-gradient(620px 340px at 88% 18%, rgba(59,130,246,.28), transparent 65%), radial-gradient(520px 300px at 8% 110%, rgba(56,189,248,.14), transparent 60%), linear-gradient(135deg, #050B18 0%, #0A1730 100%); display: flex; align-items: center; justify-content: flex-start; padding: 60px 72px; min-height: 380px; }
.cta-main { position: relative; z-index: 1; max-width: 640px; }
.cta-action { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 16px; margin-top: 30px; }
.cta-points { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.cta-points li { font-size: 12.5px; color: #DCE7F5; background: rgba(255,255,255,.07); border: 1px solid rgba(147,197,253,.30); border-radius: 2px; padding: 7px 13px; white-space: nowrap; }
.cta-points li::before { content: '✓'; color: #38BDF8; margin-right: 8px; }
.cta { justify-content: space-between; gap: 40px; }
.cta-main { flex: 1 1 0; }
.cta-photo { flex: 0 0 340px; margin: 0; position: relative; z-index: 1; }
.cta-photo img { width: 100%; height: 300px; object-fit: cover; border-radius: 2px; }
@media (max-width: 760px) {
  .cta { display: block; padding: 40px 26px; min-height: 0; }
  .cta .button { margin-top: 0; }
  .cta-photo { margin-top: 28px; }
  .cta-photo img { height: 200px; }
}