:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--bg-primary:#070a0f;--bg-secondary:#0d121a;--surface:#ffffff0f;--surface-strong:#ffffff1a;--text-primary:#eef4f8;--text-secondary:#aab7c5;--text-muted:#778392;--accent-color:#20f28b;--accent-2:#35c7ff;--accent-3:#f7ff5a;--border-color:#ffffff24;--grid-color:#ffffff12;--shadow:0 24px 80px #00000047;--radius:8px;--page-max:1180px}body[data-theme=paper]{--bg-primary:#f7f3ea;--bg-secondary:#eee8dc;--surface:#ffffffb8;--surface-strong:#ffffffeb;--text-primary:#101010;--text-secondary:#4e4b45;--text-muted:#706c63;--accent-color:#007a51;--accent-2:#164f86;--accent-3:#9a6b00;--border-color:#14141429;--grid-color:#14141414;--shadow:0 20px 70px #46381e1f}body[data-theme=cyber]{--bg-primary:#070a0f;--bg-secondary:#0d121a;--surface:#ffffff0f;--surface-strong:#ffffff1a;--text-primary:#eef4f8;--text-secondary:#aab7c5;--text-muted:#778392;--accent-color:#20f28b;--accent-2:#35c7ff;--accent-3:#f7ff5a;--border-color:#ffffff24;--grid-color:#ffffff12;--shadow:0 24px 80px #00000047}body[data-theme=matrix]{--bg-primary:#020402;--bg-secondary:#071007;--surface:#24ff7512;--surface-strong:#24ff7521;--text-primary:#d9ffe4;--text-secondary:#8ee9a7;--text-muted:#5ba36e;--accent-color:#24ff75;--accent-2:#90ffcb;--accent-3:#d7ff63;--border-color:#24ff7538;--grid-color:#24ff7517;--shadow:0 26px 90px #0000006b;--font-sans:"JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{min-width:320px;color:var(--text-primary);background:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px), radial-gradient(circle at 72% 8%, color-mix(in srgb, var(--accent-2) 24%, transparent), transparent 28rem), var(--bg-primary);font-family:var(--font-sans);background-size:36px 36px,36px 36px,auto,auto;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh}.topbar{z-index:20;max-width:var(--page-max);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto 1fr;align-items:center;gap:24px;margin:0 auto;padding:18px 24px;display:grid;position:sticky;top:0}.topbar>*,.hero-copy,.signal-panel,.section-heading,.story-card,.signal-card,.theme-card,.pipeline>div,.loop-board>div{min-width:0}.brand,.nav-links,.theme-switcher{align-items:center;display:flex}.brand{letter-spacing:0;gap:10px;font-weight:800}.brand img{width:34px;height:34px}.nav-links{color:var(--text-secondary);justify-content:center;gap:22px;min-width:0;font-size:.92rem}.nav-links a:hover,.footer a:hover{color:var(--accent-color)}.theme-switcher{border:1px solid var(--border-color);background:var(--surface);border-radius:var(--radius);gap:6px;padding:4px}.theme-switcher button{min-height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 11px}.theme-switcher button[aria-pressed=true]{color:var(--bg-primary);background:var(--accent-color)}.hero{max-width:var(--page-max);margin:0 auto;padding:56px 24px 64px}.news-hero{padding-bottom:72px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:44px;display:grid}.kicker{color:var(--accent-color);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere;max-width:100%}h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(3rem,7vw,5.9rem);line-height:.95}.hero-lede{max-width:680px;color:var(--text-secondary);word-break:break-word;margin:26px 0 0;font-size:1.08rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary-action,.secondary-action{border-radius:var(--radius);justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:750;display:inline-flex}.primary-action{color:var(--bg-primary);background:var(--accent-color)}.secondary-action{border:1px solid var(--border-color);color:var(--text-primary);background:var(--surface)}.signal-panel{border:1px solid var(--border-color);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-strong) 74%, transparent);min-height:430px;box-shadow:var(--shadow);padding:22px;overflow:hidden}.lead-story{border:1px solid var(--border-color);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 16%, transparent), transparent 42%), color-mix(in srgb, var(--surface-strong) 80%, transparent);min-width:0;min-height:380px;box-shadow:var(--shadow);padding:28px}.lead-story h2{letter-spacing:0;margin:34px 0 0;font-size:clamp(2rem,4vw,3.1rem);line-height:1}.lead-story p{color:var(--text-secondary);margin:22px 0 0;font-size:1.02rem;line-height:1.75}.lead-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.lead-metrics div{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-primary) 50%, transparent);border-radius:6px;min-width:0;padding:14px}.lead-metrics strong,.lead-metrics span{display:block}.lead-metrics strong{color:var(--accent-color);font-family:var(--font-mono);font-size:1.8rem}.lead-metrics span{color:var(--text-secondary);margin-top:8px;font-size:.78rem;line-height:1.35}.scope-header,.terminal-lines p,.story-meta,.file-tree,.loop-board span{font-family:var(--font-mono)}.scope-header{color:var(--text-muted);justify-content:space-between;font-size:.76rem;display:flex}.waveform{grid-template-columns:repeat(15,1fr);align-items:center;gap:7px;height:180px;margin:42px 0;display:grid}.waveform span{background:linear-gradient(180deg, var(--accent-3), var(--accent-color), var(--accent-2));border-radius:999px;height:34%;animation:1.8s ease-in-out infinite pulse;display:block}.waveform span:nth-child(2n){height:74%;animation-delay:.18s}.waveform span:nth-child(3n){height:50%;animation-delay:.34s}.waveform span:nth-child(5n){height:92%;animation-delay:.5s}@keyframes pulse{0%,to{opacity:.72;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1)}}.terminal-lines{gap:12px;display:grid}.terminal-lines p{color:var(--text-secondary);overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.86rem}.terminal-lines span{color:var(--accent-color);margin-right:12px}.section{max-width:var(--page-max);margin:0 auto;padding:58px 24px}.band{max-width:none;padding-left:max(24px, calc((100vw - var(--page-max)) / 2 + 24px));padding-right:max(24px, calc((100vw - var(--page-max)) / 2 + 24px));background:color-mix(in srgb, var(--bg-secondary) 72%, transparent);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.section-heading{max-width:720px;margin-bottom:34px}.section-heading h2{letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.section-heading p:not(.kicker){color:var(--text-secondary);margin:16px 0 0;line-height:1.7}.story-grid,.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.story-card,.theme-card,.pipeline>div,.loop-board>div{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--surface)}.story-card{flex-direction:column;min-height:310px;padding:20px;display:flex;overflow:hidden}.story-meta{color:var(--text-muted);text-transform:uppercase;flex-wrap:wrap;gap:8px;font-size:.74rem;display:flex}.story-card h3{margin:18px 0 0;font-size:1.45rem;line-height:1.14}.story-card p{color:var(--text-secondary);margin:16px 0 0;line-height:1.65}.story-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.story-impact{background:color-mix(in srgb, var(--text-muted) 20%, transparent);border-radius:999px;height:8px;margin-top:20px;overflow:hidden}.story-impact span{width:var(--impact);border-radius:inherit;background:linear-gradient(90deg, var(--accent-color), var(--accent-2));height:100%;display:block}.story-link{width:max-content;min-height:38px;color:var(--bg-primary);background:var(--accent-color);border-radius:6px;justify-content:center;align-items:center;margin-top:18px;padding:0 12px;font-size:.84rem;font-weight:800;display:inline-flex}.focus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.focus-grid article,.video-notes article{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--surface);min-width:0;padding:20px}.focus-grid span,.video-notes span{color:var(--accent-color);font-family:var(--font-mono);font-size:.78rem}.focus-grid h3{margin:58px 0 0;font-size:1.3rem}.focus-grid p,.video-notes p{color:var(--text-secondary);margin:14px 0 0;line-height:1.6}.watch-section{overflow:hidden}.video-layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:18px;display:grid}.video-frame{border:1px solid var(--border-color);border-radius:var(--radius);background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--accent-color) 28%, transparent), transparent 170px), linear-gradient(180deg, #111a23, #05070a);min-height:520px;box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden}.video-topline{color:var(--text-secondary);font-family:var(--font-mono);justify-content:space-between;font-size:.78rem;display:flex}.video-pulse{grid-template-columns:repeat(5,1fr);align-items:center;gap:10px;height:230px;display:grid;position:absolute;inset:120px 28px auto}.video-pulse span{background:linear-gradient(180deg, var(--accent-3), var(--accent-color), var(--accent-2));border-radius:999px;height:64%;animation:1.6s ease-in-out infinite pulse;display:block}.video-pulse span:nth-child(2n){height:96%;animation-delay:.18s}.video-pulse span:nth-child(3n){height:78%;animation-delay:.32s}.video-frame h3{margin:0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95;position:absolute;bottom:22px;left:22px;right:22px}.video-notes{gap:14px;display:grid}.story-tags span{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:999px;padding:6px 9px;font-size:.76rem}.architecture-layout{grid-template-columns:.8fr 1.2fr;align-items:stretch;gap:18px;display:grid}.file-tree{border-left:2px solid var(--accent-color);min-height:300px;color:var(--text-secondary);background:var(--surface);align-content:start;gap:12px;padding:24px;display:grid}.file-tree p{color:var(--text-primary);margin:0 0 8px}.file-tree code{border:1px solid var(--border-color);color:var(--accent-color);background:color-mix(in srgb, var(--bg-primary) 70%, transparent);border-radius:6px;padding:12px;display:block}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pipeline>div{padding:20px}.pipeline span{color:var(--accent-color);font-family:var(--font-mono);font-size:.8rem;display:block}.pipeline strong{margin-top:18px;font-size:1.2rem;display:block}.pipeline p{color:var(--text-secondary);margin:10px 0 0;line-height:1.6}.theme-card{min-height:250px;padding:22px}.theme-card span{color:var(--accent-color);font-family:var(--font-mono);font-size:.8rem}.theme-card h3{margin:60px 0 0;font-size:1.6rem}.theme-card p{color:var(--text-secondary);margin:14px 0 0;line-height:1.65}.paper-card{color:#101010;background:#f7f3ea}.paper-card p{color:#4e4b45}.cyber-card{color:#eef4f8;background:#07111c}.matrix-card{color:#d9ffe4;background:#020402}.loop-board{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.loop-board>div{min-height:124px;color:var(--text-primary);padding:16px;font-weight:760}.loop-board span{color:var(--accent-color);margin-bottom:28px;font-size:.72rem;font-weight:500;display:block}.signal-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.signal-card{border:1px solid var(--border-color);border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--accent-color) 8%, transparent), transparent 42%), var(--surface);flex-direction:column;min-height:260px;padding:18px;display:flex}.signal-topline,.signal-footer{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.72rem;display:flex}.signal-topline span{color:var(--accent-color)}.signal-topline strong{font-weight:700}.signal-card h3{margin:28px 0 0;font-size:1.35rem;line-height:1.16}.signal-card p{color:var(--text-secondary);margin:14px 0 0;line-height:1.65}.signal-footer{text-transform:none;margin-top:auto;padding-top:22px}.signal-footer a{color:var(--accent-color)}.footer{max-width:var(--page-max);color:var(--text-secondary);border-top:1px solid var(--border-color);margin:0 auto;padding:36px 24px 56px}.footer p{margin:0;line-height:1.7}@media (width<=920px){.topbar{grid-template-columns:1fr}.nav-links{justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.theme-switcher{width:max-content}.hero-grid,.architecture-layout,.story-grid,.signal-board,.theme-grid,.focus-grid,.video-layout{grid-template-columns:1fr}.loop-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.topbar,.hero,.section,.footer,.band{padding-left:18px;padding-right:18px}.section{padding-top:44px;padding-bottom:44px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:clamp(2.05rem,10vw,2.8rem);line-height:1.04}.section-heading p:not(.kicker){font-size:.98rem;line-height:1.65}h1{font-size:clamp(2rem,9vw,2.25rem);line-height:1.08}.hero{padding-top:44px}.hero-actions{grid-template-columns:1fr;display:grid}.primary-action,.secondary-action{width:100%;padding:0 14px}.hero-copy,.signal-panel,.lead-story{width:100%;max-width:calc(100vw - 36px)}.hero-grid,.terminal-lines{max-width:calc(100vw - 36px)}.signal-panel{min-height:360px}.lead-metrics,.focus-grid{grid-template-columns:1fr}.lead-story h2{font-size:clamp(1.58rem,7.5vw,1.95rem);line-height:1.12}.lead-story p{font-size:.96rem;line-height:1.62}.lead-metrics strong{font-size:1.55rem}.story-grid,.signal-board{gap:18px}.story-card{min-height:0;padding:18px}.story-meta{gap:6px;font-size:.68rem;line-height:1.45}.story-card h3{margin-top:16px;font-size:clamp(1.32rem,7vw,1.7rem);line-height:1.12}.story-card p{font-size:.98rem;line-height:1.65}.story-tags{margin-top:18px}.story-link{width:100%;min-height:44px;margin-top:20px}.signal-card{min-height:0}.video-frame{min-height:430px}.pipeline,.loop-board{grid-template-columns:1fr}}
