/* Feature capsules with animated perimeter color and a soft outer glow. */
.sb-source-subnav { position: relative; align-self: center; max-width: calc(100% - 16px); margin: 14px auto 0; font-size: 16px; z-index: 20; }
.sb-source-switch { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #8d7aa6 transparent; padding: 24px 24px 26px; }
.sb-source-switch ul { display: flex; flex-wrap: nowrap; gap: clamp(32px, 4.2vw, 56px); width: max-content; list-style: none; padding: 0; margin: 0; }
.sb-source-switch li { flex: none; padding: 0; margin: 0; }
.sb-source-switch :is(a, .sb-explore-toggle) {
 --pill-colors: linear-gradient(115deg, #ffad55 0%, #ff82bf 20%, #9d7bff 40%, #53dff4 60%, #ffe879 80%, #ffad55 100%);
 display: flex; position: relative; isolation: isolate; align-items: center; justify-content: center;
 box-sizing: border-box; width: 248px; height: 60px; padding: 0 16px;
 border: 2px solid transparent; border-radius: 100px;
 background: linear-gradient(#111014,#111014) padding-box, var(--pill-colors) border-box;
 background-size: 100% 100%, 300% 100%; background-position: 0 0, 0% 50%;
 color: #fff; font-family: inherit; font-size: clamp(16px, 2vw, 22px); font-weight: 400; line-height: 1.3; letter-spacing: -.015px;
 text-decoration: none; white-space: nowrap; text-align: center;
 transform: scale(1); transition: transform .2s ease;
}
.sb-source-switch :is(a, .sb-explore-toggle):hover, .sb-source-switch :is(a, .sb-explore-toggle):focus-visible { transform: scale(1.05); z-index: 2; }
@media(prefers-reduced-motion:reduce) { .sb-source-switch :is(a, .sb-explore-toggle) { transition: none; } }
.sb-source-switch :is(a, .sb-explore-toggle)::before {
 content: ''; position: absolute; inset: -4px; z-index: -2; border-radius: 999px;
 background: var(--pill-colors); background-size: 300% 100%; background-position: 0% 50%;
 filter: blur(10px); opacity: .75; pointer-events: none;
}
.sb-source-switch :is(a, .sb-explore-toggle)::after {
 content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: #111014; pointer-events: none;
}
.sb-source-switch :is(a, .sb-explore-toggle):hover::before, .sb-source-switch :is(a, .sb-explore-toggle):focus-visible::before { opacity: 1; filter: blur(12px); transform: scale(1.04,1.08); }
.sb-source-switch :is(a, .sb-explore-toggle):focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
#sb-alarms, #science, #sb-insights-context, #sblb-root, #sb-customization, #sb-private-by-design { scroll-margin-top: 110px; }
@keyframes sb-pillar-border { to { background-position: 0 0, 100% 50%; } }
@keyframes sb-pillar-glow { to { background-position: 100% 50%; } }
@media(prefers-reduced-motion:no-preference) {
 .sb-source-switch :is(a, .sb-explore-toggle) { animation: sb-pillar-border 7s ease-in-out infinite alternate; }
 .sb-source-switch :is(a, .sb-explore-toggle)::before { animation: sb-pillar-glow 7s ease-in-out infinite alternate; transition: opacity .3s, filter .3s, transform .3s; }
 .sb-source-switch li:nth-child(2) a, .sb-source-switch li:nth-child(2) a::before { animation-delay: -2s; }
 .sb-source-switch li:nth-child(3) a, .sb-source-switch li:nth-child(3) a::before { animation-delay: -4s; }
 .sb-source-switch li:nth-child(4) a, .sb-source-switch li:nth-child(4) a::before { animation-delay: -6s; }
 .sb-source-switch li:nth-child(5) a, .sb-source-switch li:nth-child(5) a::before { animation-delay: -1s; }
 .sb-source-switch:hover a, .sb-source-switch:hover a::before,
 .sb-source-switch:focus-within a, .sb-source-switch:focus-within a::before { animation-play-state: paused; }
}
@media(min-width:1440px) {
 .sb-source-subnav { width: min(1400px, calc(100% - 32px)); }
 /* Let each rounded halo fade out instead of cutting it into a rectangle. */
 .sb-source-switch { overflow: visible; }
 .sb-source-switch ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; gap: 24px; }
 .sb-source-switch :is(a, .sb-explore-toggle) { width: 100%; }
}
@media(max-width:1439px) { .sb-source-switch ul { gap: 24px; } }
@media(max-width:1023px) { .sb-source-switch :is(a, .sb-explore-toggle) { width: 196px; height: 56px; font-size: 16px; } }

.sb-explore-toggle[hidden], #sb-feature-links[hidden] { display: none; }
.sb-explore-toggle { cursor: pointer; gap: 12px; }
.sb-explore-toggle svg { flex: none; transition: transform .2s ease; }
.sb-explore-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
@media (max-width: 767px) {
 .sb-source-subnav { width: min(360px, calc(100% - 40px)); max-width: none; flex-shrink: 0; }
 .sb-source-switch { padding: 18px 10px; overflow: visible; }
 .sb-source-switch ul { width: 100%; flex-direction: column; gap: 14px; }
 .sb-source-switch .sb-explore-toggle:not([hidden]) + ul:not([hidden]) { margin-top: 18px; }
 .sb-source-switch :is(a, .sb-explore-toggle) { width: 100%; min-height: 52px; height: auto; padding: 14px 12px; font-size: 17px; }
 .sb-source-switch a:hover { transform: none; }
 [data-sb-section="home-hero"] > div { max-height: none; }
}
@media (prefers-reduced-motion: reduce) { .sb-explore-toggle svg { transition: none; } }