:root{--bg-base:#081e24;--bg-surface:#132f38;--bg-surface-elevated:#1d4552;--text-primary:#f0f9ff;--text-secondary:#94a3b8;--color-primary:#0ea5e9;--color-primary-hover:#0284c7;--color-secondary:#2dd4bf;--color-success:#10b981;--color-danger:#f43f5e;--color-warning:#fbbf24;--font-base:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-md:.75rem;--radius-lg:1rem;--radius-pill:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#132f38cc;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0003}.text-gradient{background:linear-gradient(135deg, var(--color-secondary), var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-container{background-color:var(--bg-base);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.hero-section{text-align:center;z-index:1}.robot-wrapper{margin-bottom:var(--space-xl)}.sandbox{width:320px;height:320px;margin:0 auto;position:relative}.sandbox:after{content:"";border:12px solid var(--bg-base);pointer-events:none;z-index:2;border-radius:50%;position:absolute;inset:-4px}.robot-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.hero-text h1{margin-bottom:var(--space-sm);font-size:3rem;font-weight:800}.hero-text p{color:var(--text-secondary);max-width:450px;margin:0 auto;font-size:1.1rem}.inline-link{color:var(--color-primary);border-bottom:1px solid #0ea5e94d;font-weight:600;text-decoration:none;transition:color .2s}.inline-link:hover{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}.bottom-bar{bottom:var(--space-xl);right:var(--space-xl);gap:var(--space-lg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);display:flex;position:fixed}.social-link{align-items:center;gap:var(--space-sm);color:var(--text-primary);opacity:.7;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.social-link:hover{opacity:1;color:var(--color-primary);transform:translateY(-2px)}.social-icon{filter:invert();width:20px;height:20px}.services-bar-container{top:var(--space-xl);right:var(--space-xl);z-index:1000;position:absolute}.services-toggle-btn{-webkit-backdrop-filter:blur(12px);cursor:pointer;width:44px;height:44px;color:var(--text-primary);background:#132f38cc;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 4px 12px #0003}.services-toggle-btn:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #0ea5e966}.services-dropdown{width:220px;padding:var(--space-sm);border-radius:var(--radius-lg);flex-direction:column;gap:4px;animation:.2s fadeIn;display:flex;position:absolute;top:54px;right:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.services-menu-link{padding:var(--space-sm) var(--space-md);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:500;text-decoration:none;transition:background .2s;display:block}.services-menu-link:hover{color:var(--color-primary);background:#0ea5e926}.about-text{margin-top:var(--space-xl)}.services-bar-devbar-offset{top:calc(var(--space-xl) + 36px)}@media (width<=768px){.landing-container{height:auto;padding:100px 0 var(--space-2xl)}.sandbox{width:260px;height:260px}.services-bar-container{top:var(--space-md);right:var(--space-md)}.services-bar-devbar-offset{top:calc(var(--space-md) + 36px)}.bottom-bar{bottom:var(--space-md);right:var(--space-md);position:fixed}}.dev-bar{background:var(--bg-surface-elevated);border-bottom:1px solid var(--color-warning);height:36px;color:var(--color-warning);z-index:9999;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;opacity:.9;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.65rem;font-weight:800;display:flex;position:fixed;top:0;left:0;right:0}.dev-bar-prod{background:var(--color-danger);color:#fff;border-bottom:1px solid #ffffff4d}.dev-bar-badge{opacity:.8;font-size:.6rem}