@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Syne:wght@400;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--surface:#111113;--border:#1e1e22;--border-bright:#2e2e34;--text:#e8e8ec;--muted:#9a9aa8;--accent:#5cead4;--accent-dim:#5cead41f;--accent-dim2:#5cead40f;--font-mono:"IBM Plex Mono", monospace;--font-display:"Syne", sans-serif}:root.light{--bg:#f5f5f4;--surface:#fff;--border:#e2e2e0;--border-bright:#d0d0cc;--text:#1a1a1a;--muted:#5a5a52;--accent:#0d9e8a;--accent-dim:#0d9e8a1a;--accent-dim2:#0d9e8a0d}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);min-height:100vh;font-size:14px;line-height:1.7;transition:background .3s,color .3s;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}#scroll-progress{background:var(--accent);z-index:200;width:0%;height:2px;transition:width 80ms linear;position:fixed;top:0;left:0;box-shadow:0 0 8px #5cead480}main{z-index:1;max-width:860px;margin:0 auto;padding:0 32px;position:relative}section{padding:30px 0}.section-header{align-items:center;gap:16px;margin-bottom:48px;display:flex}.section-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);white-space:nowrap;font-size:11px;font-weight:700}.section-line{background:var(--border);flex:1;height:1px}.tag{border:1px solid var(--border-bright);color:var(--muted);letter-spacing:.04em;border-radius:2px;padding:3px 8px;font-size:10px}.accordion-toggle{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border-bright);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;margin-top:28px;padding:8px 16px;font-size:10px;transition:color .2s,border-color .2s;display:inline-flex}.accordion-toggle:hover{color:var(--accent);border-color:var(--accent)}.accordion-toggle .chevron{font-size:9px;font-style:normal;transition:transform .3s;display:inline-block}.accordion-toggle.open .chevron{transform:rotate(180deg)}.accordion-body{opacity:0;max-height:0;transition:max-height .45s,opacity .35s;overflow:hidden}.accordion-body.open{opacity:1;max-height:8000px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s forwards fadeUp}.fade-up-1{opacity:0;animation-delay:.1s}.fade-up-2{opacity:0;animation-delay:.2s}.fade-up-3{opacity:0;animation-delay:.3s}.fade-up-4{opacity:0;animation-delay:.4s}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #5cead466}50%{opacity:.7;box-shadow:0 0 0 6px #5cead400}}@media (max-width:640px){main{padding:0 20px}section{padding:64px 0}.section-header{margin-bottom:32px}}
