/* Homepage commitment cards. */
.intro .why-direct-grid{gap:22px}
.intro .why-direct-grid article:nth-child(n){position:relative;overflow:hidden;padding:30px 28px 34px;border:1px solid #3c7a88;border-top:3px solid #21c4d4;border-radius:12px;background:#092e3a;box-shadow:0 10px 24px #082e3a20;transition:transform .3s ease,box-shadow .3s ease}
.intro .why-direct-grid article:nth-child(n)::before{background-size:300% 100%;opacity:.5;filter:saturate(.65);transition:transform .8s ease,opacity .4s ease}
.intro .why-direct-grid article:nth-child(n)::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,#082b3a70,#082b3ae8 48%,#06232bf7);z-index:0}
.intro .why-direct-grid .service-heading{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px}
.intro .why-direct-grid .service-cog{width:52px;height:52px;padding:10px;border:1px solid #79e1eb55;border-radius:12px;background:#e4fbff;box-shadow:0 4px 18px #00a8be18}
.intro .why-direct-grid article:nth-child(n) .service-number{color:#74e3ed;font-size:30px;font-weight:800;letter-spacing:-1px;opacity:.8}
.intro .why-direct-grid article:nth-child(n) h3{color:#fff;font-size:21px;line-height:1.25;margin:14px 0 18px;letter-spacing:.2px}
.intro .why-direct-grid article:nth-child(n) p{color:#dbeef1;line-height:1.75;font-size:15px;max-width:none;margin:0}
@media(hover:hover) and (pointer:fine){.intro .why-direct-grid article:nth-child(n):hover{transform:translateY(-5px);border-color:#64dce7;box-shadow:0 18px 35px #082e3a35}.intro .why-direct-grid article:nth-child(n):hover::before{opacity:.7;transform:scale(1.05)}}
@media(max-width:760px){.intro .why-direct-grid{gap:18px}.intro .why-direct-grid article:nth-child(n){padding:25px 24px 29px}.intro .why-direct-grid article:nth-child(n) h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.intro .why-direct-grid article:nth-child(n),.intro .why-direct-grid article:nth-child(n)::before{transition:none}.intro .why-direct-grid article:nth-child(n):hover,.intro .why-direct-grid article:nth-child(n):hover::before{transform:none}}