/* Soft colors and hover feedback for service navigation and cards. */
.service-directory a{--tile:#edf4ff;--edge:#b8d0f2;background:var(--tile);border-color:transparent;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.service-directory a:nth-child(2){--tile:#f3edfc;--edge:#d1bdec}
.service-directory a:nth-child(3){--tile:#eaf7f1;--edge:#aedac8}
.service-directory a:nth-child(4){--tile:#fff1e7;--edge:#edcbb4}
.service-directory a:nth-child(5){--tile:#eaf6fa;--edge:#afd9e6}
.service-directory a:nth-child(6){--tile:#fceef4;--edge:#e9bfd3}
.service-detail .capability{background:linear-gradient(135deg,#ffffffed,var(--section-tint));transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.level-grid article:nth-child(1){background:#edf4ff}
.level-grid article:nth-child(2){background:#f3edfc}
.level-grid article:nth-child(3){background:#eaf7f1}
.level-grid article,.delivery-grid>div,.technology-brand{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.delivery-grid>div{padding:15px;border:1px solid transparent;border-radius:12px;background:#ffffff75}
.technology-grid .technology-brand:nth-child(4n+1){background:#edf4ff}
.technology-grid .technology-brand:nth-child(4n+2){background:#f3edfc}
.technology-grid .technology-brand:nth-child(4n+3){background:#eaf7f1}
.technology-grid .technology-brand:nth-child(4n){background:#fff1e7}
.service-directory a:focus-visible,.technology-brand:focus-visible{outline:3px solid #7d9ec9;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 .service-directory a:hover{background:var(--tile);border-color:var(--edge);transform:translateY(-4px);box-shadow:0 9px 20px #28497116}
 .service-detail .capability:hover{transform:translateY(-5px);border-color:var(--section-accent);box-shadow:0 12px 24px #25456712}
 .level-grid article:hover{transform:translateY(-4px);border-color:#adc4e4;box-shadow:0 10px 22px #25456712}
 .delivery-grid>div:hover{transform:translateY(-3px);background:#ffffffd9;border-color:var(--section-edge);box-shadow:0 8px 16px #2545670c}
 .technology-brand:hover{transform:translateY(-3px);border-color:#a2bddf;box-shadow:0 8px 17px #25456714}
}
@media(prefers-reduced-motion:reduce){.service-directory a:hover,.service-detail .capability:hover,.level-grid article:hover,.delivery-grid>div:hover,.technology-brand:hover{transform:none}}