.nav{position:fixed;top:var(--banner-height, 0px);left:0;right:0;height:var(--nav-height);z-index:1000;padding:0 60px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(10,10,10,.95) 0%,transparent 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,136,.08);transition:all var(--transition-normal)}.nav--scrolled{background:#0a0a0af7;border-bottom-color:#00ff8826}.nav__logo{display:flex;align-items:baseline;gap:0;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:opacity var(--transition-fast);cursor:none}.nav__logo-ol{color:var(--ol-white);transition:color var(--transition-fast)}.nav__logo-labs{color:var(--ol-neon-green);text-shadow:0 0 12px rgba(0,255,136,.5);transition:text-shadow var(--transition-fast)}.nav__logo:hover .nav__logo-labs{text-shadow:0 0 20px rgba(0,255,136,.85)}.nav__links{display:flex;align-items:center;gap:40px;list-style:none}.nav__link{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--ol-silver);position:relative;transition:color var(--transition-fast);cursor:none}.nav__link:before{content:"//";color:var(--ol-neon-green);margin-right:6px;opacity:0;transition:opacity var(--transition-fast);font-size:10px}.nav__link:hover{color:var(--ol-neon-green)}.nav__link:hover:before{opacity:1}.nav__link.active{color:var(--ol-neon-green)}.nav__link.active:before{opacity:1}.nav__cta{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ol-matte-black);background:var(--ol-neon-green);padding:10px 22px;font-weight:500;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:background var(--transition-fast),box-shadow var(--transition-fast);cursor:none;display:inline-block}.nav__cta:hover{background:var(--ol-electric-blue);box-shadow:0 0 20px var(--ol-glow-blue);color:var(--ol-matte-black)}.nav__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;padding:8px 4px;cursor:pointer;z-index:1001}.nav__hamburger span{display:block;width:22px;height:2px;background:var(--ol-neon-green);border-radius:1px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.nav__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav__mobile-menu{position:fixed;top:calc(var(--banner-height, 0px) + var(--nav-height));left:0;right:0;display:flex;flex-direction:column;background:#0a0a0afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,255,136,.12);padding:8px 24px 28px;z-index:999;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s;pointer-events:none}.nav__mobile-menu--open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav__mobile-link{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ol-silver);padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:color var(--transition-fast)}.nav__mobile-link:hover,.nav__mobile-link.active{color:var(--ol-neon-green)}.nav__mobile-cta-wrap{padding-top:16px}.nav__mobile-cta-wrap .btn-primary{width:100%;justify-content:center;font-size:11px}.nav__backdrop{position:fixed;top:calc(var(--banner-height, 0px) + var(--nav-height));left:0;right:0;bottom:0;background:#0009;z-index:998}@media(max-width:900px){.nav{padding:0 24px}.nav__links{display:none}.nav__hamburger{display:flex}.nav__logo{font-size:15px}}@media(max-width:480px){.nav__logo{font-size:13px;letter-spacing:.04em}}@media(min-width:901px){.nav__mobile-menu,.nav__backdrop{display:none}}.footer{background:#0a0a0af7;border-top:1px solid rgba(0,255,136,.08);padding:80px 0 40px}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 60px}.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer__brand-name{font-family:var(--font-display);font-size:24px;font-weight:900;letter-spacing:.1em;margin-bottom:12px}.footer__brand-ol{color:var(--ol-neon-green)}.footer__brand-labs{color:var(--ol-silver)}.footer__tagline{font-size:11px;letter-spacing:.2em;color:var(--ol-text-muted);margin-bottom:24px}.footer__social{display:flex;gap:12px}.footer__social-link{width:36px;height:36px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--ol-text-muted);transition:all var(--transition-fast);cursor:none}.footer__social-link:hover{border-color:var(--ol-neon-green);color:var(--ol-neon-green);box-shadow:0 0 12px var(--ol-glow-green)}.footer__soon{color:var(--ol-text-muted);display:inline-flex;align-items:center;gap:8px;cursor:default}.footer__soon em{font-style:normal;font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--ol-neon-green);border:1px solid rgba(0,255,136,.3);border-radius:3px;padding:1px 6px}@media(max-width:600px){.footer__social-link{width:44px;height:44px}}.footer__col-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--ol-silver);margin-bottom:20px;font-weight:400}.footer__col ul{display:flex;flex-direction:column;gap:10px}.footer__col ul li a{font-size:14px;font-weight:300;color:var(--ol-text-muted);display:flex;align-items:center;gap:8px;transition:color var(--transition-fast);cursor:none}.footer__col ul li a:before{content:"›";color:var(--ol-neon-green);opacity:0;transition:opacity var(--transition-fast)}.footer__col ul li a:hover{color:var(--ol-white)}.footer__col ul li a:hover:before{opacity:1}.footer__bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer__copy{font-size:10px;letter-spacing:.15em;color:var(--ol-text-muted)}.footer__copy-accent{color:var(--ol-neon-green)}.footer__legal{display:flex;gap:24px}.footer__legal a{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--ol-text-muted);transition:color var(--transition-fast);cursor:none}.footer__legal a:hover{color:var(--ol-silver)}@media(max-width:900px){.footer-inner{padding:0 24px}.footer__top{grid-template-columns:1fr 1fr;gap:40px}.footer{padding:60px 0 32px}}@media(max-width:480px){.footer__top{grid-template-columns:1fr;gap:36px}.footer__bottom{flex-direction:column;align-items:flex-start;gap:12px}}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background:var(--ol-neon-green);border-radius:50%;pointer-events:none;z-index:10000;box-shadow:0 0 10px var(--ol-neon-green),0 0 20px var(--ol-glow-green-hard)}.cursor-ring{position:fixed;top:0;left:0;width:32px;height:32px;border:1px solid rgba(0,255,136,.5);border-radius:50%;pointer-events:none;z-index:9999;transition:width .2s ease,height .2s ease,border-color .2s ease,background .2s ease}.cursor-ring.hovering{width:48px;height:48px;border-color:var(--ol-neon-green);background:var(--ol-glow-green)}@media(hover:none){.cursor-dot,.cursor-ring{display:none}}.errboundary{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.errboundary__inner{max-width:540px}.errboundary__label{color:var(--ol-neon-green);font-size:11px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px}.errboundary__title{font-family:var(--font-display);font-size:clamp(28px,5vw,44px);margin-bottom:16px}.errboundary__text{color:var(--ol-silver);margin-bottom:28px;line-height:1.7}.errboundary__actions{display:flex;justify-content:center}:root{--banner-height: 0px}.skip-link{position:fixed;top:-100px;left:16px;z-index:1200;padding:10px 18px;background:var(--ol-neon-green);color:var(--ol-matte-black);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:top .2s ease}.skip-link:focus{top:16px;outline:2px solid var(--ol-white);outline-offset:2px}.page-loader{height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--ol-neon-green),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:page-loader-slide 1s linear infinite}@keyframes page-loader-slide{0%{background-position:-50% 0}to{background-position:150% 0}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__main{flex:1;padding-top:calc(var(--nav-height) + var(--banner-height, 0px))}:root{--ol-neon-green: #00FF88;--ol-deep-tech-green: #0B3D2E;--ol-electric-blue: #00CFFF;--ol-deep-crimson: #8B0000;--ol-gunmetal: #2A2A2A;--ol-matte-black: #0A0A0A;--ol-silver: #C0C0C0;--ol-white: #F5F5F5;--ol-text-secondary: #A0A0A0;--ol-text-muted: #6B6B6B;--ol-glow-green: rgba(0, 255, 136, .15);--ol-glow-blue: rgba(0, 207, 255, .12);--ol-glow-green-hard: rgba(0, 255, 136, .4);--ol-border-green: rgba(0, 255, 136, .15);--ol-border-white: rgba(255, 255, 255, .04);--ol-border-blue: rgba(0, 207, 255, .2);--bg-primary: var(--ol-matte-black);--bg-secondary: var(--ol-gunmetal);--accent-primary: var(--ol-neon-green);--accent-secondary: var(--ol-electric-blue);--text-primary: var(--ol-white);--text-secondary: var(--ol-silver);--text-muted: var(--ol-text-muted);--border-primary: var(--ol-border-green);--border-secondary: var(--ol-border-white);--font-display: "Orbitron", monospace;--font-body: "Rajdhani", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-primary: var(--font-body);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--section-pad: 120px;--max-width: 1200px;--nav-height: 70px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow-green: 0 0 20px rgba(0, 255, 136, .3), 0 0 40px rgba(0, 255, 136, .1);--shadow-glow-blue: 0 0 20px rgba(0, 207, 255, .3), 0 0 40px rgba(0, 207, 255, .1);--shadow-glow-cyan: var(--shadow-glow-green);--shadow-glow-purple: var(--shadow-glow-blue)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--ol-neon-green);outline-offset:3px;border-radius:2px}html{scroll-behavior:smooth;font-size:100%}body{font-family:var(--font-body);background-color:var(--ol-matte-black);color:var(--ol-white);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;cursor:none}@media(hover:none){body,a,button,.btn-primary,.btn-secondary{cursor:auto}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;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.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1;opacity:.4}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:2}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:3}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;color:var(--ol-white)}p{font-family:var(--font-body);color:var(--ol-silver);line-height:1.7}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 60px}@media(max-width:900px){.container{padding:0 24px}}@media(max-width:900px){:root{--section-pad: 80px}}@media(max-width:480px){:root{--section-pad: 56px}}.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--ol-neon-green);margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1;max-width:60px;height:1px;background:var(--ol-neon-green);opacity:.5}.section-title{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--ol-white);margin-bottom:20px}.section-title span{color:var(--ol-neon-green)}.section-desc{font-size:17px;font-weight:300;color:var(--ol-silver);max-width:560px;line-height:1.7}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.btn-primary{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--ol-matte-black);background:var(--ol-neon-green);padding:16px 36px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:all .25s ease;box-shadow:0 0 30px #00ff884d;cursor:none;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);transform:translate(-100%);transition:transform .4s ease}.btn-primary:hover:before{transform:translate(100%)}.btn-primary:hover{box-shadow:0 0 50px #00ff8880;transform:translateY(-2px)}.btn-secondary{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;color:var(--ol-silver);background:transparent;padding:16px 36px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(192,192,192,.2);clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:all .25s ease;cursor:none}.btn-secondary:hover{border-color:var(--ol-electric-blue);color:var(--ol-electric-blue);box-shadow:0 0 20px var(--ol-glow-blue)}@media(max-width:480px){.btn-primary,.btn-secondary{padding:14px 28px;font-size:11px;letter-spacing:.15em}}.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}