/* Full-colour technology marks for the SaaS capability journey. */
.capability-brand-card{position:relative;overflow:hidden;isolation:isolate}
.capability-brand-card:after{content:"";position:absolute;width:150px;height:150px;right:-80px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(8,189,233,.13),transparent 70%);z-index:-1;transition:transform .35s ease}
.capability-brand-card:hover:after{transform:scale(1.35)}
.capability-brand-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.capability-brand-head>b{color:#08bba3;font-size:.76rem;letter-spacing:.06em;padding-top:9px}
.capability-brand-logo{display:flex;width:88px;height:70px;align-items:center;justify-content:center;border:1px solid #d8e7f3;border-radius:18px;background:linear-gradient(145deg,#fff,#f1f8ff);box-shadow:0 12px 24px rgba(7,27,83,.1),inset 0 1px 0 #fff;perspective:700px;transition:transform .28s ease,box-shadow .28s ease}
.capability-brand-card:hover .capability-brand-logo{transform:translateY(-5px) rotateX(4deg) rotateY(-4deg);box-shadow:0 18px 30px rgba(7,27,83,.16),0 5px 15px rgba(8,189,233,.13)}
.capability-brand-logo img{display:block;width:62px;height:45px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(7,27,83,.12))}
.brand-figma .capability-brand-logo img,.brand-react .capability-brand-logo img{width:46px;height:46px}
.brand-aws .capability-brand-logo img,.brand-gitlab .capability-brand-logo img{width:66px}
.capability-brand-card h3{margin-top:28px}
.capability-brand-note{margin:16px 0 0;color:#7a879e;font-size:.7rem;line-height:1.5;text-align:center}
@media(prefers-reduced-motion:reduce){.capability-brand-card:after,.capability-brand-logo{transition:none}.capability-brand-card:hover .capability-brand-logo{transform:none}}

/* Matching full-colour marks for the four primary service titles. */
.pillar-brand-logo{display:flex;width:88px;height:70px;align-items:center;justify-content:center;margin:34px 0;border:1px solid #d8e7f3;border-radius:18px;background:linear-gradient(145deg,#fff,#f1f8ff);box-shadow:0 12px 24px rgba(7,27,83,.1),inset 0 1px 0 #fff;perspective:700px;transition:transform .28s ease,box-shadow .28s ease}
.pillar-brand-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0 34px}
.pillar-brand-pair .pillar-brand-logo{width:100%;height:70px;margin:0}
.pillar-brand-logo img{display:block;width:62px;height:46px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(7,27,83,.12))}
.pillar.saas .pillar-brand-logo img{width:48px;height:48px}
.pillar.talent .pillar-brand-logo img,.pillar.growth .pillar-brand-logo img{width:52px;height:52px}
.pillar.technology .pillar-brand-logo img{width:58px;height:42px}
.pillar.technology .pillar-brand-logo:last-child img{width:64px}
.pillar.saas .pillar-brand-logo:last-child img{width:54px;height:50px}
.pillar.talent .pillar-brand-logo:last-child img{width:58px;height:46px}
.pillar.growth .pillar-brand-logo:last-child img{width:58px;height:46px}
.pillar:hover .pillar-brand-logo{transform:translateY(-5px) rotateX(4deg) rotateY(-4deg);box-shadow:0 18px 30px rgba(7,27,83,.16),0 5px 15px color-mix(in srgb,var(--tone) 18%,transparent)}
@media(prefers-reduced-motion:reduce){.pillar-brand-logo{transition:none}.pillar:hover .pillar-brand-logo{transform:none}}