/* ALGOMIST LABS — graphite terminal shell (2026-08-25) */
:root{
  --bg:#0D0E10; --panel:#121316; --panel2:#16181C; --hair:#24262B; --hair2:#1B1D21;
  --ivory:#F0EDE6; --steel:#89909B; --steel-dim:#9AA1AC;
  --green:#2FBF71; --green-soft:rgba(47,191,113,.12); --down:#B25B55;
  --serif:'Newsreader',Georgia,serif; --sans:'IBM Plex Sans',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased}
/* shell chrome always above (and clickable over) any page background canvas */
#site-nav,#site-footer{position:relative;z-index:20}
canvas#scene{pointer-events:none!important}
a{color:inherit;text-decoration:none}
.t-nav{border-bottom:1px solid var(--hair2)}
.t-nav-in{max-width:1120px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:64px}
.t-brand{display:flex;align-items:center;gap:12px}
.t-brand img{height:30px;width:auto}
.t-brand .wm{font-family:var(--serif);font-size:19px}
.t-brand .wm em{font-style:italic;color:var(--green)}
.t-links{display:flex;gap:26px;align-items:center;font-size:13px}
.t-links a{color:var(--steel)} .t-links a:hover{color:var(--ivory)}
a.t-cta{font-family:var(--mono);font-size:12.5px;padding:9px 16px;border-radius:4px;background:var(--green);color:#08110C!important;font-weight:500}.t-live{font-family:var(--mono);font-size:12.5px;padding:9px 14px;border-radius:4px;border:1px solid rgba(47,191,113,.45);color:var(--green)!important;background:rgba(47,191,113,.06);white-space:nowrap}@media(max-width:900px){.t-live{font-size:0;padding:9px 12px;border-color:rgba(47,191,113,.5)}.t-live .t-dot{margin:0}}@media(max-width:700px){.t-live{display:none}}
a.t-cta:hover{filter:brightness(1.08)}
.t-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px;animation:tpulse 2s infinite}
@keyframes tpulse{0%,100%{box-shadow:0 0 0 0 rgba(47,191,113,.45)}50%{box-shadow:0 0 0 6px rgba(47,191,113,0)}}
.t-tape{border-bottom:1px solid var(--hair2);background:var(--panel2);overflow:hidden;position:relative}
.t-tape:before,.t-tape:after{content:'';position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.t-tape:before{left:0;background:linear-gradient(to right,var(--panel2),transparent)}
.t-tape:after{right:0;background:linear-gradient(to left,var(--panel2),transparent)}
.t-tape-track{display:flex;width:max-content;padding:8px 0;font-family:var(--mono);font-size:11.5px;color:var(--steel);
  animation:tscroll 45s linear infinite;will-change:transform}
.t-tape-track:hover{animation-play-state:paused}
.t-tape-group{display:flex;gap:30px;padding-right:30px;white-space:nowrap}
@keyframes tscroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.t-tape-track{animation:none}}
.t-up{color:var(--green)} .t-dn{color:var(--down)}
.t-foot{border-top:1px solid var(--hair2);padding:44px 0 60px;color:var(--steel-dim);font-size:12.5px}
.t-foot-in{max-width:1120px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.t-foot a{color:var(--steel)} .t-foot a:hover{color:var(--ivory)}
@media(max-width:920px){ .t-links a:not(.t-cta):not([href='/']){display:none} .t-links{gap:16px} }