.wb-metrics{max-width:1200px;margin:clamp(3rem,6vw,5rem) auto;padding:0 clamp(1.5rem,4vw,3rem)}.wb-metrics-eyebrow{font-family:var(--ff-b);letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin-bottom:1rem;font-size:.7rem;font-weight:700}.wb-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1rem,3vw,2.5rem);display:grid}.wb-metrics-tile{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * .11s);background:linear-gradient(#4561f50d,#ffffff05);border:1px solid #ffffff14;border-radius:.85rem;padding:1.5rem 1.35rem;position:relative;overflow:hidden;transform:translateY(14px)}.wb-metrics--in .wb-metrics-tile{opacity:1;transform:translateY(0)}.wb-metrics--in .wb-metrics-shimmer{animation:1.4s cubic-bezier(.22,.61,.36,1) forwards wb-metrics-shimmer;animation-delay:calc(var(--i,0) * .11s + .12s)}.wb-metrics-shimmer{opacity:0;pointer-events:none;z-index:1;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#4561f500 42%,#7d98ff6b 50%,#4561f500 58%,#0000 70%) 100% 0/220% 100%;position:absolute;inset:0}@keyframes wb-metrics-shimmer{0%{opacity:0;background-position:100% 0}10%{opacity:1}90%{opacity:1}to{opacity:0;background-position:-20% 0}}.wb-metrics-num{z-index:2;font-family:var(--ff-d);letter-spacing:-.02em;color:var(--light);margin:0 0 .4rem;font-size:clamp(1.9rem,3.2vw,2.65rem);font-weight:800;line-height:1;position:relative}.wb-metrics-lbl{z-index:2;font-family:var(--ff-b);letter-spacing:.18em;text-transform:uppercase;color:#fff9;font-size:.7rem;position:relative}.wb-metrics-delta{z-index:2;border-radius:var(--rpill);font-family:var(--ff-b);letter-spacing:.08em;color:#4cd07b;background:#4cd07b1f;border:1px solid #4cd07b59;align-items:center;gap:.25rem;margin-top:.85rem;padding:.2rem .55rem;font-size:.68rem;display:inline-flex;position:relative}.wb-metrics-tile--placeholder .wb-metrics-num{color:#ffffff59;letter-spacing:.04em;font-size:clamp(1.35rem,2.2vw,1.75rem)}.wb-metrics-tile--placeholder .wb-metrics-delta{color:#ffffff80;text-transform:uppercase;letter-spacing:.14em;background:#ffffff0a;border-color:#ffffff1f}@media (prefers-reduced-motion:reduce){.wb-metrics-tile{transition-duration:1ms}.wb-metrics--in .wb-metrics-shimmer{animation:none}}
.wb-csscroll{position:relative}.wb-csscroll-outer{height:var(--outer-vh);position:relative}.wb-csscroll-stage{top:var(--wb-nav-height,72px);height:calc(100svh - var(--wb-nav-height,72px));flex-direction:column;justify-content:center;gap:.75rem;padding:0;display:flex;position:sticky}.wb-csscroll-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:baseline;gap:1.25rem;width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);display:flex}.wb-csscroll-eyebrow{font-family:var(--ff-b);letter-spacing:.22em;text-transform:uppercase;color:var(--brand);flex:none;order:1;font-size:.7rem;font-weight:700}.wb-csscroll-title{font-family:var(--ff-d);letter-spacing:-.02em;text-transform:uppercase;color:var(--light);text-align:center;flex:auto;order:2;min-width:240px;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;line-height:1}.wb-csscroll-count{font-family:var(--ff-d);letter-spacing:.06em;color:#ffffffb3;font-variant-numeric:tabular-nums;flex:none;order:3;font-size:.9rem;font-weight:800}.wb-csscroll-count-sep{color:#ffffff4d;padding:0 .2em}.wb-csscroll-track-wrap{perspective:1400px;flex:none;align-items:center;height:clamp(280px,28vw,540px);min-height:0;display:flex;overflow:hidden}.wb-csscroll-track{height:100%;width:var(--track-vw);transform:translate3d(var(--track-x,0px), 0, 0);will-change:transform;align-items:center;display:flex}.wb-csscroll-spacer{flex-shrink:0;height:100%}.wb-csscroll-tile{--focus:.4;--scale:calc(.78 + .4 * var(--focus));--blur:calc((1 - var(--focus)) * 14px);--opa:calc(.18 + .82 * var(--focus));--z:calc(1 + 10 * var(--focus));aspect-ratio:16/9;z-index:var(--z);transform:scale(var(--scale));opacity:var(--opa);will-change:transform, opacity;flex-shrink:0;transition:transform .18s ease-out,opacity .18s ease-out;position:relative}.wb-csscroll-tile-inner{filter:blur(var(--blur));background:#0d1538;border:1px solid #ffffff14;border-radius:1rem;transition:filter .18s ease-out,box-shadow .18s ease-out;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 4px 18px #00000059}.wb-csscroll-tile-inner:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px rgba(69, 97, 245, calc(var(--focus) * .55)) inset, 0 0 calc(var(--focus) * 60px) rgba(69, 97, 245, calc(var(--focus) * .32));transition:box-shadow .18s ease-out;position:absolute;inset:0}.wb-csscroll-video{object-fit:cover;width:100%;height:100%;display:block}.wb-csscroll-chrome{flex-shrink:0;align-items:center;gap:1rem;width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);display:flex}.wb-csscroll-progress{background:#ffffff1a;border:1px solid #ffffff14;border-radius:999px;flex:1;height:6px;overflow:hidden}.wb-csscroll-progress-fill{background:linear-gradient(90deg, var(--brand-light) 0%, var(--brand) 100%);border-radius:999px;width:0%;height:100%}.wb-csscroll-skip{border-radius:var(--rpill);-webkit-backdrop-filter:var(--glass-blur-1);backdrop-filter:var(--glass-blur-1);color:#ffffffd9;font-family:var(--ff-d);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:#0d1538b3;border:1px solid #ffffff2e;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.7rem;font-weight:800;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.wb-csscroll-skip:hover{background:var(--brand);border-color:var(--brand);color:#fff}.wb-csscroll-skip svg{width:14px;height:14px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.wb-csscroll-skip{background:#0d1538e6}}@media (max-width:880px){.wb-csscroll-outer{height:auto}.wb-csscroll-stage{gap:1rem;height:auto;padding:1.5rem 0;position:static}.wb-csscroll-track-wrap{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;perspective:none;align-items:stretch;padding:0 14vw;overflow:auto hidden}.wb-csscroll-track-wrap::-webkit-scrollbar{display:none}.wb-csscroll-track{width:max-content;height:auto;transform:none}.wb-csscroll-spacer{display:none}.wb-csscroll-tile{opacity:1;z-index:auto;scroll-snap-align:center;aspect-ratio:16/9;transform:none;width:72vw!important;margin-right:4vw!important}.wb-csscroll-tile:last-of-type{margin-right:0!important}.wb-csscroll-tile-inner{filter:none}.wb-csscroll-title{font-size:clamp(1.2rem,5vw,1.6rem)}.wb-csscroll-skip{display:none}}
