:root { color-scheme:dark; }
  html, body { margin:0; padding:0; background:#070C16; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
  a, a:link, a:visited, a:active { -webkit-tap-highlight-color:rgba(143,184,238,.15); }
  span, p, h1, h2, h3, li { -webkit-text-fill-color:currentColor; }
  * { box-sizing:border-box; }
  a { color:#8FB8EE; text-decoration:none; -webkit-text-fill-color:currentColor; }
  a:hover { color:#ffffff; }
  ::selection { background:#8FB8EE; color:#070C16; }
  img, svg, canvas { max-width:100%; }
  @media (max-width: 640px) {
    [data-mis-cta] { width:100%; justify-content:center; }
    [data-mis-tier-row] { gap:14px !important; }
    [data-mis-tier-num] { padding-top:0 !important; }
    [data-mis-profile] { gap:10px !important; }
    [data-mis-footer] { flex-direction:column; align-items:flex-start !important; }
    [data-mis-footer-meta] { gap:10px !important; row-gap:6px; }
  }
  [data-mis-rail] a:hover [data-mis-dot-label], [data-mis-rail] a:focus-visible [data-mis-dot-label] { opacity:1 !important; transform:translateX(0) !important; }
  [data-mis-rail] a:hover [data-mis-dot-core] { background:rgba(143,184,238,.85) !important; transform:scale(1.15) !important; }
  [data-mis-rail]:hover [data-mis-dot-core] { background:rgba(143,184,238,.5); }
  [data-mis-rail] a[data-active="1"] [data-mis-dot-core] { background:#8FB8EE !important; transform:scale(1.3) !important; }
  [data-mis-rail] a[data-active="1"] [data-mis-dot-ring] { opacity:1 !important; transform:scale(1) !important; }
  @media (max-width: 900px), (hover: none) { [data-mis-rail] { display:none !important; } }
  @media (max-width: 1100px) { [data-mis-pillars] { grid-template-columns:1fr !important; } }
  @media (min-width: 901px) and (hover: hover) {
    [data-screen-label] { padding-right:64px !important; }
  }
  @keyframes misRise { from { opacity:0; transform:translateY(26px); } to { opacity:1; transform:none; } }
  [data-mis-overlay] { transition:opacity .5s cubic-bezier(.4,0,.2,1), background .5s ease; }
  [data-mis-portrait] { transition:filter .55s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
  @media (hover: hover) and (min-width: 721px) {
    [data-mis-overlay] { opacity:1; }
    [data-mis-quote] { opacity:.88; transition:opacity .5s ease; }
    [data-mis-person]:hover [data-mis-overlay] { background:linear-gradient(180deg, rgba(7,12,22,.15) 8%, rgba(7,12,22,.94)); }
    [data-mis-person]:hover [data-mis-quote] { opacity:1; }
    [data-mis-person]:hover [data-mis-portrait] { transform:scale(1.02); }
    [data-mis-quote-below] { display:none !important; }
  }
  @media (hover: none), (max-width: 720px) {
    [data-mis-overlay] { display:none !important; }
    [data-mis-tap] { display:none !important; }
  }
  [data-mis-steps] > *:nth-last-child(2) [data-mis-step-rail] { display:none; }
  @media (max-width: 900px) {
    [data-mis-step] { grid-template-columns:44px minmax(0,1fr) !important; }
    [data-mis-step] > p { grid-column:2 !important; align-self:start !important; }
  }
  @media (max-width: 900px) {
    [data-mis-example] { flex-direction:column; gap:clamp(32px,5vw,48px) !important; }
    [data-mis-example-body] { display:contents; }
    [data-mis-example-head] { order:1; }
    [data-mis-example-metrics] { order:2; }
    [data-mis-example-cards] { order:3; }
  }
  @media (max-width: 720px) {
    [data-mis-team-grid] { grid-template-columns:1fr !important; }
    [data-mis-record-grid] { grid-template-columns:1fr !important; }
    [data-mis-record-row] { grid-template-columns:1fr !important; gap:10px !important; }
  }
  @keyframes misOldIn { from { opacity:0; } to { opacity:1; } }
  @keyframes misStrike { from { transform:scaleX(0); } to { transform:scaleX(1); } }
  @keyframes misHeadIn { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
  @keyframes misWaveIn { from { opacity:0; } to { opacity:1; } }
  @media (prefers-reduced-motion: no-preference) {
    [data-mis-old] { animation:misOldIn .4s ease both; }
    [data-mis-strike] { transform-origin:left center; animation:misStrike .35s cubic-bezier(.4,0,.2,1) .42s both; }
    [data-mis-head] { animation:misHeadIn .5s cubic-bezier(.2,.7,.2,1) .82s both; }
    [data-doppler-canvas] { animation:misWaveIn 1.1s ease 1.05s both; }
  }
  @media (prefers-reduced-motion: no-preference) {
    [data-reveal="1"] { animation:misRise .9s cubic-bezier(.2,.7,.2,1) both; animation-play-state:paused; }
    [data-reveal="1"][data-shown="1"] { animation-play-state:running; }
  }

.scp0:hover { color: rgb(255, 255, 255) !important; }
.scp1:hover { background: rgb(143, 184, 238) !important; color: rgb(7, 12, 22) !important; }
.scp2:hover { border-color: rgba(143, 184, 238, 0.42) !important; box-shadow: rgba(143, 184, 238, 0.1) 0px 0px 34px !important; }
.scp3:hover { border-color: rgba(156, 58, 58, 0.55) !important; box-shadow: rgba(156, 58, 58, 0.12) 0px 0px 30px !important; background: rgba(60, 22, 26, 0.22) !important; }
.scp4:hover { border-color: rgba(143, 184, 238, 0.4) !important; box-shadow: rgba(143, 184, 238, 0.08) 0px 0px 30px !important; }
.scp5:hover { background: rgba(143, 184, 238, 0.043) !important; border-color: rgba(143, 184, 238, 0.45) !important; box-shadow: rgba(143, 184, 238, 0.05) 0px 0px 40px inset !important; }
.scp6:hover { border-color: rgba(143, 184, 238, 0.4) !important; box-shadow: rgba(143, 184, 238, 0.09) 0px 0px 34px !important; }
.scp7:hover { color: rgb(234, 240, 250) !important; background: rgba(143, 184, 238, 0.12) !important; }
.scp8:hover { background: rgb(143, 184, 238) !important; }