/* Approved service cards, shared by direction and related-task sections. */
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-grid{gap:20px}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card{isolation:isolate;min-height:302px;padding:29px 28px 27px;overflow:hidden;border:1px solid #ffffff24;border-radius:6px;color:#fff;box-shadow:inset 0 1px #ffffff17;transition:transform .28s,box-shadow .28s,border-color .28s}
:is(.wbs-options--ai,.wbs-options--colored) :is(.wbs-related-card--agents,.wbs-related-card--violet){background:linear-gradient(135deg,#8124e5 0%,#5a1ac2 64%,#45189b 100%)}
:is(.wbs-options--ai,.wbs-options--colored) :is(.wbs-related-card--integration,.wbs-related-card--blue){background:linear-gradient(135deg,#2363d9 0%,#164ab6 62%,#163a86 100%)}
:is(.wbs-options--ai,.wbs-options--colored) :is(.wbs-related-card--automation,.wbs-related-card--teal){background:linear-gradient(135deg,#087f79 0%,#076963 64%,#07514e 100%)}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card::before{content:"";position:absolute;inset:auto -80px -105px auto;width:260px;height:260px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none;z-index:-1;box-shadow:0 0 0 38px #ffffff04}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-icon{display:block;width:88px;height:81px;margin:0 0 24px;line-height:0;transition:transform .3s}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-icon img{display:block;width:100%;height:100%;object-fit:contain}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card h3{min-height:2.6em;margin:0 0 13px;font-size:24px;font-weight:300;line-height:1.3;letter-spacing:-.55px;color:#fff}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card p{max-width:280px;padding-right:36px;font-size:14px;font-weight:300;line-height:1.65;color:#f5f2fa}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card .wbs-arrow{bottom:28px;right:24px;color:#fff;width:30px;height:20px;transition:transform .28s}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card:is(:hover,:focus-visible){transform:translateY(-5px);border-color:#ffffff70;box-shadow:0 15px 30px #29243e1f,inset 0 1px #ffffff2b}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card:is(:hover,:focus-visible) h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card:is(:hover,:focus-visible) .wbs-related-icon{transform:translateY(-2px)}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card:is(:hover,:focus-visible) .wbs-arrow{transform:translateX(5px)}
:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card:focus-visible{outline:2px solid #6d25d3;outline-offset:5px}
@media(max-width:1100px){:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card{padding:25px 22px;min-height:302px}:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card h3{font-size:22px}:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card p{font-size:13px}}

@media(max-width:800px){:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-grid{grid-template-columns:1fr;gap:14px}:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card{display:grid;grid-template-columns:70px minmax(0,1fr);align-content:center;align-items:center;column-gap:21px;row-gap:9px;padding:25px 23px;min-height:170px}:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-icon{grid-column:1;grid-row:1/3;width:70px;height:65px;margin:0}:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card h3{grid-column:2;min-height:0;font-size:23px;line-height:1.28;margin:0}:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card p{grid-column:2;font-size:13px;line-height:1.6;padding-right:30px;margin:0 0 12px}:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card .wbs-arrow{bottom:17px;right:21px;width:28px}:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card::before{width:200px;height:200px}}
@media(max-width:359px){:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card{grid-template-columns:58px minmax(0,1fr);column-gap:16px;padding:23px 19px}:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-icon{width:58px;height:54px}:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card,:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-icon,:is(.wbs-options--ai,.wbs-options--colored) .wbs-arrow{transition:none}:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card:is(:hover,:focus-visible),:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card:is(:hover,:focus-visible) .wbs-related-icon,:is(.wbs-options--ai,.wbs-options--colored) .wbs-related-card:is(:hover,:focus-visible) .wbs-arrow{transform:none}}

.wbs-scope-mark.wbs-scope-mark--illustrated{width:76px;height:70px;border-radius:0;background:none;margin-bottom:23px}
.wbs-scope-mark--illustrated img{width:100%;height:100%;object-fit:contain}
@media(max-width:800px){.wbs-scope-card:has(.wbs-scope-mark--illustrated){grid-template-columns:65px 1fr}.wbs-scope-mark.wbs-scope-mark--illustrated{width:65px;height:60px;margin:0}}
@media(max-width:560px){.wbs-scope-card:has(.wbs-scope-mark--illustrated){grid-template-columns:58px 1fr}.wbs-scope-mark.wbs-scope-mark--illustrated{width:58px;height:54px}}

.wbs-options--colored .wbs-related-card--magenta{background:linear-gradient(135deg,#c62085,#9f1e78 64%,#791964)}
@media(min-width:801px){.wbs-options--colored .wbs-related-grid:has(>.wbs-related-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:801px){.wbs-options--colored .wbs-related-grid:has(>.wbs-related-card:nth-child(2)):not(:has(>.wbs-related-card:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}.wbs-options--colored .wbs-related-icon:has(img[src*="hero-v1"]){width:112px;height:88px}}