/* Large, animated business tabs share the site's blue dotted-wave language. */
.hub-tabs{grid-template-columns:.65fr 1fr 1.15fr 1.4fr 1.2fr;gap:10px}
.hub-tabs>button{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:86px;padding:22px 14px;font-size:clamp(22px,1.75vw,28px);font-weight:600;line-height:1.16;letter-spacing:-.025em;justify-content:flex-start;white-space:normal;color:#b7c5dc;border-bottom:3px solid transparent;transition:color .22s,background-color .22s,box-shadow .22s}
.hub-tabs>button::before{content:"";position:absolute;inset:-60% -18%;z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(115deg,#9ecfff,#3f82ff 42%,#d8f2ff 70%,#5f9fff);mask-image:url('assets/button-wave.png');mask-mode:luminance;mask-size:cover;mask-repeat:no-repeat;mask-position:center;transition:opacity .25s}
.hub-tabs>button::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;pointer-events:none;background:linear-gradient(90deg,#1758f5,#a8d5ff,#1758f5);background-size:200% 100%;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.hub-tabs>button[aria-selected=true]{background:#1758f512;border-color:#639aff;color:#fff}
.hub-tabs>button:is(:hover,:focus-visible){color:#fff;background:#123b7899;box-shadow:inset 0 0 24px #1758f52b}
.hub-tabs>button:is(:hover,:focus-visible)::before{opacity:.52;animation:velocity-wave 3.2s ease-in-out infinite}
.hub-tabs>button:is(:hover,:focus-visible)::after{transform:scaleX(1);animation:hub-tab-glow 2s linear infinite}
.hub-tabs>button:focus-visible{outline:2px solid #8cbaff;outline-offset:-3px}
.editorial .hub-tabs>button{color:#4c607e}
.editorial .hub-tabs>button[aria-selected=true]{color:#154cc7;background:#1758f50c}
.editorial .hub-tabs>button:is(:hover,:focus-visible){color:#fff;background:#174db7}
@keyframes hub-tab-glow{to{background-position:200% 0}}
@media(max-width:1000px){
 .hub-tabs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
 .hub-tabs>button{flex:0 0 auto;min-height:78px;padding:20px 18px;font-size:24px;white-space:nowrap;scroll-snap-align:start}
}
@media(max-width:760px){
 .hub-tabs{gap:8px;margin-bottom:24px;padding-bottom:4px}
 .hub-tabs>button{min-height:74px;padding:18px 16px;font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .hub-tabs>button,.hub-tabs>button::before,.hub-tabs>button::after{transition:none}
 .hub-tabs>button:is(:hover,:focus-visible)::before,.hub-tabs>button:is(:hover,:focus-visible)::after{animation:none}
}
 /* Readable experience descriptions with the agenda's blue vertical accent. */
 .hub-copy>p:not(.eyebrow){font-size:17px;line-height:1.45;max-width:440px}
 .hub-copy ul{display:grid;gap:14px;margin-top:26px}
 .hub-copy li{border-top:0;border-left:3px solid #639aff;padding:14px 18px 14px 20px;background:linear-gradient(90deg,#1758f50e,transparent)}
 .hub-copy li strong{font-size:20px;font-weight:600;line-height:1.25}
 .hub-copy li span{font-size:17px;line-height:1.4;margin-top:7px}
 @media(max-width:760px){
  .hub-copy>p:not(.eyebrow){font-size:16px}
  .hub-copy li{padding:13px 12px 13px 18px}
  .hub-copy li strong{font-size:20px}
  .hub-copy li span{font-size:17px}
 }

#hub-panel[aria-labelledby="tab-wxp"] #hub-description{font-size:19px;line-height:1.4}
@media(max-width:760px){#hub-panel[aria-labelledby="tab-wxp"] #hub-description{font-size:18px}}
