/* Vector identity and quiet, consistent capability icons. */
.brand-icon{display:block;width:38px;height:38px;flex:0 0 38px;object-fit:contain;background:none;border-radius:0}
.ui-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle}
.nav-item-label{display:inline-flex;align-items:center;gap:12px}
.nav-item-label .ui-icon{width:21px;height:21px;color:var(--blue)}
.mega a{align-items:center;gap:14px}
.hero-label{display:flex;align-items:center;gap:12px}
.hero-label .ui-icon{width:20px;height:20px;color:#b6d4ff}
.feature-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.feature-kicker .card-num{margin:0;font-size:12px;letter-spacing:1.2px;color:#78869c}
.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#eaf1ff;color:var(--blue);flex-shrink:0}
.feature-icon .ui-icon{width:24px;height:24px}
.content-grid article:has(.feature-kicker) h3{margin-top:0}
.related-grid>a>.feature-icon{margin-bottom:6px}
.dark .feature-icon{background:#ffffff12;color:#b6d4ff}
.dark .feature-kicker .card-num{color:#b5c6df}
.soft .feature-icon{background:#e3ecff}
@media(max-width:420px){.brand-icon{width:32px;height:32px;flex-basis:32px}.nav-item-label{gap:10px}}
@media(prefers-reduced-motion:no-preference){.mega a .ui-icon{transition:color .18s ease}.mega a:hover .ui-icon{color:#0c3ed4}}