/* Cortex app: neutral glass layer (loaded last). Calm greys, hairlines, Manrope, soft motion. */
:root{
  --sans:"Manrope",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --serif:"Manrope",ui-sans-serif,system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --void:#0A0B0B;--s0:#0A0B0B;--s1:#0E0F0F;--s2:#121414;--s3:#171919;--s4:#1C1F1F;--s5:#232626;--s6:#2B2F2F;
  --fg-1:#EDEFED;--fg-2:#C6C9C7;--fg-3:#9A9F9C;--fg-4:#6E7370;--fg-5:#55595A;
  --hl-0:rgba(255,255,255,.05);--hl-1:rgba(255,255,255,.075);--hl-2:rgba(255,255,255,.1);--hl-3:rgba(255,255,255,.14);
  --rail:280px;--topbar:64px;--radius-row:8px;
  --ease:cubic-bezier(.16,1,.3,1);--ease-out:cubic-bezier(.16,1,.3,1);--dur:.32s;
  --shadow-2:0 1px 0 rgba(255,255,255,.03) inset,0 20px 50px -24px rgba(0,0,0,.8);
}
html,body{background:var(--void);font-family:var(--sans);letter-spacing:-.003em;-webkit-font-smoothing:antialiased}
body{color:var(--fg-2)}
::selection{background:rgba(255,255,255,.16);color:#fff}

/* page enter / leave (no sound, just motion) */
.Shell-main>*:not(.Topbar){animation:cxIn .7s var(--ease) both}
@keyframes cxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body.is-leaving .Shell-main>*:not(.Topbar){opacity:0;transform:translateY(-4px);transition:opacity .22s var(--ease),transform .3s var(--ease)}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s;animation-timing-function:cubic-bezier(.16,1,.3,1)}

/* rail */
.Shell-rail{background:var(--void);border-right:1px solid var(--hl-0);padding:0 12px 12px}
.Shell-rail>:first-child{height:var(--topbar);display:flex;align-items:center;padding:0 8px;margin-bottom:6px}
.Brand{font-family:var(--sans);font-weight:650;font-size:15px;letter-spacing:-.02em;gap:10px;color:var(--fg-1)}
.Brand-mark,.Brand img{width:24px;height:24px}
.Nav{position:relative;gap:1px;padding:4px 0 12px}
.Nav-hl{position:absolute;left:0;right:0;top:0;height:32px;border-radius:8px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
  pointer-events:none;opacity:0;transition:transform .42s var(--ease),opacity .25s var(--ease),height .3s var(--ease);z-index:0}
.Nav.has-hl .Nav-hl{opacity:1}
.Nav-item{position:relative;z-index:1;height:32px;padding:0 10px;gap:10px;border-radius:8px;font-size:12.75px;font-weight:500;color:var(--fg-3);
  transition:color .25s var(--ease),background-color .25s var(--ease)}
.Nav-item:hover{color:var(--fg-1);background:transparent}
.Nav-item.is-active,.Nav-item[aria-current="page"]{color:var(--fg-1);background:transparent;box-shadow:none}
.Nav-item.is-active::before,.Nav-item[aria-current="page"]::before,.Nav-item::after{display:none}
.Nav.no-hl .Nav-item:hover{background:rgba(255,255,255,.035)}
.Nav.no-hl .Nav-item.is-active,.Nav.no-hl .Nav-item[aria-current="page"]{background:rgba(255,255,255,.055)}
.Nav-item svg,.Nav-item .Nav-ico{opacity:.75;transition:opacity .25s var(--ease)}
.Nav-item:hover svg,.Nav-item.is-active svg{opacity:1}
.Nav-item kbd,.Nav-item .Nav-key{font-family:var(--mono);font-size:10px;color:var(--fg-5);margin-left:auto}
.Rail-label,.Rail-head,.Rail-section>h3{font-size:10.5px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--fg-5)!important}
.Rail-foot{border-top:1px solid var(--hl-0);padding-top:12px;gap:2px}
.Rail-foot a{font-size:12px;color:var(--fg-4);padding:6px 8px;border-radius:6px;transition:color .25s var(--ease),background-color .25s var(--ease)}
.Rail-foot a:hover{color:var(--fg-1);background:rgba(255,255,255,.04)}

/* token feed in rail */
.Feed-row{height:auto;padding:7px 8px;border-radius:8px;gap:10px}
.Feed-row:hover{background:rgba(255,255,255,.035)}
.Mark,.Mark.is-token{width:26px;height:26px;border-radius:7px}

/* topbar */
.Topbar{height:var(--topbar);background:rgba(10,11,11,.82);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--hl-0);box-shadow:none}
.Topbar::after,.Topbar::before{display:none}
.Search{height:34px;width:min(340px,100%);border-radius:8px;background:rgba(255,255,255,.02);border:1px solid var(--hl-1);padding:0 6px 0 12px;box-shadow:none;transition:border-color .3s var(--ease),background-color .3s var(--ease)}
.Search:hover{background:rgba(255,255,255,.035);border-color:var(--hl-2)}
.Search:focus-within{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.18);box-shadow:0 0 0 3px rgba(255,255,255,.04)}
.Search input{font-size:13px;color:var(--fg-1)}
.Search input::placeholder{color:var(--fg-4)}
.Kbd{font-family:var(--mono);font-size:10.5px;height:20px;min-width:20px;padding:0 5px;border-radius:5px;background:transparent;border:1px solid rgba(255,255,255,.12);border-bottom-width:1px;color:var(--fg-4)}

/* buttons */
.Btn{height:34px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:-.005em;
  transition:transform .45s var(--ease),background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),box-shadow .45s var(--ease)}
.Btn:active{transform:scale(.98)}
.Btn-primary,.Btn-glow{background:#E9EBE8;color:#0A0B0B;border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(0,0,0,.4);filter:none}
.Btn-primary:hover,.Btn-glow:hover{background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 22px -12px rgba(255,255,255,.4)}
.Btn-ghost{background:transparent;border:1px solid var(--hl-2);color:var(--fg-1);box-shadow:none}
.Btn-ghost:hover{background:rgba(255,255,255,.05);border-color:var(--hl-3)}
.Btn-lg{height:42px;border-radius:10px;font-size:13.5px}
.Btn-glow::before,.Btn-glow::after{display:none}
.Btn:disabled,.Btn[aria-disabled="true"],.Btn-glow:disabled{background:rgba(255,255,255,.04)!important;color:var(--fg-4)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;cursor:default;transform:none}

/* pills / tags: flat, quiet */
.Pill,.Tag{height:22px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:550;letter-spacing:0;background:rgba(255,255,255,.04);border:1px solid var(--hl-1);color:var(--fg-3);box-shadow:none}
.Pill-dot{width:6px;height:6px;box-shadow:0 0 0 3px rgba(111,211,155,.14);background:#6FD39B;animation:none}

/* surfaces */
.Card,.Panel,.Term,.Callout,.Stat,.Kpi,.Box{border-radius:14px;background:rgba(255,255,255,.018);border:1px solid var(--hl-1);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .35s var(--ease),background-color .35s var(--ease)}
.Card::before,.Card::after,.Panel::before,.Panel::after{opacity:0!important}
.Card-head{border-bottom:1px solid var(--hl-0)}
.Card-title,.Panel h2,.Panel h3{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--fg-1)}
.CCard{border-radius:16px;background:rgba(255,255,255,.018);border:1px solid var(--hl-1);box-shadow:none;transition:transform .55s var(--ease),border-color .35s var(--ease),background-color .35s var(--ease)}
.CCard:hover{transform:translateY(-2px);border-color:var(--hl-3);background:rgba(255,255,255,.03);box-shadow:0 24px 50px -30px rgba(0,0,0,.9)}
.CCard::before,.CCard::after{opacity:.35}
.Input,input.Input,.Field input{border-radius:10px;background:rgba(0,0,0,.25);border:1px solid var(--hl-1);transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.Input:focus-within,.Field input:focus{border-color:rgba(255,255,255,.2);box-shadow:0 0 0 3px rgba(255,255,255,.04)}

/* type */
h1,.H1,.Page-title,.Hero h1{font-family:var(--sans);font-weight:650;letter-spacing:-.028em;color:var(--fg-1)}
h1 em,.Page-title em,.Hero h1 em{font-style:normal;color:var(--fg-3)}
.lede,.Lede{color:var(--fg-3);font-size:15px;line-height:1.6}
.Label,.Eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-4)}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
a{transition:color .25s var(--ease)}

/* tables / rows */
table th{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-4)}
table td{border-color:var(--hl-0)}
table tr{transition:background-color .25s var(--ease)}
table tbody tr:hover{background:rgba(255,255,255,.025)}

/* docs: Rift-docs reading layout */
.Doc{grid-template-columns:minmax(0,1fr) 220px;gap:56px;max-width:1040px}
.Doc-toc{order:2;font-size:12.5px;gap:0;border-left:1px solid var(--hl-0);padding-left:14px}

.Doc-toc a{padding:5px 0;color:var(--fg-4);border:0;background:none!important;transition:color .25s var(--ease)}
.Doc-toc a:hover,.Doc-toc a.is-active{color:var(--fg-1)}
.Doc-body{order:1;max-width:720px;font-size:14.5px;line-height:1.75;color:var(--fg-2)}
.Doc-body h1{font-size:34px;line-height:1.15;margin-bottom:4px}
.Doc-body h2{font-size:20px;font-weight:650;letter-spacing:-.02em;color:var(--fg-1);margin-top:28px;padding-top:22px;border-top:1px solid var(--hl-0);scroll-margin-top:calc(var(--topbar) + 20px)}
.Doc-body h3{font-size:15px;font-weight:650;color:var(--fg-1)}
.Doc-body code{font-family:var(--mono);font-size:12.5px;padding:2px 6px;border-radius:5px;background:rgba(255,255,255,.05);border:1px solid var(--hl-0)}
.Doc-body a{color:var(--fg-1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:3px}
.Doc-body a:hover{text-decoration-color:rgba(255,255,255,.7)}
.Doc-banner{height:160px;border-radius:14px;box-shadow:none;border:1px solid var(--hl-1)}
.Doc-meta{font-size:12px;color:var(--fg-4);align-items:center}
.Doc-copy{height:28px;padding:0 10px;border-radius:7px;border:1px solid var(--hl-1);background:transparent;color:var(--fg-3);font:inherit;font-size:12px;font-weight:550;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease)}
.Doc-copy:hover{color:var(--fg-1);background:rgba(255,255,255,.04);border-color:var(--hl-2)}
.Doc-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}
.Doc-pager a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;border:1px solid var(--hl-1);text-decoration:none!important;transition:border-color .3s var(--ease),background-color .3s var(--ease)}
.Doc-pager a:hover{border-color:var(--hl-3);background:rgba(255,255,255,.025)}
.Doc-pager i{font-style:normal;font-size:11.5px;color:var(--fg-4)}
.Doc-pager b{font-size:14px;font-weight:600;color:var(--fg-1)}
.Doc-pager a:last-child{text-align:right}
@media (max-width:980px){.Doc{grid-template-columns:1fr}.Doc-toc{display:none}}

/* scrollbars */
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px;border:3px solid transparent;background-clip:padding-box}

@media (prefers-reduced-motion:reduce){
  .Shell-main>*:not(.Topbar){animation:none}.Nav-hl{transition:none}
}

/* calm pass: nothing loops, nothing glows */
.Live{display:none!important}
.Live-dot{display:none!important}
.Pill-dot{box-shadow:none!important}
.Cut-ring .fg{stroke:var(--fg-1);filter:none!important}
.Cut-ring .bg{stroke:rgba(255,255,255,.08)}
.Cut-ring circle{stroke-width:2.5}
.Cut-bar{height:4px;background:rgba(255,255,255,.07)}
.Cut-bar i{background:var(--fg-2)!important;box-shadow:none!important}
.Skel,.skel,[class*="Skel"]{animation:none!important;background:rgba(255,255,255,.04)!important}
[class*="float"],.Tier-art,.CCard img{animation:none!important}
*{animation-iteration-count:1!important}
.Spinner,.spin,[class*="Spin"]{animation-iteration-count:infinite!important}
.Skel::after,.Msg-body.is-streaming::after{display:none!important}.Term-cursor{animation:none!important;box-shadow:none!important}

/* CortexFooter: exact match to Seam footer bar */
.Footer, .CortexFooter {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  padding: 24px var(--gutter, 28px) 32px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: transparent !important;
  font-size: 12.5px !important;
  color: rgba(255, 255, 255, 0.45) !important;
}
.CortexFooter-copy {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.45);
  font-weight: 500;
}
.CortexFooter-links {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.CortexFooter-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 30px;
  padding: 0 12px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.8);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease);
}
.CortexFooter-btn svg {
  display: block;
  flex: none;
}
a.CortexFooter-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.CortexFooter-btn.is-soon {
  cursor: default;
  color: rgba(255, 255, 255, 0.5);
}
.CortexFooter-btn em {
  font-style: normal;
  font-size: 10.5px;
  font-weight: 600;
  padding: 3px 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.55);
}
@media (max-width: 640px) {
  .CortexFooter-links {
    flex-wrap: wrap;
    row-gap: 8px;
    justify-content: flex-start;
  }
}

.Footer.CortexFooter { display: none !important; }