/* Faceted service cards, keeping the original images and 6 / 3 / 2 layout. */
.reference-service-strip{gap:10px;padding:16px 12px 20px;background:linear-gradient(180deg,#d1e5fc,#edf5ff);border-top:1px solid #bad8f9}
.reference-service-tile,.reference-service-tile:first-child{position:relative;border-radius:0;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(125deg,#105fb6 0%,#084581 100%);transition:filter .2s,transform .2s}
.reference-service-tile:first-child{background:linear-gradient(125deg,#087bea,#0754aa)}
.reference-tile-visual{isolation:isolate}
.reference-tile-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,rgba(2,31,65,.28))}
.reference-tile-copy{position:relative;min-height:134px;padding:19px 18px 16px;gap:16px;border-top:0;background:linear-gradient(125deg,rgba(255,255,255,.045),transparent 65%)}
.reference-tile-copy::before{content:"";position:absolute;left:18px;top:0;height:2px;width:34px;background:#6ac7ff;transition:width .2s}
.reference-tile-copy h2{font-size:14px;line-height:1.4;letter-spacing:.015em;font-weight:800;color:#fff}
.reference-tile-copy>span,.reference-service-tile:first-child .reference-tile-copy>span{display:flex;justify-content:space-between;gap:8px;padding-top:13px;border-top:1px solid rgba(176,216,255,.25);color:#e5f2ff;font-size:12px;font-weight:600}
.reference-tile-copy>span>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:26px;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);background:rgba(139,203,255,.18);color:#fff;font-size:18px;line-height:1;transition:background .2s,transform .2s}
.reference-service-tile:hover{transform:translateY(-3px);filter:drop-shadow(0 5px 8px rgba(5,55,112,.15))}
.reference-service-tile:hover .reference-tile-copy{background:linear-gradient(125deg,rgba(83,176,255,.18),rgba(15,106,204,.06))}
.reference-service-tile:hover .reference-tile-copy::before{width:65px}
.reference-service-tile:hover .reference-tile-copy>span{text-decoration:none;color:#fff}
.reference-service-tile:hover .reference-tile-copy>span>span{background:rgba(164,218,255,.32);transform:translateX(2px)}
.reference-service-tile:focus-visible{outline:0;filter:brightness(1.15)}
.reference-service-tile:focus-visible .reference-tile-copy{box-shadow:inset 0 0 0 3px #aee1ff}
@media(max-width:1100px){.reference-service-strip{gap:8px;padding:12px 8px 16px}.reference-tile-copy{padding:17px 12px 14px;min-height:140px}.reference-tile-copy::before{left:12px}.reference-tile-copy h2{font-size:12px;letter-spacing:0}}
@media(max-width:900px){.reference-service-strip{gap:12px;padding:16px}.reference-tile-copy{padding:19px 18px 16px;min-height:132px}.reference-tile-copy::before{left:18px}.reference-tile-copy h2{font-size:14px}}
@media(max-width:600px){.reference-service-strip{gap:10px;padding:12px}.reference-service-tile,.reference-service-tile:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.reference-tile-copy{padding:17px 12px 13px;min-height:142px;gap:13px}.reference-tile-copy::before{left:12px}.reference-tile-copy h2{font-size:12px;line-height:1.4}.reference-tile-copy>span{font-size:11px}.reference-tile-copy>span>span{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.reference-service-tile,.reference-tile-copy::before,.reference-tile-copy>span>span{transition:none}.reference-service-tile:hover,.reference-service-tile:hover .reference-tile-copy>span>span{transform:none}}