/* team.blue Design System — generated from tokens.json */
:root, [data-theme="light"] {
  --tb-blue: #1447dc;
  --tb-indigo: #352bff;
  --tb-cyan-primary: #12c6ff;
  --tb-purple-primary: #7501eb;
  --brand-mint: #54ecc5;
  --tb-dot: #17ace3;
  --tb-logo: #1c3f6e;
  --bg-black-pure: #000000;
  --bg-dark-slate: #162333;
  --bg-dark-indigo: #181431;
  --bg-dark-plum: #261e3d;
  --bg-light-1: #fbfbfb;
  --bg-light-2: #f0f0f0;
  --bg-light-3: #cdcdcd;
  --text-on-dark: #ffffff;
  --text-title: #261e3d;
  --text-flat: #5d576e;
  --bg: #ffffff;
  --bg-muted: var(--bg-light-1);
  --bg-pattern: var(--bg-light-2);
  --bg-dark: var(--bg-dark-indigo);
  --bg-dark-2: var(--bg-dark-slate);
  --fg: var(--text-title);
  --fg-muted: var(--text-flat);
  --fg-subtle: var(--text-flat);
  --fg-on-dark: var(--text-on-dark);
  --fg-on-dark-muted: var(--bg-light-3);
  --border: var(--bg-light-2);
  --border-strong: var(--bg-light-3);
  --border-dark: var(--bg-dark-plum);
  --accent: var(--tb-blue);
  --accent-hover: var(--tb-blue);
  --accent-press: var(--tb-blue);
  --link: var(--tb-blue);
  --highlight: var(--brand-mint);
  --tb-navy: var(--tb-logo);
  --tb-cyan: var(--tb-dot);
  --tb-blue-bright: var(--tb-cyan-primary);
  --tb-aqua: var(--tb-cyan-primary);
  --tb-mint: var(--brand-mint);
  --tb-violet: var(--tb-indigo);
  --tb-purple: var(--tb-purple-primary);
  --tb-magenta: var(--tb-purple-primary);
  --tb-pink: #e185ff;
  --tb-pink-soft: #e185ff;
  --tb-white: #ffffff;
  --tb-black: var(--bg-dark-indigo);
  --tb-gray-900: var(--text-title);
  --tb-gray-700: var(--text-flat);
  --tb-gray-500: var(--text-flat);
  --tb-gray-300: var(--bg-light-3);
  --tb-gray-100: var(--bg-light-2);
  --tb-plum-900: var(--bg-dark-plum);
  --tb-plum-700: var(--text-flat);
  --tb-plum-500: var(--text-flat);
  --tb-plum-300: var(--bg-light-3);
  --tb-plum-200: var(--bg-light-3);
  --tb-plum-100: var(--bg-light-2);
  --sh-1: 0 1px 2px rgba(29,63,109,.06), 0 1px 1px rgba(29,63,109,.04);
  --sh-2: 0 6px 16px -8px rgba(29,63,109,.18), 0 2px 4px rgba(29,63,109,.06);
  --sh-3: 0 18px 40px -16px rgba(29,63,109,.25), 0 6px 12px -6px rgba(29,63,109,.10);
  --sh-glow-blue: 0 18px 60px -18px rgba(46,130,255,.55);
  --sh-glow-violet: 0 18px 60px -18px rgba(90,0,254,.55);
}
:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-32: 128px;
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-2xl: 40px;
  --r-pill: 999px;
  --grad-cyan-purple: linear-gradient(135deg, #00EAFF 0%, #17A0DB 33%, #352BFF 66%, #830CFF 100%);
  --grad-blue-purple: linear-gradient(135deg, #005EFF 0%, #830CFF 100%);
  --grad-purple-highlight: linear-gradient(135deg, #E185FF 0%, #0400FF 100%);
  --grad-mint-cyan: linear-gradient(135deg, #00FFC0 0%, #13AFD6 100%);
  --grad-text: linear-gradient(90deg, #352BFF 0%, #1447DC 50%, #12C6FF 100%);
  --grad-violet-cyan: linear-gradient(135deg, #00EAFF 0%, #17A0DB 33%, #352BFF 66%, #830CFF 100%);
  --grad-blue-violet: linear-gradient(135deg, #005EFF 0%, #830CFF 100%);
  --grad-cyan-mint: linear-gradient(135deg, #00FFC0 0%, #13AFD6 100%);
  --grad-violet-pink: linear-gradient(135deg, #E185FF 0%, #0400FF 100%);
  --grad-magenta-cyan: linear-gradient(135deg, #00EAFF 0%, #17A0DB 33%, #352BFF 66%, #830CFF 100%);
  --grad-button: linear-gradient(135deg, #005EFF 0%, #830CFF 100%);
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;
  --fs-32: 2rem;
  --fs-40: 2.5rem;
  --fs-48: 3rem;
  --fs-56: 3.5rem;
  --fs-64: 4rem;
  --fs-72: 4.5rem;
  --fs-96: 6rem;
  --font-display: "Athletics", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-text: "Athletics", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.h-display { font-family: var(--font-display); font-size: 96px; line-height: 1.02; font-weight: 700; letter-spacing: -0.02em; }
.h1 { font-family: var(--font-display); font-size: 3.5rem; line-height: 1.05; font-weight: 700; letter-spacing: -0.02em; }
.h2 { font-family: var(--font-display); font-size: 2.5rem; line-height: 1.1; font-weight: 700; letter-spacing: -0.015em; }
.h3 { font-family: var(--font-display); font-size: 1.75rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.h4 { font-family: var(--font-display); font-size: 1.25rem; line-height: 1.3; font-weight: 700; }
.lede { font-family: var(--font-text); font-size: 1.25rem; line-height: 1.45; font-weight: 400; }
.p { font-family: var(--font-text); font-size: 1rem; line-height: 1.55; font-weight: 400; }
.eyebrow { font-family: var(--font-text); font-size: 0.75rem; line-height: 1.5; font-weight: 700; letter-spacing: 0.12em; }
.flat-text { font-family: var(--font-text); font-size: 0.875rem; line-height: 1.5; font-weight: 400; }
.small { font-family: var(--font-text); font-size: 0.875rem; line-height: 1.5; font-weight: 400; }
.mono { font-family: var(--font-mono); font-size: 0.92em; line-height: 1.5; font-weight: 400; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-LightItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-MediumItalic.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-ExtraBoldItalic.woff2") format("woff2"); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Athletics"; src: url("fonts/Athletics-BlackItalic.woff2") format("woff2"); font-weight: 900; font-style: italic; font-display: swap; }