.services-reference{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:42px}.service-reference-card{min-height:280px;padding:34px;border:1px solid #20f3ff43;border-radius:24px;background:linear-gradient(145deg,#08171af3,#030b0dfc);box-shadow:0 22px 52px #0008,0 0 30px #20f3ff0b;transition:.3s}.service-reference-card:hover{transform:translateY(-6px);border-color:#20f3ff}.service-reference-icon{height:58px;color:#20f3ff;font-size:2.35rem;line-height:1;text-shadow:0 0 20px #20f3ff55}.service-reference-card h3{margin:10px 0 12px;font-size:1.25rem}.service-reference-card p{margin:0;color:#b7cdd0;line-height:1.75}.service-reference-card>a{display:inline-block;margin-top:18px;color:#20f3ff;font-weight:800}.services-cta{min-height:414px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);overflow:hidden;border:1px solid #20f3ff56;border-radius:24px;background:#061114;box-shadow:0 24px 60px #0009}.services-cta-span-2{grid-column:span 2}.services-cta-span-3{grid-column:span 3}.services-cta-span-4{grid-column:1/-1}.services-cta-copy{padding:40px;display:flex;flex-direction:column;justify-content:center}.services-cta-copy h3{font-size:clamp(2rem,3vw,3.1rem);line-height:1.08;margin:14px 0;color:#fff}.services-cta-copy h3::first-line{color:#fff}.services-cta-copy p{color:#b7cdd0;line-height:1.8;margin:0 0 24px}.services-cta-copy .btn{align-self:flex-start}.services-cta-image{min-height:100%;background-size:cover;background-position:center;position:relative}.services-cta-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06111444,transparent)}
@media(max-width:1050px){.services-reference{grid-template-columns:repeat(2,1fr)}.services-cta{grid-column:span 2}}
@media(max-width:680px){.services-reference{grid-template-columns:1fr}.service-reference-card{min-height:230px}.services-cta{grid-column:span 1;grid-template-columns:1fr}.services-cta-copy{padding:30px}.services-cta-image{min-height:260px;order:-1}}