/* Nexus hero scoped styles */
@import url("https://fonts.cdnfonts.com/css/pp-neue-montreal");
@font-face { font-family: "PPSupplyMono"; src: url("https://assets.codepen.io/7558/PPSupplyMono-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }\n#labs-nexus { position: relative; width: 100%; height: 100vh; overflow: hidden; padding: 0 !important; background: transparent; }\\n#labs-nexus.hero-section { padding: 0 !important; background: transparent !important; }\n#labs-nexus .header-area { position: fixed; top: 24px; left: 0; width: 100%; padding: 0 24px; display: flex; justify-content: center; z-index: 40; }\n#labs-nexus .logo-container { position: absolute; left: 24px; top: 0; display: flex; align-items: center; height: 2rem; z-index: 40; cursor: pointer; }\n#labs-nexus .logo-circles { position: relative; width: 100%; height: 100%; }\n#labs-nexus .circle { position: absolute; border-radius: 50%; transition: transform 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); width: 1.4rem; height: 1.4rem; background-color: #ffffff; top: 50%; }\n#labs-nexus .circle-1 { left: 0; transform: translate(0, -50%); }\n#labs-nexus .circle-2 { left: 0.8rem; transform: translate(0, -50%); mix-blend-mode: exclusion; }\n#labs-nexus .logo-container:hover .circle-1 { transform: translate(-0.5rem, -50%); }\n#labs-nexus .logo-container:hover .circle-2 { transform: translate(0.5rem, -50%); }\n\n#labs-nexus .center-logo { text-align: center; z-index: 40; height: 2rem; }\n#labs-nexus #nexus-logo-text { font-weight: 700; font-size: 1.5rem; line-height: 1; margin: 0; color: #e6edf3; text-transform: none; font-family: 'IBM Plex Sans','Inter',sans-serif; }\n\n#labs-nexus .hero { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 40; color: #e6edf3; width: 90%; max-width: 800px; }\n#labs-nexus .hero h1 { font-family: 'PP Neue Montreal', 'Inter', sans-serif; font-weight: 400; font-size: 4rem; line-height: 0.9; letter-spacing: -0.02em; color: #ffffff; text-transform: none; margin: 0 0 2rem 0; }\n#labs-nexus .hero h2 { font-family: 'PPSupplyMono', monospace; font-size: 10px; color: #cccccc; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.4; opacity: 0.7; transition: opacity .3s ease; font-weight: 400; margin: 0; }\n#labs-nexus .hero:hover h2 { opacity: 1; }\n\n#labs-nexus .contact-info { position: fixed; top: 50%; left: 24px; transform: translateY(-50%); z-index: 40; font-family: 'IBM Plex Sans','Inter',sans-serif; letter-spacing: 0.05em; font-size: 12px; color: #e6edf3; text-transform: uppercase; }\n#labs-nexus .contact-heading { font-size: 12px; color: #93a3af; margin-bottom: 8px; }\n#labs-nexus .contact-email { display: block; color: #e6edf3; text-decoration: none; transition: all .2s ease; cursor: pointer; }\n#labs-nexus .contact-email:hover { color: #93a3af; }\n\n#labs-nexus .footer-links { position: fixed; bottom: 24px; left: 24px; z-index: 40; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; font-family: 'Inter',sans-serif; font-weight: 500; font-size: 14px; }\n#labs-nexus .footer-link { color: #93a3af; text-decoration: none; transition: all .2s ease; position: relative; padding-left: 0; text-transform: none; }\n#labs-nexus .footer-link::before { content: \"\"; position: absolute; left: 0; top: 50%; width: 0; height: 1px; background-color: #e6edf3; transform: translateY(-50%); transition: width .2s ease, opacity .2s ease; opacity: 0; }\n#labs-nexus .footer-link:hover { color: #e6edf3; padding-left: 1.2rem; }\n#labs-nexus .footer-link:hover::before { width: 0.8rem; opacity: 1; }\n\n#labs-nexus .coordinates { position: fixed; bottom: 24px; right: 24px; text-align: right; z-index: 40; font-family: 'Inter',sans-serif; font-size: 12px; color: #93a3af; }\n\n#labs-nexus #nexus-container { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #0f0f0f; z-index: 0; pointer-events: none; }\n#labs-nexus #nexus-ui { position: fixed; top: 10px; right: 10px; z-index: 40; opacity: 0.85; transition: opacity .2s ease; }\n#labs-nexus #nexus-ui:hover { opacity: 1; }\n#labs-nexus #nexus-stats { position: fixed; top: 10px; left: 10px; z-index: 40; color:#c7d2fe; font: 600 11px/1.4 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; background: rgba(12,18,27,.55); border: 1px solid rgba(139,92,246,.35); border-radius: 8px; padding: 6px 8px; backdrop-filter: blur(4px); }\n\n/* Media */\n@media (max-width: 768px) {\n  #labs-nexus .hero h1 { font-size: 2.6rem; }\n  #labs-nexus .coordinates { font-size: 10px; }\n}\n@media (max-width: 480px) {\n  #labs-nexus .hero h1 { font-size: 2.2rem; }\n  #labs-nexus .circle { width: 1.2rem; height: 1.2rem; }\n  #labs-nexus .circle-2 { left: 0.7rem; }\n  #labs-nexus #nexus-logo-text { font-size: 1.3rem; }\n}\n