@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-deep:#05050a;--bg-base:#0a0a12;--bg-surface:#0f1019;--bg-elevated:#161822;--bg-hover:#1c1f2e;--border:#ffffff0f;--border-lit:#00e5ff26;--cyan:#00e5ff;--cyan-dim:#00e5ff1f;--cyan-glow:#00e5ff40;--purple:#a78bfa;--purple-dim:#a78bfa1f;--red:#ff3d57;--red-dim:#ff3d571f;--green:#00d68f;--green-dim:#00d68f1f;--amber:#ffb547;--amber-dim:#ffb5471f;--text:#e2e6ed;--text-secondary:#8b92a5;--text-muted:#5a6175;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--section-y:7rem;--container-max:1200px;--nav-height:160px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg-deep);color:var(--text);font-family:var(--font-body);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}.section{padding:var(--section-y) 0}.section-alt{padding:var(--section-y) 0;background:var(--bg-base);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.15}h1{font-size:clamp(2.4rem,5vw,3.8rem)}h2{margin-bottom:1rem;font-size:clamp(1.8rem,3.5vw,2.8rem)}h3{margin-bottom:.75rem;font-size:1.35rem}h4{margin-bottom:.5rem;font-size:1.1rem}.gradient-text{background:linear-gradient(135deg, var(--cyan) 0%, var(--purple) 100%);-webkit-text-fill-color:transparent;background-clip:text}.mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);font-size:.8rem;font-weight:500}.section-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem;font-size:.75rem;font-weight:600;display:block}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-header p{color:var(--text-secondary);margin-top:.75rem;font-size:1.15rem}.btn{font-family:var(--font-display);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{background:var(--cyan);color:#000}.btn-primary:hover{box-shadow:0 0 24px var(--cyan-glow), 0 4px 12px #0000004d;transform:translateY(-1px)}.btn-outline{color:var(--text);background:#ffffff08;border:1px solid #ffffff26}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.btn-ghost{color:var(--cyan);background:0 0;border:none;padding:.5rem 0}.btn-ghost:hover{opacity:.8}.btn-sm{padding:.5rem 1.25rem;font-size:.85rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;height:100%;padding:2rem;transition:all .3s}.card:hover{border-color:var(--border-lit);transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-size:1.4rem;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);align-items:start;gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.site-nav{z-index:1000;height:var(--nav-height);backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--border);background:#05050ad9;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:flex-end;width:100%;padding-bottom:10px;display:flex}.nav-logo{align-items:center;display:flex}.nav-logo-img{width:auto;height:96px;margin-top:20px}.nav-links{align-items:flex-end;gap:2rem;padding-bottom:22px;display:flex}.nav-links a{font-family:var(--font-display);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--cyan)}.nav-links a.nav-paper{color:var(--cyan);background:#00e5ff0d;border:1px solid #00e5ff40;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .85rem;display:inline-flex;transform:translateY(7px)}.nav-links a.nav-paper:hover{background:#00e5ff1f;border-color:#00e5ff73}.nav-links a.nav-paper svg{opacity:.7}.nav-links a.active:after{content:"";background:var(--cyan);border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.nav-cta{margin-left:1rem}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px 4px 30px;display:none}.nav-toggle span{background:var(--text);border-radius:2px;width:26px;height:2px;display:block}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:3rem 0 2rem;font-size:.85rem}.footer-inner{flex-direction:column;align-items:center;gap:1rem;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-links a{color:var(--text-secondary);font-size:.85rem;transition:color .2s}.footer-links a:hover{color:var(--cyan)}.footer-author-link{text-decoration:none;transition:color .2s;color:var(--text-secondary)!important}.footer-author-link:hover{color:var(--cyan)!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.code-block{font-family:var(--font-mono);color:var(--green);background:#000;border:1px solid #ffffff14;border-radius:12px;padding:2rem;font-size:.85rem;line-height:1.8;position:relative;overflow:hidden}.code-block:before{content:"● ● ●";color:#444;letter-spacing:3px;font-size:.65rem;position:absolute;top:10px;left:14px}.code-block .cm{color:#555}.code-block .kw{color:var(--amber)}.code-block .fn{color:var(--cyan)}.code-block .str{color:var(--green)}.stat{text-align:center;padding:1.5rem}.stat-value{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:.4rem;font-size:2.8rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:.85rem}.badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:100px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-cyan{color:var(--cyan);background:var(--cyan-dim);border-color:#00e5ff4d}.badge-purple{color:var(--purple);background:var(--purple-dim);border-color:#a78bfa4d}.badge-green{color:var(--green);background:var(--green-dim);border-color:#00d68f4d}.badge-red{color:var(--red);background:var(--red-dim);border-color:#ff3d574d}.badge-amber{color:var(--amber);background:var(--amber-dim);border-color:#f59e0b4d}.divider{background:linear-gradient(90deg, var(--cyan), transparent);width:48px;height:2px;margin:1rem 0}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--cyan), var(--purple), var(--cyan-dim));width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{padding-bottom:2.5rem;position:relative}.timeline-item:before{content:"";border:2px solid var(--cyan);background:var(--bg-deep);border-radius:50%;width:10px;height:10px;position:absolute;top:.3rem;left:-2rem;transform:translate(-4px)}.timeline-item:last-child{padding-bottom:0}.paper-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:border-color .3s}.paper-card:hover{border-color:var(--border-lit)}.paper-meta{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem}.paper-title{font-family:var(--font-display);margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.35}.paper-authors{color:var(--text-secondary);margin-bottom:.75rem;font-size:.85rem}.paper-tag{font-family:var(--font-mono);letter-spacing:.04em;border-radius:4px;margin-top:.3rem;margin-right:.4rem;padding:.2rem .5rem;font-size:.65rem;font-weight:600;display:inline-block}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px var(--cyan-dim)}50%{box-shadow:0 0 40px var(--cyan-glow)}}.animate-up{animation:.7s both fadeUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (width<=1024px){:root{--section-y:5rem}.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr;gap:3rem}.nav-links,.nav-cta.desktop-only{display:none}.nav-toggle{display:flex}.nav-links.open{top:var(--nav-height);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#05050af7;flex-direction:column;gap:1.25rem;padding:1.5rem 2rem 2rem;display:flex;position:absolute;left:0;right:0}}@media (width<=640px){:root{--section-y:3.5rem}.container{padding:0 1.25rem}.grid-4{grid-template-columns:1fr}.stat-value{font-size:2.2rem}}.arch-flow{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;margin:2rem 0;display:flex}.arch-node{text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;flex-shrink:1;min-width:140px;padding:1.5rem 2rem}@media (width<=900px) and (width>=769px){.arch-node{min-width:0;padding:1rem 1.1rem}.arch-connector{padding:0 .25rem}.arch-line{width:36px}.arch-label{font-size:.82rem}.arch-sub{font-size:.62rem}.arch-icon{font-size:1.5rem}}.arch-node-highlight{background:var(--cyan-dim);box-shadow:0 0 30px var(--cyan-dim);border-color:#00e5ff4d}.arch-icon{margin-bottom:.5rem;font-size:2rem}.arch-label{font-family:var(--font-display);font-size:.95rem;font-weight:700}.arch-sub{font-family:var(--font-mono);color:var(--text-muted);margin-top:.25rem;font-size:.7rem}.arch-connector{flex-direction:column;align-items:center;gap:.25rem;padding:0 .5rem;display:flex}.arch-connector span{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.arch-line{background:linear-gradient(90deg, var(--border), var(--cyan), var(--border));width:60px;height:2px}.pipeline{flex-direction:column;gap:1.5rem;display:flex}.pipeline-stage{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;grid-template-rows:auto auto auto;grid-template-columns:48px 1fr;gap:0 1.25rem;padding:1.5rem;transition:border-color .3s;display:grid}.pipeline-stage:hover{border-color:var(--border-lit)}.pipeline-num{font-family:var(--font-display);color:var(--cyan);opacity:.3;grid-row:1/-1;justify-content:center;align-items:flex-start;padding-top:.2rem;font-size:1.5rem;font-weight:700;display:flex}.pipeline-stage h4{margin-bottom:.35rem}.pipeline-stage p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.tech-list{flex-direction:column;gap:1rem;display:flex}.tech-list li{color:var(--text-secondary);padding-left:1.25rem;font-size:.95rem;position:relative}.tech-list li:before{content:"▹";color:var(--cyan);position:absolute;left:0}.tech-list li strong{color:var(--text)}.code-snippet{font-family:var(--font-mono);color:var(--green);background:#000;border:1px solid #ffffff0f;border-radius:8px;margin-top:1rem;padding:.75rem 1rem;font-size:.78rem;overflow-x:auto}.stack-item{text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1rem;transition:border-color .3s}.stack-item:hover{border-color:var(--border-lit)}.stack-icon{margin-bottom:.75rem;font-size:2rem}.stack-item h4{margin-bottom:.25rem;font-size:1rem}.stack-item p{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.paper-link{font-family:var(--font-mono);color:var(--cyan);opacity:.6;margin-top:.6rem;font-size:.72rem;text-decoration:none;transition:opacity .2s;display:inline-block}.paper-link:hover{opacity:1}@media (width<=768px){.nav-toggle span{width:30px;height:3px}.arch-flow{flex-direction:column;gap:.5rem}.arch-connector{padding:.5rem 0;transform:rotate(90deg)}.pipeline-stage{grid-template-columns:1fr}.pipeline-num{display:none}}
