.ai-usecases-section{position:relative;padding:64px 0;background:#f7f9fc}
.ai-usecases-section .site-heading{margin-bottom:32px}
.ai-usecases-section .ai-usecase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ai-usecases-section .ai-usecase-card{display:flex;flex-direction:column;min-width:0;padding:24px;background:#fff;border:1px solid #dce3ef;border-radius:4px;color:#1d2733;transition:border-color .18s ease,background-color .18s ease}
.ai-usecases-section .ai-usecase-card:hover{border-color:#1b4fff;background:#fbfcff;color:#1d2733}
.ai-usecases-section .ai-usecase-card:focus-visible{outline:3px solid #1b4fff;outline-offset:4px}
.ai-usecases-section .ai-usecase-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.ai-usecases-section .ai-usecase-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#edf2ff;color:#1b4fff;font-size:18px;flex-shrink:0}
.ai-usecases-section .ai-usecase-tag{font-size:12px;line-height:1.4;font-weight:600;color:#536278}
.ai-usecases-section .ai-usecase-card h3{margin:0 0 12px;font-size:20px;line-height:1.4;font-weight:700}
.ai-usecases-section .ai-usecase-card p{margin:0;color:#536278;font-size:15px;line-height:1.65}
.ai-usecases-section .ai-usecase-link{margin-top:auto;padding-top:20px;display:inline-flex;align-items:center;gap:8px;color:#1b4fff;font-weight:700;font-size:14px}
.ai-usecases-section .ai-usecase-card--wide{grid-column:span 2}
.cb-scenario-directory .cb-directory-intro{padding:56px 0}
.cb-scenario-directory .cb-directory-intro .container{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:40px}
.cb-scenario-directory .cb-directory-intro h1{font-size:36px;line-height:1.25;margin-bottom:18px}
.cb-scenario-directory .cb-directory-intro p{max-width:72ch;margin:0;color:#536278}
.cb-scenario-directory .cb-directory-intro img{width:240px;height:auto;max-width:100%}
.cb-scenario-directory .cb-directory-nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}
.cb-scenario-directory .cb-directory-nav a,.cb-directory-link a{color:#1b4fff;font-weight:700}
.cb-scenario-directory .cb-directory-nav a:hover,.cb-directory-link a:hover{text-decoration:underline}
.cb-directory-link{margin-top:24px;text-align:center}
.ai-usecases-section[id]{scroll-margin-top:100px}
@media(max-width:1199px){.ai-usecases-section .ai-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ai-usecases-section{padding:40px 0}.ai-usecases-section .ai-usecase-grid{grid-template-columns:1fr;gap:16px}.ai-usecases-section .ai-usecase-card--wide{grid-column:span 1}.cb-scenario-directory .cb-directory-intro{padding:36px 0}.cb-scenario-directory .cb-directory-intro .container{grid-template-columns:1fr;gap:24px}.cb-scenario-directory .cb-directory-intro h1{font-size:30px}.cb-scenario-directory .cb-directory-intro img{width:200px;justify-self:center}.ai-usecases-section .ai-usecase-card{padding:22px}.ai-usecases-section .ai-usecase-card h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ai-usecases-section .ai-usecase-card{transition:none}}