/* Dynamic Feed — shared design system (mission-control). Used by all sub-pages so they match the homepage. */
:root{
  --bg:#000103; --surface:#04060b; --surface-2:#080b12; --line:#101620; --line-2:#1a212e;
  --ink:#eef2fa; --ink-muted:#8893a8; --ink-dim:#525c6e;
  --signal:#46e6da; --signal-2:#5bd0ff; --amber:#ffb454; --alert:#ff5a6a; --good:#46e08a;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:'IBM Plex Sans',system-ui,sans-serif;
  --display:'Space Grotesk',var(--sans);
  --step--1:clamp(.78rem,calc(.74rem + .2vw),.86rem);
  --step-0:clamp(.95rem,calc(.9rem + .25vw),1.05rem);
  --step-1:clamp(1.1rem,calc(1rem + .5vw),1.35rem);
  --step-hero:clamp(2.3rem,calc(1.3rem + 4vw),4.6rem);
  --s-xs:8px; --s-s:14px; --s-m:22px; --s-l:36px; --s-xl:64px; --s-2xl:110px; --maxw:1280px;
  --ease:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.65,0,.35,1); --dur:.45s; --dur-slow:.9s; --radius:14px;
}
*{box-sizing:border-box}
html{overflow-x:clip;max-width:100vw;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
::selection{background:var(--signal);color:#04060c}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.mono{font-family:var(--mono)}
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--signal);color:#04060c;padding:10px 16px;border-radius:8px;font-weight:700}
.skip-link:focus{left:12px;top:12px}

/* background layers */
.bg-grid{position:fixed;inset:0;z-index:-3;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:68px 68px;opacity:.5;-webkit-mask:radial-gradient(120% 90% at 72% -5%,#000 18%,transparent 72%);mask:radial-gradient(120% 90% at 72% -5%,#000 18%,transparent 72%)}
.bg-glow{position:fixed;inset:0;z-index:-2;background:radial-gradient(880px 560px at 80% -10%,rgba(70,230,218,.10),transparent 60%),radial-gradient(720px 480px at 6% 8%,rgba(91,208,255,.05),transparent 58%)}
.bg-matrix{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.12;-webkit-mask:linear-gradient(180deg,#000,rgba(0,0,0,.55));mask:linear-gradient(180deg,#000,rgba(0,0,0,.55))}
.bg-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media (prefers-reduced-motion:no-preference){.bg-grain{animation:grain 5s steps(6) infinite}}
@keyframes grain{to{transform:translate(8%,4%)}}

/* status bar */
.statusbar{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:9px 24px;font-family:var(--mono);font-size:11.5px;letter-spacing:.5px;color:var(--ink-muted);background:linear-gradient(180deg,rgba(8,12,22,.92),rgba(8,12,22,.55));backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.statusbar .seg{display:flex;align-items:center;gap:8px;white-space:nowrap}
.statusbar .sep{color:var(--line-2)}
.statusbar b{color:var(--ink);font-weight:600}
.dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 9px var(--good)}
@media (prefers-reduced-motion:no-preference){.dot{animation:pulse 1.8s ease-in-out infinite}}
@keyframes pulse{50%{opacity:.35}}
@media(max-width:760px){.statusbar .hideS{display:none}}

/* nav */
nav{position:fixed;top:34px;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:space-between;padding:14px 28px}
.brand{display:flex;align-items:center}
.logo-img{height:42px;width:auto;display:block;mix-blend-mode:screen}
@media(max-width:600px){.logo-img{height:34px}}
.navlinks{display:flex;gap:26px;font-family:var(--mono);font-size:12.5px;letter-spacing:.5px;color:var(--ink-muted)}
.navlinks a{position:relative;padding:4px 0;transition:color var(--dur) var(--ease)}
.navlinks a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:var(--signal);transition:width var(--dur) var(--ease)}
.navlinks a:hover{color:var(--ink)}.navlinks a:hover::after{width:100%}
.navlinks a[aria-current="page"]{color:var(--ink)}.navlinks a[aria-current="page"]::after{width:100%}
@media(max-width:820px){.navlinks{display:none}}

/* page scaffold */
.page{padding:150px 28px 0;max-width:var(--maxw);margin:0 auto}
.sec{padding:var(--s-2xl) 28px;max-width:var(--maxw);margin:0 auto}
.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:3px;text-transform:uppercase;color:var(--signal);display:flex;align-items:center;gap:10px;margin-bottom:18px}
.eyebrow .ln{height:1px;width:42px;background:linear-gradient(90deg,var(--signal),transparent)}
.page-h{font-family:var(--display);font-weight:800;font-size:var(--step-hero);line-height:.98;letter-spacing:-1.5px;margin:0 0 18px;text-wrap:balance;text-shadow:0 0 54px rgba(70,230,218,.12),0 3px 40px rgba(0,0,0,.45)}
.page-h .g{color:var(--signal)}
.page-h .em{color:transparent;-webkit-text-stroke:1.4px var(--signal);filter:drop-shadow(0 0 30px rgba(70,230,218,.5))}
.page-sub{font-size:var(--step-1);color:var(--ink-muted);max-width:60ch;margin:0 0 28px;text-wrap:pretty}
.page-sub b{color:var(--ink);font-weight:600}
.sec-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:14px}
.sec-h{font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,calc(1.2rem + 2.4vw),3.2rem);letter-spacing:-1px;margin:0 0 10px;line-height:1.02}
.sec-h .g{color:var(--signal)}
.sec-sub{color:var(--ink-muted);max-width:60ch;margin:0 0 var(--s-xl)}

/* buttons */
.cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cmd{font-family:var(--mono);font-size:14px;display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface-2);color:var(--ink);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.cmd .pr{color:var(--signal)}
.cmd .ar{transition:transform var(--dur) var(--ease)}
.cmd:hover{border-color:var(--signal);box-shadow:0 0 0 1px rgba(70,230,218,.4),0 14px 40px -18px rgba(70,230,218,.6);transform:translateY(-2px)}
.cmd:hover .ar{transform:translate(4px,-4px)}
.cmd.ghost{background:transparent;color:var(--ink-muted)}
.cmd.ghost:hover{color:var(--ink)}

/* card grid */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid{grid-template-columns:1fr}}
.card{background:var(--surface);padding:26px 22px;display:flex;flex-direction:column;gap:9px;min-height:150px;position:relative;transition:background var(--dur) var(--ease)}
.card:hover{background:var(--surface-2)}
.card .no{font-family:var(--mono);font-size:11px;color:var(--ink-dim);letter-spacing:1px}
.card h4,.card .nm{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:.2px;margin:2px 0 0;transition:color var(--dur) var(--ease)}
.card:hover h4,.card:hover .nm{color:var(--signal)}
.card p,.card .ds{color:var(--ink-muted);font-size:13.5px;margin:0}
.card code{font-family:var(--mono);font-size:.9em;color:var(--signal)}

/* panels */
.panel{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:26px}

/* reveal */
.reveal{opacity:0;transform:translateY(26px)}
.loaded .reveal{opacity:1;transform:none;transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}
.loaded .d1{transition-delay:.05s}.loaded .d2{transition-delay:.13s}.loaded .d3{transition-delay:.21s}.loaded .d4{transition-delay:.29s}.loaded .d5{transition-delay:.4s}
.r{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.r.in{opacity:1;transform:none}
.r.s1{transition-delay:.06s}.r.s2{transition-delay:.12s}.r.s3{transition-delay:.18s}.r.s4{transition-delay:.24s}.r.s5{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){.reveal,.r{opacity:1!important;transform:none!important}.bg-grain,.dot{animation:none!important}}

/* footer */
footer{padding:60px 28px;text-align:center;color:var(--ink-dim);font-family:var(--mono);font-size:12px;letter-spacing:.5px;border-top:1px solid var(--line)}
footer a{color:var(--ink-muted)}footer a:hover{color:var(--signal)}
.tm{font-family:var(--mono);font-size:10.5px;letter-spacing:.3px;color:var(--ink-dim);text-align:center;margin:16px auto 0;max-width:560px;opacity:.7}