.sports-lab-hub {
  min-height: 100vh;
  color: #f5f8fc;
  background:
    radial-gradient(circle at 11% 18%, rgba(97, 86, 255, .14), transparent 31rem),
    radial-gradient(circle at 84% 9%, rgba(42, 191, 255, .1), transparent 29rem),
    linear-gradient(145deg, #05070a 0%, #090e14 53%, #05070a 100%);
}
.sports-lab-hub::before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(to bottom, #000, transparent 85%); }
.lab-hub-header { position: sticky; z-index: 20; top: 0; min-height: 78px; padding: 13px clamp(20px, 5vw, 70px); display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(4,7,10,.82); backdrop-filter: blur(22px); }
.lab-hub-brand { display: flex; align-items: center; gap: 13px; color: inherit; text-decoration: none; letter-spacing: .08em; }
.lab-hub-brand strong { display: block; font: 700 clamp(14px, 1.7vw, 19px)/1.1 Inter, sans-serif; }
.lab-hub-brand small { display: block; margin-top: 4px; color: #8f9baa; font: 500 11px/1 Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.lab-hub-mark { width: 44px; aspect-ratio: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px; padding: 6px; rotate: 45deg; border: 1px solid rgba(158,137,255,.72); border-radius: 12px; background: linear-gradient(145deg, rgba(116,82,255,.35), rgba(35,185,255,.12)); box-shadow: 0 0 28px rgba(95,81,255,.2); }
.lab-hub-mark i { border-radius: 3px; background: linear-gradient(145deg, #b483ff, #4ebeff); }
.lab-hub-state { display: flex; align-items: center; gap: 9px; color: #aab4c0; font-size: 12px; }
.lab-hub-state i { width: 8px; height: 8px; border-radius: 50%; background: #f0b657; box-shadow: 0 0 13px currentColor; }
.lab-hub-state.is-ready { color: #75e29c; }
.lab-hub-state.is-ready i { background: currentColor; }
.lab-hub-state.is-offline { color: #ff8585; }
.lab-hub-state.is-offline i { background: currentColor; }
.lab-hub-main { position: relative; width: min(1460px, calc(100% - clamp(28px, 7vw, 100px))); margin: 0 auto; padding-bottom: 70px; }
.lab-hub-hero { min-height: 480px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); align-items: center; gap: clamp(35px, 7vw, 100px); padding: clamp(60px, 10vw, 135px) 0 clamp(45px, 7vw, 90px); }
.lab-hub-hero__copy p, .lab-hub-section__head p { margin: 0 0 14px; color: #8f7cff; font: 700 11px/1 Inter, sans-serif; letter-spacing: .2em; }
.lab-hub-hero__copy h1 { max-width: 930px; margin: 0; font: 700 clamp(42px, 7vw, 94px)/.95 Inter, sans-serif; letter-spacing: -.055em; text-wrap: balance; }
.lab-hub-hero__copy > span { display: block; max-width: 790px; margin-top: 25px; color: #aeb8c5; font-size: clamp(15px, 1.4vw, 19px); line-height: 1.65; }
.lab-hub-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.lab-hub-orbit { position: relative; width: min(33vw, 430px); aspect-ratio: 1; justify-self: center; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: inset 0 0 70px rgba(102,82,255,.09), 0 0 80px rgba(38,166,255,.06); }
.lab-hub-orbit::before, .lab-hub-orbit::after { content: ''; position: absolute; inset: 16%; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; }
.lab-hub-orbit::after { inset: 34%; background: linear-gradient(145deg, rgba(128,84,255,.35), rgba(41,177,255,.2)); box-shadow: 0 0 60px rgba(101,82,255,.24); }
.lab-hub-orbit span { position: absolute; z-index: 2; display: grid; width: 58px; aspect-ratio: 1; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: #0c1219; font: 700 12px/1 Inter, sans-serif; box-shadow: 0 15px 35px rgba(0,0,0,.4); }
.lab-hub-orbit span:nth-child(1) { top: -4%; left: 42%; color: #ff6464; }
.lab-hub-orbit span:nth-child(2) { top: 42%; right: -4%; color: #62a8ff; }
.lab-hub-orbit span:nth-child(3) { bottom: -4%; left: 42%; color: #7be4ff; }
.lab-hub-orbit span:nth-child(4) { top: 42%; left: -4%; color: #ff6868; }
.lab-hub-section { padding-top: 35px; }
.lab-hub-section__head { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 24px; }
.lab-hub-section__head h2 { margin: 0; font-size: clamp(27px, 3vw, 43px); letter-spacing: -.035em; }
.lab-hub-section__head > span { max-width: 530px; color: #8f9baa; line-height: 1.55; text-align: right; }
.lab-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.lab-product-card { --lab-accent: #8f7cff; overflow: hidden; display: block; border: 1px solid rgba(255,255,255,.11); border-radius: 24px; color: inherit; text-decoration: none; background: linear-gradient(145deg, rgba(18,24,31,.96), rgba(8,12,17,.96)); box-shadow: 0 20px 70px rgba(0,0,0,.22); transition: transform .2s ease, border-color .2s ease; }
.lab-product-card:hover, .lab-product-card:focus-visible { transform: translateY(-4px); border-color: color-mix(in srgb, var(--lab-accent) 65%, #fff); }
.lab-product-card.is-nfl { --lab-accent: #ff3030; }
.lab-product-card.is-mlb { --lab-accent: #398eff; }
.lab-product-card.is-nhl { --lab-accent: #52d7ff; }
.lab-product-card.is-f1 { --lab-accent: #ff4545; }
.lab-product-card figure { position: relative; aspect-ratio: 16 / 7; margin: 0; overflow: hidden; background: #0a0f14; }
.lab-product-card figure::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, #0a0e13 0%, transparent 55%), linear-gradient(90deg, rgba(0,0,0,.38), transparent); }
.lab-product-card figure > img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.lab-product-card:hover figure > img { transform: scale(1.025); }
.lab-product-card figure span { position: absolute; z-index: 2; left: 22px; top: 20px; padding: 8px 10px; border-left: 3px solid var(--lab-accent); color: #fff; background: rgba(4,7,10,.75); backdrop-filter: blur(10px); font: 700 10px/1 Inter, sans-serif; letter-spacing: .17em; }
.lab-product-card > div { display: grid; grid-template-columns: 52px minmax(0,1fr) auto; align-items: center; gap: 15px; padding: 20px 22px 15px; }
.lab-product-card__mark { width: 52px; height: 52px; object-fit: contain; filter: drop-shadow(0 0 17px color-mix(in srgb, var(--lab-accent) 40%, transparent)); }
.lab-product-card > div strong { display: block; font-size: 20px; letter-spacing: -.02em; }
.lab-product-card > div small { display: block; margin-top: 5px; color: #8f9baa; line-height: 1.4; }
.lab-product-card > div b { color: var(--lab-accent); font-size: 12px; white-space: nowrap; }
.lab-product-card footer { margin: 0 22px; padding: 13px 0 18px; border-top: 1px solid rgba(255,255,255,.07); color: #8994a2; font: 500 11px/1.4 'JetBrains Mono', monospace; }
.lab-incumbent-link { margin-top: 20px; padding: 18px 21px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 16px; border: 1px solid rgba(255,255,255,.09); border-radius: 18px; color: inherit; text-decoration: none; background: rgba(255,255,255,.025); }
.lab-incumbent-link__mark { display: grid; width: 50px; aspect-ratio: 1; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; color: #d6dce3; font: 700 11px/1 Inter, sans-serif; }
.lab-incumbent-link strong, .lab-incumbent-link small { display: block; }
.lab-incumbent-link small { margin-top: 4px; color: #8793a1; }
.lab-incumbent-link b { color: #a8b2be; font-size: 12px; }
.lab-boundary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding: 80px 0 25px; }
.lab-boundary-grid article { padding: 24px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: rgba(14,20,27,.65); }
.lab-boundary-grid article > span { color: #8f7cff; font: 700 11px/1 'JetBrains Mono', monospace; }
.lab-boundary-grid h3 { margin: 35px 0 10px; font-size: 18px; }
.lab-boundary-grid p { margin: 0; color: #929eab; line-height: 1.6; }
.lab-hub-footer { display: flex; justify-content: space-between; gap: 20px; padding: 25px clamp(20px, 5vw, 70px) calc(25px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(255,255,255,.08); color: #6f7a87; font-size: 11px; }
.lab-hub-footer code { color: #aab4c0; }
@media (max-width: 900px) { .lab-hub-hero { grid-template-columns: 1fr; min-height: 0; } .lab-hub-orbit { display: none; } .lab-product-grid { grid-template-columns: 1fr; } .lab-boundary-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .lab-hub-header { min-height: 68px; padding: 11px 17px; } .lab-hub-brand small { display: none; } .lab-hub-state { max-width: 130px; font-size: 10px; text-align: right; } .lab-hub-main { width: min(100% - 26px, 1460px); } .lab-hub-hero { padding: 62px 0 55px; } .lab-hub-hero__copy h1 { font-size: clamp(39px, 12vw, 58px); } .lab-hub-section__head { align-items: start; flex-direction: column; } .lab-hub-section__head > span { text-align: left; } .lab-product-card > div { grid-template-columns: 45px minmax(0, 1fr); } .lab-product-card > div b { display: none; } .lab-product-card__mark { width: 44px; height: 44px; } .lab-incumbent-link { grid-template-columns: auto 1fr; } .lab-incumbent-link b { display: none; } .lab-hub-footer { flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .lab-product-card, .lab-product-card figure > img { transition: none; } }