@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#f3f2ef;--surface-color:#fff;--text-primary:#000000e6;--text-secondary:#0009;--accent-color:#0a66c2;--accent-hover:#004182;--border-color:#e0e0df;--font-sans:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;line-height:1.5}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scroll-container{background-color:var(--bg-color);height:500vh;position:relative}.sticky-viewport{flex-direction:column;height:calc(100vh - 52px);display:flex;position:sticky;top:52px;overflow:hidden}.navbar{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:100;align-items:center;width:100%;height:52px;padding:0 24px;display:flex;position:fixed;top:0}.navbar-content{align-items:center;gap:8px;width:100%;max-width:1128px;margin:0 auto;display:flex}.nav-logo{background-color:var(--accent-color);color:#fff;border-radius:4px;padding:2px 6px;font-size:20px;font-weight:700}.nav-search{background-color:#eef3f8;border-radius:4px;align-items:center;width:280px;height:34px;padding:0 8px;display:flex}.nav-search input{background:0 0;border:none;width:100%}.main-content{z-index:10;will-change:opacity;flex-direction:column;width:100%;max-width:1128px;margin:24px auto;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.hero-section{background:var(--surface-color);border:1px solid var(--border-color);text-align:center;border-radius:8px;margin-bottom:24px;padding:32px}.manifesto-title{color:var(--text-primary);margin-bottom:16px;font-size:24px;font-weight:500}.manifesto-subtitle{color:var(--accent-color);font-size:18px;font-weight:600}.scroll-hint{color:var(--text-secondary);margin-top:16px;font-size:14px;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.feed{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:24px}.network-header{margin-bottom:20px}.network-header h3{color:var(--text-primary);font-size:16px}.roster-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.roster-card{border:1px solid var(--border-color);background:var(--surface-color);border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.roster-avatar{object-fit:cover;border-radius:50%;width:72px;height:72px}.card-info{flex-grow:1}.employee-name{color:var(--text-primary);margin-bottom:4px;font-size:16px}.employee-title{color:var(--text-secondary);font-size:14px;line-height:1.4}.connect-btn{color:var(--accent-color);border:1px solid var(--accent-color);border-radius:16px;padding:4px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s}.connect-btn:hover{background-color:#0a66c21a}.gl-canvas{z-index:1;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.nav-search{display:none}.navbar{padding:0 16px}.hero-section{padding:24px 16px}.manifesto-title{margin-bottom:12px;font-size:20px}.manifesto-subtitle{font-size:16px}.roster-list{grid-template-columns:1fr}.feed{padding:16px}}@media (width<=480px){.manifesto-title{font-size:18px}.roster-card{text-align:center;flex-direction:column;gap:8px}.card-info,.connect-btn{width:100%}}