@font-face{font-family:"PointPulse Inter";src:url("fonts/Inter-roman.var.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:block}
*,::before,::after{box-sizing:border-box;border:0 solid #DCE2EB}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;font-family:"PointPulse Inter",Inter,system-ui,sans-serif;font-feature-settings:"cv11","ss01","ss02"}
body{margin:0;width:1200px;background:transparent;color:#0B1F3A;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button,input,textarea,select{font:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{background:transparent;cursor:pointer}img,svg{display:block;vertical-align:middle}svg{flex-shrink:0}a{color:inherit;text-decoration:inherit}[hidden]{display:none!important}p,li{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}
#desk{padding:18px 16px 30px;width:1200px}.ds{color:#0B1F3A}.ds .card{background:#fff;border:1px solid #DCE2EB;border-radius:18px;outline:1px solid rgba(24,28,46,.04);outline-offset:0}
#deskDash{box-shadow:0 0 0 14px #fff,0 0 0 15px rgba(24,28,46,.06),0 26px 56px rgba(24,28,46,.14),0 8px 70px rgba(124,73,236,.09)}
.pill{display:inline-flex;align-items:center;justify-content:center;height:22px;line-height:1;font-size:11px;font-weight:500;letter-spacing:.02em;padding:0 8px;border-radius:6px;border:1px solid rgba(11,31,58,.10);color:#5A656F;background:rgba(11,31,58,.03);white-space:nowrap;box-sizing:border-box}
.pill-accent{color:#7C49EC;border-color:rgba(124,73,236,.30);background:rgba(124,73,236,.08)}.pill-neg{color:#C36562;border-color:rgba(195,101,98,.30);background:rgba(195,101,98,.08)}.pill-pos{color:#338579;border-color:rgba(51,133,121,.30);background:rgba(51,133,121,.08)}.pill-mute{color:#7B8994}
.desk-list-scroll::-webkit-scrollbar{display:none}.desk-list-scroll{scrollbar-width:none;-ms-overflow-style:none}.tnum{font-variant-numeric:tabular-nums}.dot-pulse{animation:dot-pulse 2.8s ease-in-out infinite}@keyframes dot-pulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}
button:focus-visible,[tabindex]:focus-visible{outline:2px solid #7C49EC;outline-offset:3px}

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --spacing: 4px;
  --color-bg-tertiary: #F4F6F9;
  --color-ink-primary: #0B1F3A;
  --color-ink-secondary: #5A656F;
  --color-ink-tertiary: #7B8994;
  --color-ink-faint: #B7C0CF;
  --color-surface-border: #DCE2EB;
  --color-accent: #7C49EC;
  --color-pos: #338579;
  --color-neg: #C36562;
  --color-white: #fff;
  --color-black: #0B1F3A;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --text-xs: 12px;
  --text-xs--line-height: 16px;
  --text-sm: 14px;
  --text-sm--line-height: 20px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --tracking-tight: -.02em;
  --tracking-wider: .06em;
  --leading-relaxed: 1.625;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.-bottom-px {
  bottom: -1px;
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.-mt-1 {
  margin-top: calc(var(--spacing) * -1);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-7 {
  margin-top: calc(var(--spacing) * 7);
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-1\.5 {
  margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.ml-auto {
  margin-left: auto;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-1 {
  height: calc(var(--spacing) * 1);
}
.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-px {
  height: 1px;
}
.w-1 {
  width: calc(var(--spacing) * 1);
}
.w-1\.5 {
  width: calc(var(--spacing) * 1.5);
}
.w-2 {
  width: calc(var(--spacing) * 2);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.flex-1 {
  flex: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[1\.4fr_1fr_2fr_70px_24px\] {
  grid-template-columns: 1.4fr 1fr 2fr 70px 24px;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.space-y-0\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-surface-border {
  border-color: var(--color-surface-border);
}
.bg-accent {
  background-color: var(--color-accent);
}
.bg-accent\/10 {
  background-color: color-mix(in srgb, #7C49EC 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
  }
}
.bg-bg-tertiary\/30 {
  background-color: color-mix(in srgb, #F4F6F9 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-bg-tertiary) 30%, transparent);
  }
}
.bg-bg-tertiary\/40 {
  background-color: color-mix(in srgb, #F4F6F9 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-bg-tertiary) 40%, transparent);
  }
}
.bg-ink-faint {
  background-color: var(--color-ink-faint);
}
.bg-ink-tertiary {
  background-color: var(--color-ink-tertiary);
}
.bg-neg {
  background-color: var(--color-neg);
}
.bg-pos {
  background-color: var(--color-pos);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[22px\] {
  font-size: 22px;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.text-accent {
  color: var(--color-accent);
}
.text-ink-faint {
  color: var(--color-ink-faint);
}
.text-ink-primary {
  color: var(--color-ink-primary);
}
.text-ink-secondary {
  color: var(--color-ink-secondary);
}
.text-ink-tertiary {
  color: var(--color-ink-tertiary);
}
.text-neg {
  color: var(--color-neg);
}
.text-pos {
  color: var(--color-pos);
}
.text-white {
  color: var(--color-white);
}
.uppercase {
  text-transform: uppercase;
}
.opacity-55 {
  opacity: 55%;
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.last\:border-r-0 {
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
}
.last\:border-b-0 {
  &:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
}
.hover\:bg-black\/\[0\.03\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #0B1F3A 3%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 3%, transparent);
      }
    }
  }
}
.hover\:text-ink-primary {
  &:hover {
    @media (hover: hover) {
      color: var(--color-ink-primary);
    }
  }
}
.hover\:opacity-100 {
  &:hover {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.md\:block {
  @media (width >= 768px) {
    display: block;
  }
}
.md\:flex {
  @media (width >= 768px) {
    display: flex;
  }
}
.md\:grid-cols-\[210px_1fr_250px\] {
  @media (width >= 768px) {
    grid-template-columns: 210px 1fr 250px;
  }
}
.md\:border-t-0 {
  @media (width >= 768px) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
}
.md\:border-l {
  @media (width >= 768px) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
}
.md\:p-7 {
  @media (width >= 768px) {
    padding: calc(var(--spacing) * 7);
  }
}
.lg\:inline {
  @media (width >= 1024px) {
    display: inline;
  }
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
    }
  }
}

.flex-shrink-0{flex-shrink:0}.space-y-0\.5>:not([hidden])~:not([hidden]){margin-top:2px}.space-y-3>:not([hidden])~:not([hidden]){margin-top:12px}.space-y-5>:not([hidden])~:not([hidden]){margin-top:20px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.02em}.tracking-wider{letter-spacing:.06em}.text-right{text-align:right}.last\:border-r-0:last-child{border-right-width:0}.last\:border-b-0:last-child{border-bottom-width:0}
  /* ===== Auto-tour ghost cursor – sections 05 & 07 ===== */
  .demo-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    pointer-events: none;
    opacity: 0;
    transition: transform 1400ms cubic-bezier(.4,0,.2,1), opacity 600ms ease;
    z-index: 70;
    will-change: transform, opacity;
  }
  .demo-cursor.visible { opacity: 1; }
  .demo-cursor.paused { opacity: 0.55; }
  .demo-cursor::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: rgba(124,73,236,0.9);
    box-shadow: 0 0 0 6px rgba(124,73,236,0.18), 0 0 26px rgba(124,73,236,0.65);
    transition: background 320ms ease, box-shadow 320ms ease;
  }
  .demo-cursor.paused::before {
    background: rgba(120,128,142,0.6);
    box-shadow: 0 0 0 4px rgba(120,128,142,0.12), 0 0 12px rgba(120,128,142,0.2);
  }
  .demo-cursor.clicking::before {
    animation: demoClick 620ms ease-out;
  }
  @keyframes demoClick {
    0%   { transform: scale(1);   box-shadow: 0 0 0 6px rgba(124,73,236,0.18),  0 0 26px rgba(124,73,236,0.65); }
    40%  { transform: scale(0.5); box-shadow: 0 0 0 28px rgba(124,73,236,0),    0 0 26px rgba(124,73,236,0.65); }
    100% { transform: scale(1);   box-shadow: 0 0 0 6px rgba(124,73,236,0.18),  0 0 26px rgba(124,73,236,0.65); }
  }
  .demo-cursor::after {
    content: attr(data-label);
    position: absolute;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 9px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #7C49EC;
    background: rgba(248,247,244,0.88);
    border: 1px solid rgba(124,73,236,0.30);
    padding: 3px 7px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0.9;
    transition: color 320ms ease, border-color 320ms ease;
  }
  .demo-cursor.paused::after {
    color: #5A656F;
    border-color: rgba(120,128,142,0.30);
  }
  /* Ripple on the element being "clicked" by the demo */
  .demo-click-pulse {
    animation: demoElementPulse 700ms ease-out;
  }
  @keyframes demoElementPulse {
    0%   { box-shadow: 0 0 0 0 rgba(124,73,236,0.5); }
    100% { box-shadow: 0 0 0 14px rgba(124,73,236,0); }
  }
  /* Hide demo cursor on touch / coarse-pointer devices */
  @media (pointer: coarse), (max-width: 767px) {
    .demo-cursor { display: none !important; }
  }


@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.demo-cursor{display:none!important}}

/* Match the source v3 sibling-spacing rules exactly. */
.space-y-0\.5>:not([hidden]),.space-y-3>:not([hidden]),.space-y-5>:not([hidden]){margin-block-start:0;margin-block-end:0}
.space-y-0\.5>:not([hidden])~:not([hidden]){margin-top:2px}.space-y-3>:not([hidden])~:not([hidden]){margin-top:12px}.space-y-5>:not([hidden])~:not([hidden]){margin-top:20px}

/* The embedded desk follows the available phone width; desktop remains 1200px. */
@media(max-width:1151px){
 html,body{width:100%;overflow-x:hidden}#desk{width:100%;padding:12px}
 #deskDash{box-shadow:none}#deskTabs{display:flex;overflow-x:auto;overscroll-behavior-x:contain}
 #deskTabs>button{flex:1 0 155px;min-height:64px;padding:12px}
 #deskCenter{min-width:0;padding:18px}#deskMeta{min-width:0;padding:18px}
 #deskDash>div:first-child{flex-wrap:wrap}#deskDash>div:first-child>div{flex-wrap:wrap}
 #desk button{min-height:44px}#deskCenter .grid{max-width:100%}#demoCursor{display:none}
}
@media(max-width:760px){
 #deskDash>div.grid:last-child{display:flex;flex-direction:column}
 #deskList{display:none}#deskCenter,#deskMeta{width:100%}
 #deskCenter .grid{grid-template-columns:1fr!important}
 #deskCenter .flex{flex-wrap:wrap}#deskCenter .truncate{white-space:normal}
 #deskMeta{border-left:0}#deskCenter h2{font-size:20px}
}